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

zhangdaiping

浏览: 129781 次
性别:
来自: 北京

最近访客更多访客>>

guoapeng

苏瑾流年

giky1984

curtainsky

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ext JS

EXT Ajax

最近有时间我又开发了一版新的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: ['编辑', '删除']
}],

edittreegrid-1.5.rar (1.4 MB)
下载次数: 3536

分享到：

Ext.menu.ColumnMenu多列布局菜单 | DateFormat时间的汉化bug

2010-12-09 11:24
浏览 13051
评论(37)
论坛回复 / 浏览 (28 / 14733)
分类:Web前端
查看更多

37 楼 962464i 2015-05-08

麻烦问一下：edittreegrid-pkg.js这个文件是做什么的？我没有添加这个文件，貌似所有功能都可以实现呢

36 楼 blueskyxiao 2014-06-17

楼主。问下咱们这个能实现和grid一样的双击编辑功能吗？双击只有被双击的cell可编辑。
另，如何能做到统一提交啊？求指教

35 楼 namelessmyth 2014-04-17

新版本怎么使用 localData呀...求楼主发案例呀...

34 楼 wokao_wg 2013-07-23

zhangdaiping 写道

2011-6-9 更新1.5版

修正新增节点，异步加载父节点导致的BUG
增加删除树节点时，提示删除功能

楼主有个问题请看下代码：

 Ext.getCmp('tab_manage').add({
     	id: 'testPan',
	xtype: 'panel',
	closable : false,
	//autoLoad: {url:'testAction!editTree.action', scripts: true, params: {ids: '1'}},
	items:[EditTreeGrid], 用这个可以
	title: '测试'
     });
   Ext.getCmp('tab_manage').setActiveTab('testPan');

action跳转的页面：

<html>
<script type="text/javascript" src="edittreegrid.js"></script>
<body></body>
</html>

如上代码，直接添加到items里可以，但是用autoLoad加载url再跳转到目标页面，edittreeGrid不能显示出来，js错误为：TypeError: a is undefined，这应该算是个bug吧，求楼主验证

33 楼 stephansun 2012-06-29

这个版本不能支持多选框了吗？前几个版本有的，但是下载链接好像没有了。

32 楼 zhongchao444 2012-02-09

你好我运行里面的示例，怎么提示拒绝访问

31 楼 Inspiration 2012-02-02

你好，请问我想把编辑好的树结构以一种XML或JSON的方式保存起来，请问怎么弄？

30 楼 xuthus_qbxx 2011-11-25

你好!
我这近希望开发一个类似treegrid的计划管理小程序，以便管理我的员工，但我本身自己做程序不多，所以我希望把这个小程序委外给你做，不知道感兴趣吗

我的邮箱：keybeninfo@163.com qq：313134870

29 楼 friday007001 2011-10-30

楼主1.5的还支持复选框吗？怎么使用呀？

28 楼君已陌璐 2011-09-15

请问下楼主，为什么你给的例子中修改的数据无法回写到json文件中？

27 楼 xu5420878 2011-07-23

楼主，你的资料很好，现在我想研究下你的代码学习下，因为那增加节点save后如何保存到josn中的，我这块想弄下，但是那个edittreegrid-pkg.js文件打开后都只成一行了，所以没看明白。我该怎么做才能让数据保存到json中呢？

26 楼 zhangdaiping 2011-06-09

qwml6179 写道

楼主会出基于 ExtJs 4 的组件么

工作中用4的机会不多，应该不会出4的组件

其实自己对是很有兴趣，也看过很多4的例子

4的数据模型最吸引我

25 楼 zhangdaiping 2011-06-09

lengxufeng 写道

楼主您好，正在使用你的组件，感谢。有个BUG，不知是否准确：

当第一次加载数据时，根节点还没展开时，点击根节点的新增子分类，会展开节点，并自动增加一条空叶子，而不是显示编辑框。

求证，谢谢。

其实这个问题早发现了，就是没有更新。刚发了1.5版已经修复了这个BUG

24 楼 zhangdaiping 2011-06-09

2011-6-9 更新1.5版

修正新增节点，异步加载父节点导致的BUG
增加删除树节点时，提示删除功能

23 楼 lengxufeng 2011-06-02

22 楼 qwml6179 2011-05-19

楼主会出基于 ExtJs 4 的组件么

21 楼 zhangdaiping 2011-04-22

2011/4/22更新1.4版

修正一些兼容性问题

20 楼 clue 2011-04-20

zhangdaiping 写道

知道了，数据可以加载出来，再根据滚动条渲染数据。。。这个其实是可以做到的

理论上如此。。。　目前仍未见到。。。
可能接触面不广吧，没准已经有人实现过了。

19 楼 zhangdaiping 2011-04-20

clue 写道

zhangdaiping 写道

这是树，和grid的数据结构不一样，Tree本身就有延迟加载的机制

你还没理解我的意思，Ext的树是可以分层加载渲染，但单层的节点是只要展开就全部渲染。如果单层节点超过1000，性能就会低到难以忍受的程度。

Grid配置BufferView后，虽然加载还是那么多数据，但实际渲染出html的只有可见的那块，并根据滚动条位置动态更新，所以性能很高。

知道了，数据可以加载出来，再根据滚动条渲染数据。。。这个其实是可以做到的

18 楼 zhangdaiping 2011-04-20

bond88 写道

zhangdaiping 写道

bond88 写道

请教博主一个关于隐藏列的问题，如果树视图里有个隐藏列存在，显示的时候水平网格线会出现中断，光条也会中断，而且列头的隐藏列占的宽度不能消失，看起来显得很不舒服。不知道这是什么问题？

还没用过隐藏列，所以没测试过。。。

楼主有空测试下吧，我是没搞定，出现那种显示很烦。但我又怀疑会不会是我的问题，毕竟不应该有这么明显的问题却没人反应啊？（我使用系统的grid也有这样问题，列头不能完全隐藏，他的列头隐藏好像就是靠display:none或者visibility:hidden实现的）.
另外再请教下，如果不用隐藏列，想要处理返回的某列不想显示的数据，有更好的方式吗？

Store里面有值，不一定要用Column显示到页面上啊

TreeGrid也一样，attributes里有值，不一定要显示成Column

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

edittreegrid-1.5: 为了在项目中使用"edittreegrid-1.5"，你需要先引入相关的JavaScript和CSS文件，然后按照文档的指导配置Ext JS的树形网格组件，利用提供的API和事件来实现节点操作和行编辑功能。在实际应用中，通常还需要考虑与其他...

editTreeGrid ext可编辑的treegridpanel: `editTreeGrid`是EXT JS中的一个特例，它是可编辑的TreeGrid面板，提供了在树节点中直接编辑数据的能力。这种组件通常用于管理具有层次关系的数据，比如组织结构、文件系统或数据库表的层级结构。 1. **EXT JS简介*...

ext的edittreegrid实现: 在EXT JS库中，"ext的edittreegrid实现"是一种功能强大的组件，它结合了树形视图（Tree）和编辑网格（EditorGrid）的功能，允许用户在具有层次结构的数据上进行直观的编辑操作。这个组件对于那些需要管理结构化且...

基于S7-300PLC与MCGS6.2的饮料罐装生产线自动化控制系统设计，包含仿真、程序、IO表与电气原理，实现自动操作、灌装报警及瓶数记录功能 ,基于PLC的饮料罐装生产线控制系统设计 S7-30: 基于S7-300PLC与MCGS6.2的饮料罐装生产线自动化控制系统设计，包含仿真、程序、IO表与电气原理，实现自动操作、灌装报警及瓶数记录功能。,基于PLC的饮料罐装生产线控制系统设计。 S7-300PLC MCGS6.2仿真仿真，程序，IO表，电气原理图，6500字说明。实现功能有：（1）系统通过开关设定为自动操作模式，一旦启动，则传送带的驱动电机启动并一直保持到停止开关动作或罐装设备下的传感器检测到一个瓶子时停止；瓶子装满饮料后，传送带驱动电机必须自动启动，并保持到又检测到一个瓶子或停止开关动作。（2）当瓶子定位在灌装设备下时，停顿1秒，罐装设备开始工作，灌装过程为5秒钟，罐装过程应有报警显示，5秒后停止并不再显示报警。（2）用两个传感器和若干个加法器检测并记录空瓶数和满瓶数，一旦系统启动，必须记录空瓶和满瓶数，设最多不超过99999999瓶。（4）可以手动对计数器清零（复位）。 ,关键词：S7-300PLC; MCGS6.2仿真; 传送带驱动电机; 传感器检测; 瓶装; 空瓶数; 满瓶数; 报警显示; 自动操作模式; 灌装设备。,基于S7-300PLC的饮料罐装

python加密货币时间序列预测源码+数据集-最新出炉.zip: python加密货币时间序列预测源码+数据集-最新出炉加密货币分析：对各种加密货币的数据进行分析和研究。可能会使用到从各种来源收集的数据，包括但不限于加密货币的价格、市值、交易量、交易时间等信息。探索加密货币市场的趋势和模式，例如价格的波动情况、不同加密货币之间的相关性等。数据处理与操作：可能使用 Python 语言（Kaggle 上常用的数据分析语言），并运用一些数据处理和分析的库，如 pandas 用于数据的读取、清洗、整理和转换操作，将原始的加密货币数据转换为更易于分析的格式。可视化展示：通过可视化工具，如 matplotlib 或 seaborn 库，将加密货币的信息以图表的形式展示出来，以帮助直观地理解数据中的关系和趋势。统计分析或预测：可能会进行一些基本的统计分析，如计算加密货币价格的均值、中位数、标准差等统计量，以描述数据的特征。或者使用机器学习或时间序列分析的方法对加密货币的价格进行预测，根据历史数据预测未来价格走势。例如，使用 scikit-learn 进行简单的回归分析：数据挖掘与特征提取：挖掘加密货币数据中的特征，如找出影响价格的关键因素，对数据中的特征进行筛选和提取，以帮助更好地理解加密货币的市场行为。

面对程序设计GJava: 类和对象、继承、封装、多态、接口、异常

TF_demo1_keras.ipynb: gee python相关教程

夜间灯光数据 2023年全球_中国夜间灯光数据合集(数据权威): 夜间灯光强度（平均灯光强度）的高低反映了一个地区城市化发展的水平，平均灯光强度越高，说明该地区城市群越多，城市化程度越高。夜间灯光数据现在越来越广泛地应用于经济增长分析、经济地理、城市经济学、数字经济等众多领域。本数据包括三套： [1]中国类DMSP-OLS灯光数据1992-202 [2]中国超长序列灯光数据1984-2020 [3]全球类NPP-VIIRS夜间灯光数据2000-2022 包括：全国各省、市、县夜间灯光数据矫正后夜间灯光数据细分：标准差、平均值、总值、最大值和最小值

工程项目总监绩效考核表.xls: 工程项目总监绩效考核表

(数据权威)各省份一般公共预算转移支付数据（附送地级市转移支付）: 首先解释一下什么叫转移支付。其实，这和养老金的中央调剂是一样的。每年，地方都要向中央缴纳财政。而中央又要根据各地方的财政实力，给予转移支付。比如一些经济弱省，本身财政收入就不够支出的，还得上交一部分给中央，怎么维持财政运转？由于各省市直接的财政收入能力存在差异，中央为实现各个地方的公共服务水平平等，于是便有了财政转移支付制度。简单理解就是富省养穷省。 2022年全国一般预算内财政收入203703亿元，给地方转移支付了97144.75亿元，转移支付数额创下新高。

基于门控卷积和堆叠自注意力的离线手写汉字识别算法研究.pdf: 基于门控卷积和堆叠自注意力的离线手写汉字识别算法研究.pdf

逐月中国工业用水空间分布数据集(数据权威): 【数据介绍】作为第二大人类部门用水，高质量的工业用水格网数据对于水资源研究和管理至关重要。中国工业用水格网数据（China Industrial Water Withdrawal dataset， CIWW）基于超过 40 万家企业数据、月度工业产品产量数据和连续工业用水统计数据制作得到的一套1965-2020年逐月中国工业用水数据集，其空间分辨率为 0.1°和 0.25°。数据集包括工业用水、企业数量和企业生产总值（辅助数据）等变量，可被用于水文、地理学、环境、可持续发展等方面科学研究。【数据来源】数据来源为《中国经济普查年鉴》(省级工业取水量、工业产出)、《中国工业企业数据库》（企业地理位置、产值）、《中国工业产品产量数据库》（工业产品月生产量），以及《中国水资源公报》和(Zhou et al, 2020, PNAS)的工业用水量数据。【数据处理】首先通过2008年企业分布数据、经济普查年鉴中分省分部门的工业用水量和工业产值计算得到分省分部门工业用水效率和工业产品产量数据，得到了2008年逐月工业用水数据。然后结合中国水资源公报和相关文献中省级工业用水数据，以2008年工业用水的时空格局作为基础分配工业用水数据，最终得到1965-2020年逐月工业用水的格网数据。详细方法见High-resolution mapping of monthly industrial water withdrawal in China from 1965 to 2020 (Hou et al, 2024, ESSD). 将数据集与统计数据记录和其他数据集进行了验证，结果表示在时间尺度和空间尺度上都与统计数据具有一致性，相比已有工业用水数据有更好的精度。

65 -质量管理部经理绩效考核表1.xlsx: 65 -质量管理部经理绩效考核表1

11 -电脑部经理绩效考核表1.xlsx: 11 -电脑部经理绩效考核表1

大英赛写作必备：实用英语万能句及其应用技巧: 内容概要：本文提供了针对大学生英语竞赛写作准备的重要资源——一系列通用的英文句子模板。这些模板涵盖了现代经济社会的各种话题，从科技进步到环境保护，以及个人品质和社会责任等，并且适用于论述类文章、观点对比和个人见解的表达。文章通过对每一句话的应用环境解释和语法提示，确保使用者可以在实际写作中正确且有效地应用这些表达方式。适合人群：正在准备参加大学生英语竞赛的学生及其他希望提高书面表达能力的学习者。使用场景及目标：考生能够在竞赛时间内迅速构建思路完整的文章，增强语言表达的流利性和规范性；帮助学习者积累高级词汇，提升英语写作水平并培养良好的思维逻辑。阅读建议：结合历年优秀范文进行深入学习，熟悉不同类型话题下的表述方法；练习将提供的句子融入自身创作的文章中，通过不断修订和完善来巩固记忆。同时也可以用于日常的英语写作训练当中。

法律事务专员绩效考核表.xls: 法律事务专员绩效考核表

apache-commons-digester-javadoc-1.8.1-19.el7.x64-86.rpm.tar.gz: 1、文件内容：apache-commons-digester-javadoc-1.8.1-19.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/apache-commons-digester-javadoc-1.8.1-19.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、安装指导：私信博主，全程指导安装

永磁同步电机磁场定向控制（矢量控制）Simulink仿真模型波形展现与解析,永磁同步电机的磁场定向控制（矢量控制）simulink仿真模型，波形完美 ,核心关键词：永磁同步电机; 磁场定向控制（矢量控: 永磁同步电机磁场定向控制（矢量控制）Simulink仿真模型波形展现与解析,永磁同步电机的磁场定向控制（矢量控制）simulink仿真模型，波形完美 ,核心关键词：永磁同步电机; 磁场定向控制（矢量控制）; Simulink仿真模型; 波形完美;,永磁同步电机矢量控制仿真模型：磁场完美调控，波形精确无误

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论