jqGrid源码分析（一）

最新推荐文章于 2024-02-24 10:40:49 发布
最新推荐文章于 2024-02-24 10:40:49 发布
阅读量5.1k 收藏
点赞数 2
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/spy19881201/article/details/38736265
版权

废话少说，先上grid.base.js 总体结构图



各位亲们，注重看下$.jgrid.extend方法，jqGrid所有公开的参数和方法都是通过这个实现的。


说下这里jgrid的源码组织太凌乱，模块切分略粗，如果发现bug不宜每个人实施解决，光grid.base.js就几千行，建议作者重构grid，不怕文件多，就怕模块切分不够细，一到扩展就鸡肋！


有几个小的注意事项
* 必须使用table来初始化
* 不能用于IE的兼容模式
* rowid编号从1开始，不是从0开始


#变量说明
* $t,t:table节点，非jQuery对象
* table的配置参数都存储在$t.p中
* pt:页面上tr节点


jqGrid表格插件源码概览
我的IT之旅
08-05 217
作为jQuery的表格插件，jqGrid我觉得是最好的，此文有一定jqGrid基础的阅读较好 此文一为大家阅读，二为自己笔记，如有差错，请不吝赐教！ 打开jqGrid的src文件夹如下 Css是样式表 I18n是本地化文件 接下来的就是主要的js文件了     一，非jqGrid自有 jqDnR.js Drag'n'Resize 拖拽和拉伸 jquery.se...
jqgrid源码
11-10
pggrid、jqgrid源码
jqGrid源代码分析（一）
weixin_33955681的博客
03-01 391
废话少说。先上grid.base.js 整体结构图 各位亲们，注重看下$.jgrid.extend方法，jqGrid全部公开的參数和方法都是通过这个实现的。 说下这里jgrid的源代码组织太凌乱，模块切分略粗，假设发现bug不宜每一个人实施解决。光grid.base.js就几千行，建议作者重构grid，不怕文件多。就怕模块切分不够细。一到扩展就鸡肋！ ...
jqGrid 4.6.0 源码完整版
09-11
jqGrid 4.6.0 源码，在官网下载的最新版。
JQGrid 实例最全源代码
08-03
JQGrid 实例最全源代码
jqGrid源码及操作文档
07-12
六、jqGrid源码分析 深入理解jqGrid源码有助于我们定制更复杂的功能。jqGrid的源码主要分为核心逻辑、扩展模块和皮肤样式三部分。通过阅读源码，我们可以了解其内部的工作原理，比如数据的处理流程、事件触发机制等...
jquery.jqGrid源码.zip
12-08
《jQuery.jqGrid源码深度解析》 jQuery.jqGrid是一款功能强大的JavaScript表格插件，它基于jQuery库，用于创建动态、交互式的网格视图。本篇文章将深入探讨jqGrid的源码，揭示其内部机制，帮助开发者更好地理解和...
jqGrid插件源码
06-03
学习jqGrid源码，你可以： 1. **了解数据处理**：探究jqGrid如何加载、排序和过滤数据，以及如何与服务器进行异步通信（AJAX）。 2. **掌握事件机制**：jqGrid提供了丰富的事件，如loadComplete、beforeSort等，...
JqGrid
08-02
总之，JqGrid是一个强大且灵活的前端数据网格组件，通过源码分析和使用各种工具，我们可以构建出功能丰富的数据管理界面。PageGrid作为JqGrid的一个实例或扩展，可能包含了一些特定的配置和功能，为开发者提供了更...
jqgrid的源码包
03-27
NULL 博文链接：https://jose-bing.iteye.com/blog/1186473
jqGrid 3.5源码+DEMO+DOC
08-20
好用的jquery表格插件jqGrid。 本压缩包含源码和DEMO，还有一个3.4的DOC。
jquery.jqGrid.js
08-25
jquery.jqGrid.js，jqGrid表格专用JS文件，缺失备用，即下即用。
jqGrid_JS_5.2.1
09-01
实现可编辑表格功能，全面兼容各种浏览器，与jquery完善结合，排序、宽度拖动、锁定列、翻页等很多功能，可form编辑，行编辑，单元格编辑，强大查询支持，与后台完美结合，加载速度快，json支持等等
jqgrid简单前后台增删改查异调用实例
09-13
详细信息见：http://blog.csdn.net/pand0118/article/details/11631061
jqGrid之效果源码
观山是山
06-03 1375
显示网格的jquery插件
jqgrid java demo_jqGrid demos treeGrid demo 直接上可运行源码
weixin_36330888的博客
02-26 146
直接上源码的js。测试可用。废话不多说！有问题留言，必回！！$(document).ready(function(){vartopicjson={"response":[{"id":"1","elementName":"Grouping",level:"0",parent:"",isLeaf:false,expanded:false,loaded:true},{"id":"1_1...
jqGrid介绍以及应用【附视频、ppt、源码】
dawuafang
04-04 204
这篇博客主要介绍jqGrid，jqGrid是jquery的一个表格插件，主要讲解的内容是jqGrid在真正数据展示之前的工作以及错误经验分享，并且最后根据demo讲解jqGrid的应用。 为了方便记录，上传了录制的视频，其中视频的内容与ppt相对应，同时视频中的demo也已上传。 分享地址：http://pan.baidu.com/s/1c0tKehq 有问题的可以随时ca...
Jqgrid入门
最新发布
男神的专栏
02-24 728
最近要用Jqgrid做项目，之前都没怎么接触过，看了看官网有一个小demo，于是下下来后，发现这个demo有点问题，度娘了一下，发现有的博主直接贴官网的代码，截了个图，我真是***，还是得靠自己。
jqgrid固定最后一列
07-15
要在jqGrid中固定最后一列，你可以使用`frozen: true`选项来固定列。以下是一个示例： ```javascript $(document).ready(function () { $("#grid").jqGrid({ url: 'data.json', datatype: 'json', colModel: [ {name: 'id', index: 'id', width: 60, key: true}, {name: 'name', index: 'name', width: 90}, {name: 'age', index: 'age', width: 50}, {name: 'lastColumn', index: 'lastColumn', width: 100, frozen: true} // 最后一列固定 ], jsonReader: { repeatitems: false, root: function (obj) { return obj; } }, rowNum: 10, rowList: [10, 20, 30], pager: '#pager', viewrecords: true, caption: "固定最后一列示例" }); }); ``` 在上述代码中，我们在最后一列的`colModel`中添加了`frozen: true`选项，这样就将最后一列固定在jqGrid中。 请注意，你需要根据实际情况修改数据源URL、列定义和其他相关配置。 这样，当你加载jqGrid时，最后一列将保持固定，并在水平滚动时保持可见。 希望这对你有所帮助！如果有其他问题，请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值