`
关耳丘山川
  • 浏览: 2763 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

ext tree 可编辑插件

    博客分类:
  • ext
阅读更多

jsp导入插件:

<script type="text/javascript" src="<%=request.getContextPath()%>/extjs/TreeCellEditing.js"></script>

 插件下载地址:http://pan.baidu.com/share/link?shareid=549799148&uk=2368039448

tree pannel代码:

var tree = Ext.create('Ext.tree.Panel', {
		title: '动态加载节点的树',
		// 不使用Vista风格的箭头代表节点的展开/折叠状态
		useArrows: false,
		width: 800,
		height: 550,
		store: treeStore, // 指定该树所使用的TreeStore
		rootVisible: false, // 指定根节点不可见

		multiSelect:true,
		viewConfig: {
			plugins: {
				ptype: 'treeviewdragdrop',
			}
		},//这个是拽拉的插件,可以不用理会	
                columns:[
		 		{
		 			xtype:'treecolumn',
		 			text:'text',
		 			writh:250,
		 			dataIndex:'text',
		 			field: 'textfield'
		 		},{
		 			text:'info',
		 			dataIndex:'id',
		 			field: 'textfield'
		 		},{
		 			text:'info',
		 			dataIndex:'desc',
		 			field: 'textfield'
		 		}
		],
	    selType: 'cellmodel',
        plugins: [
             Ext.create('Ext.grid.plugin.CellEditing', {
                 clicksToEdit: 2,
                 listeners: {
                	 'beforeedit':function(editor,e,eOpts ){
                		 Ext.MessageBox.alert("hello word",e.record.id);
                	 }
                 }

             })
        ],
		renderTo: Ext.getBody()
	});

 

 

分享到:
评论

相关推荐

    editTreeGrid ext可编辑的treegridpanel

    要创建一个可编辑的TreeGrid,你需要配置`columns`来定义每列的显示和编辑规则,使用`Ext.grid.plugin.CellEditing`插件,并为每个需要编辑的列指定`editor`属性。同时,还需要确保树的数据源(`store`)能够处理...

    gwt-ext-tree

    在实际开发中,`exttree` 文件可能是这个库的一个示例或者实现文件,包含了使用 GWT-Ext-Tree 创建树形结构的代码。通过对这个文件的学习和理解,开发者可以更好地掌握如何在项目中集成和使用 GWT-Ext-Tree 组件。 ...

    Ext grid与树实例

    在Ext Grid中,你可以定义列(columns)来展示数据的不同属性,通过store来绑定数据源,以及使用各种插件和功能,如行选择、分组、自定义编辑等。在提供的"extdemo"压缩包中,可能包含了一个展示如何创建和配置Grid...

    ext的edittreegrid实现

    2. **定义ColumnModel**:设置EditorGridPanel的列模型,定义可编辑的列。每个列应关联到树节点的一个属性,并配置适当的editor,如TextField、ComboBox等。 3. **添加CellEditing插件**:EXT JS的CellEditing插件...

    Ext.3.0.中文文档

    3. **表格(Grid)**:深入理解Ext Grid Panel的使用,包括列定义、分页、排序、过滤和自定义编辑功能,以及如何处理大规模数据。 4. **表单(Form)**:掌握如何创建和使用各种表单元素,如文本字段、选择框、日期...

    Ext Js权威指南(.zip.001

    7.5.11 树节点:ext.data.nodeinterface与ext.data.tree / 364 7.5.12 store的方法 / 366 7.5.13 store的事件 / 368 7.5.14 store管理器:ext.data.storemanager / 369 7.6 综合实例 / 369 7.6.1 远程读取json...

    Ext下拉列表树

    6. **功能扩展**:Ext下拉列表树还提供了很多可扩展的功能,例如搜索、拖放排序、节点的编辑和删除等。通过扩展组件或者使用插件,可以实现更复杂的功能。 7. **兼容性**:由于描述中提到“任何版本都可使用”,这...

    EXT 3.2.1 Demo 最全实例

    10. **可扩展性**:EXT JS的设计允许开发者通过插件(Plugins)和扩展(Extensions)来增强其功能,满足特定需求。 通过"EXT 3.2.1 Demo 最全实例",开发者可以逐个尝试这些示例,了解每个组件的用法和配置选项,...

    Ext3.0中文API

    8. **插件(Plugins)**:插件是扩展组件功能的一种方式,例如Grid的行编辑插件、Tree的拖放插件等,API文档会列出可用的插件及其配置。 9. **表单(Forms)**:Ext3.0提供了丰富的表单元素和表单处理功能,如...

    Ext框架简介.ppt

    通过EXT,开发者可以创建出既美观又高效的Web应用,同时,EXT的社区活跃,拥有大量的插件和扩展,可以满足不同项目的需求。 EXT框架的学习曲线可能相对较陡,但一旦掌握,开发者就能够高效地构建复杂且互动性强的...

    可编辑TreeGrid

    总的来说,可编辑TreeGrid是Ext JS中一种强大的数据展示和编辑工具,它结合了树形结构的层次感和表格的灵活性,对于需要展示和编辑层次化数据的应用来说,是一个理想的解决方案。理解并掌握如何配置和使用可编辑...

    ext2.0 详解和API

    5. **可扩展性**:EXT2.0具有良好的可扩展性,允许开发者自定义组件和插件,满足特定项目需求。 6. **拖放功能**:内置的拖放API使得元素可以方便地进行拖放操作,增强用户体验。 7. **丰富的图表组件**:EXT2.0...

    js+ext超炫树形控件

    2. **树形控件基础**:树形控件在ExtJS中被称为`Ext.tree.Panel`,它允许用户展开和折叠节点,进行多级深度的浏览。每个节点可以包含任意数量的子节点,并且可以通过图标、文本以及自定义操作来区分。 3. **API ...

    extjs4 入门基础,form、grid、tree

    在ExtJS中,使用`Ext.tree.Panel`创建树。`rootVisible`属性控制是否显示根节点,`store`配置项与网格类似,用于绑定数据。树节点可以通过`children`属性定义子节点,或者通过异步加载数据。树视图还支持节点的展开/...

    Ext扩展整理后吐血奉献

    5. **开发工具使用**:可能涉及到了调试工具、代码编辑器的插件,或者其他有助于Ext JS开发的辅助工具,如浏览器开发者工具、Sencha CMD等。 6. **最佳实践和性能优化**:博主可能分享了一些在实际开发中遇到的问题...

    精通JS脚本之ExtJS框架.part1.rar

    9.3 可编辑表格控件——EditorGrid 9.3.1 制作第一个EditorGrid 9.3.2 添加一行数据 9.3.3 保存修改结果 9.3.4 验证EditGrid中的数据 9.3.5 限制输入数据的类型 9.4 PropertyGrid属性表格控件 9.4.1 Property...

    精通JS脚本之ExtJS框架.part2.rar

    9.3 可编辑表格控件——EditorGrid 9.3.1 制作第一个EditorGrid 9.3.2 添加一行数据 9.3.3 保存修改结果 9.3.4 验证EditGrid中的数据 9.3.5 限制输入数据的类型 9.4 PropertyGrid属性表格控件 9.4.1 Property...

    Extjs 初体验

    - `EditorGrid`:这是一个可编辑的网格,允许用户直接在单元格内编辑数据,常用于数据输入和管理。 - `Grid`:基础的数据显示网格,可以配置列、排序、分页等功能,用于展示和操作表格数据。 - `JsonView`:与...

    Extjs4的TreeGrid例子

    5. **扩展和插件**:ExtJS 4允许开发者通过扩展(Extensions)和插件(Plugins)增强TreeGrid的功能,例如,拖放排序、行编辑、分页等。 6. **Tutorials和Examples**:压缩包中的`Examples`和`Tutorials`目录可能...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正HtmlEditor不能编辑的BUG(feedback:TheBox)。 -修正IE下有时会出现空白页面的情况(feedback:olivia919)。 +2009-12-06 v2.1.8 -修正了使用IFrame的Window关闭后不能再次打开的BUG(feedback:alexa99)。 ...

Global site tag (gtag.js) - Google Analytics