Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法

推荐整理分享Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

先放个最终的效果图：

然后是代码：

html文件：

说明：没什么内容，标题，然后是一个表格，我为了做些测试放了个按钮consle，不用删掉即可，当然要引用几个js文件和css文件：

接着是js文件：

说明：调用了easyUI的treegrid，为了显示checkbox，对第一列做了个formatter，为了展示效果绑定了取得选中checkbox的事件，不用可以去掉，也可以去掉alert，更改为其他的事件处理函数。

最后附上数据json文件：

说明：

这个json直接从官网down的，随处可见，也可改为url方式。

本文非原创摘自：

Easyui Treegrid改变默认图标的方法 普通情况下，treegrid的图标是默认的文件夹与文件的形式，如下图：我们可以在json文本中加入iconCls来改变默认图标，例如样例中：{"total":7,"rows":[{"id":1,"

jQuery Ajax 实例代码 ($.ajax、$.post、$.get) $.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()一、$.ajax的一般格式$.ajax({type:'POST',url:url,data:data,success:success,dataType:dataT

jQuery中数据缓存$.data的用法及源码完全解析 一、实现原理：对于DOM元素，通过分配一个唯一的关联id把DOM元素和该DOM元素的数据缓存对象关联起来，关联id被附加到以jQuery.expando的值命名的属性上