论坛首页 Web前端技术论坛

EditTreeGrid行编辑树列表组件(更新1.5版)

浏览 14725 次
精华帖 (2) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-12-09   最后修改:2011-06-16
最近有时间我又开发了一版新的EditTreeGrid,之前做过一版TreeGridEditor,不是很理想,最近一直在学习Ext,对Ext又有了新的认识,所以重新做一版,也算是自己这段时间的一个总结。



基于Ext 3.2.1的TreeGrid。

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

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

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

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: ['编辑', '删除']
}],
   发表时间:2010-12-16  
2010/12/16更新1.2版

  • 新增/修改动作提交AJAX请求,调用URL出错的BUG
  • 行编辑状态,提交AJAX时,增加一个参数parentNodeId(父节点ID)
  • 增加API注释,详细查看源码EditTreeGrid.js
0 请登录后投票
   发表时间:2010-12-16  
请教下楼主,Itemselector的数据过滤的问题。
0 请登录后投票
   发表时间:2010-12-16   最后修改:2010-12-16
什么的Itemselector?描述详细点
0 请登录后投票
   发表时间:2010-12-16  
zhangdaiping 写道
什么的Itemselector?描述详细点

就是ux文件夹下的那个itemselector multiselect 左右选择框的 支持拖拽。
0 请登录后投票
   发表时间:2011-01-10  
请教一下:
能不能单击某一列直接进入编辑状态,鼠标离开自动保存。不出现"save"和"cancel"等按钮?
谢谢
0 请登录后投票
   发表时间:2011-01-10  
不好意思,哪一个版本是最新的呀?1.2为什么在1.4之后发布?
0 请登录后投票
   发表时间:2011-01-10  
EditTreeGrid支不支持多选框?
0 请登录后投票
   发表时间:2011-01-10  
kdmhh 写道
EditTreeGrid支不支持多选框?

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

EditTreeGird不支持多选
0 请登录后投票
   发表时间:2011-04-18  
2011-4-18 更新1.3版

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

0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics