【jquery】flexiGrid新增功能的方式

到目前为止，我用过的jquery表格插件只有jqGrid和flexiGrid。今天，只说后者。

关于参数配置，使用方法，博客园文章很多。

原生的flexiGrid架包不大，内容可以扩展，比如在每行数据列前增加一个checkBox用于选择，再比如原生flexiGrid中支持json和xml格式传递数据。而flexiGrid中json格式的数据则必须写为{id:"",rows：[{"id1","name1","age1"},{"id2","name2","age2"}...]}，数据在rows数组里，每一项数据依靠后台处理时人为排列一次放入，并和前端页面表格保持一致顺序才行。于是，有人将rows改为原生json那样一一对应，即name:value。在取出时可以循环遍历，根据name取值value放入表格列，不用先强制排序了。

后来，需要增加一项功能，即点击某行的某一列可以显示当前行明细，就是把当前行数据在集中显示一下。标题来自colModel的display，内容来自当前行的每一列。功能做好后，将之作为一个属性参数，添加进flexiGrid，需不需要显示明细可以通过参数设置。这一过程最重要的是，知道把代码加在哪儿。且为了兼容ie，做了不少额外的设置。