jQuery EasyUI框架中的Datagrid数据表格组件结构详解(jquery-easyui-1.3.3)

编辑：rootadmin

推荐整理分享jQuery EasyUI框架中的Datagrid数据表格组件结构详解(jquery-easyui-1.3.3)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery easy ui,easyui框架简介,easyui框架模板下载,easyui框架的优缺点,jquery easyui 教程,easyui框架简介,jquery-easyui-1.3.3,jquery easyui 教程,内容如对您有帮助，希望把文章链接给更多的朋友！

基础DOM结构什么叫“完整的基础DOM结构”，这里“基础”的意思是指这个结构不依赖具体数据，不依赖Datagrid的view属性，只要存在Datagrid实例就会存在这样的基础DOM结构；而“完整”的意思是指在冻结列，冻结行，标题，footer，分页这些功能块都存在时候的DOM结构。

要搞清楚Datagrid的工作原理，这个DOM结构必须要烂熟于胸的，我们直接来看这个“基础完整DOM结构”是什么样子的：

jQuery EasyUI框架中的Datagrid数据表格组件结构详解(jquery-easyui-1.3.3)

对于这个DOM结构，我在html代码里面已经做了简单说明，这里提一下绑定于Datagrid宿主table上的对象的dc属性，这个dc属性存储了对DOM结构里不同部分的引用，获取dc属性的方法：

而dc属性跟DOM的对应关系，我也在html中做了详细注释，请大家自行查看，这些都是我们深入认识Datagrid组件的基础。

默认视图分析上面对Datagrid组件的骨架做了很详细的描述。有了骨架还并不完整，还得有血有肉有衣服穿才行。强大的Datagrid组件允许我们自己定义如何在基础骨架上长出健壮诱人的身体，我们只要定义Datagrid的视图就可以实现。

在大多数情况下，我们并无特别要求，Datagrid给我们提供了默认的视图，默认视图被使用在%以上的场景，所以对默认视图的分析显得非常有必要。注意视图里面定义了哪些接口，哪些方法，如果要自己写视图的话，最好把这些接口和方法都写齐全。

3kb jQuery代码搞定各种树形选择的实现方法自制Jquery树形选择插件.对付各种树形选择（省市，分类..）行Jquery代码搞定，少说废话直接上插件代码。稍后介绍使用说明。是之前写的一个插件的精

由简入繁实现Jquery树状结构的方法(推荐) 在项目中，我们经常会需要一些树状结构的样式来显示层级结构等，比如下图的样式，之前在学.net的时候可以直接拖个服务端控件过来直接使用非常方

jQuery学习心得总结(必看篇) jQuery对象jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的。只有jQuery对象才能使用jQuery的方法，在jQuery对象中无法使用DOM对象