EditTreeGrid行编辑树列表组件（更新1.5版）

hxy · 发表于 2011-6-24 08:58

最近有时间我又开发了一版新的EditTreeGrid，之前做过一版TreeGridEditor，不是很理想，最近一直在学习Ext，对Ext又有了新的认识，所以重新做一版，也算是自己这段时间的一个总结。

基于Ext 3.2.1的TreeGrid。

这个版本最大的改进就是使用了和Grid一样的RowEditor组件；由于使用了RowEditor，所以只能支持单行编辑。另外，TreeRowEditor和Grid RowEditor有点不同，当进入RowEditor状态后，其他所有按钮功能不可使用，你点击会无效。

代码体积减小了很多，将官方的TreeGird打包到一起，才30K的大小。

其次功能按钮的加载和扩展也有了很大的改进，可以随意定制，如下：

Js代码

columns: [{
header: 'Task',
dataIndex: 'task',
width: 230,
editor: new Ext.form.TextField({
allowBlank: false
})
}, {
// ...省略代码...
}, {
header: '排序',
width: 80,
buttons: ['upgrade', 'degrade'],
buttonIconCls: ['x-treegrid-button-upgrade', 'x-treegrid-button-degrade'],
buttonTips: ['上移', '下移']
}, {
header: '新增子分类',
width: 80,
buttons: 'add',
buttonIconCls: 'x-treegrid-button-add',
buttonTips: '新增'
}, {
header: '操作',
width: 130,
buttons: ['update', 'remove'],
buttonText: ['编辑', '删除']
}],
columns: [{
header: 'Task',
dataIndex: 'task',
width: 230,
editor: new Ext.form.TextField({
allowBlank: false
})
}, {
// ...省略代码...
}, {
header: '排序',
width: 80,
buttons: ['upgrade', 'degrade'],
buttonIconCls: ['x-treegrid-button-upgrade', 'x-treegrid-button-degrade'],
buttonTips: ['上移', '下移']
}, {
header: '新增子分类',
width: 80,
buttons: 'add',
buttonIconCls: 'x-treegrid-button-add',
buttonTips: '新增'
}, {
header: '操作',
width: 130,
buttons: ['update', 'remove'],
buttonText: ['编辑', '删除']
}],

复制代码

edittreegrid-1.5.rar (1.36 MB, 下载次数: 12)

broken · 发表于 2011-6-24 08:58

2010/12/16更新1.2版

新增/修改动作提交AJAX请求，调用URL出错的BUG
行编辑状态，提交AJAX时，增加一个参数parentNodeId（父节点ID）
增加API注释，详细查看源码EditTreeGrid.js

愚人 · 发表于 2011-6-24 08:58

请教下楼主，Itemselector的数据过滤的问题。

江南枫 · 发表于 2011-6-24 08:59

什么的Itemselector？描述详细点

无处不在 · 发表于 2011-6-24 08:59

zhangdaiping 写道
什么的Itemselector？描述详细点

就是ux文件夹下的那个itemselector multiselect 左右选择框的支持拖拽。

江南枫 · 发表于 2011-6-24 08:59

请教一下：
能不能单击某一列直接进入编辑状态，鼠标离开自动保存。不出现"save"和"cancel"等按钮？
谢谢

shmilyyu · 发表于 2011-6-24 08:59

不好意思，哪一个版本是最新的呀？1.2为什么在1.4之后发布？

fl · 发表于 2011-6-24 08:59

EditTreeGrid支不支持多选框？

fossil · 发表于 2011-6-24 08:59

kdmhh 写道
EditTreeGrid支不支持多选框？

EditTreeGird是后开发的，和TreeGridEditor是不同的。

EditTreeGird不支持多选

fossil · 发表于 2011-6-24 08:59

2011-4-18 更新1.3版

修正改变列宽时，grid宽度resize出错的问题
修正一些已知的小BUG
增加功能按钮显示/隐藏，启用/禁用的接口

海阔天空 · 发表于 2011-7-14 11:18

支持分享

醉倚西风 · 发表于 2011-7-21 11:16

顶上去~~~~~~~~~~`

fossil · 发表于 2011-7-21 11:16

哈哈 OK ~~~

chenyh85 · 发表于 2012-4-26 16:01

正需要，谢谢分享！！

chenyh85 · 发表于 2012-4-26 16:02

没币了，顶吧！！

帐号		自动登录	找回密码
密码			成为会员