首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

基于jQuery的报表插件flexigrid 扩展:为列增加checkbox

2012-10-29 
基于jQuery的表格插件flexigrid 扩展:为列增加checkbox关于flexigrid: 基于jQuery的datagrid插件。http://w

基于jQuery的表格插件flexigrid 扩展:为列增加checkbox
关于flexigrid: 基于jQuery的datagrid插件。http://www.flexigrid.info/

基本使用就不说了,看官网。这篇文章主要总结一下自己在使用中的一些心得,首先是对flexigrid进行简单的扩展,比如将某个数据列显示为一个checkbox.
要点,也就是主要修改的地方如下:

1.colModel -- flexigrid用来表头的模型,我们将在为之新增一个checkbox属性作为标识,若为true,则将这一列显示为checkbox。 用ctrl+f找到这段代码(为什么用Ctrl+F? 很明显写这插件的哥们儿很喜欢超长的函数,以至于这种独立的功能他都仅仅是加了一个注释而已):

$("#customer_flexigrid").flexigrid({        colModel: [         { display: 'Select', name: 'id', width: 40, align: 'center', checkbox:true},         ],         //其他配置省略

这只是一个简单的例子,事实上用同样的思路,我们可以把单元格表现成任意的形式。

最后吐槽一下JE的代码插入功能,太难使了。

热点排行