easyui表格单元格颜色.docVIP

easyui表格单元格颜色 篇一：jQuery EasyUI API 中文文档 - DataGrid数据表格 jQuery EasyUI API 中文文档 - DataGrid数据表格 jQuery EasyUI API 中文文档 - DataGrid数据表格使用说明，需要的朋友可以参考下。 扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。 依赖 panel resizable linkbutton pagination 用法 复制代码 代码如下: lt;table id=quot;ttquot;gt;lt;/tablegt; 复制代码 代码如下: $(#39;#tt#39;).datagrid({ url:#39;datagrid_data.json#39;, columns:[[ {field:#39;code#39;,title:#39;Code#39;,width:100}, {field:#39;name#39;,title:#39;Name#39;,width:100}, {field:#39;price#39;,title:#39;Price#39;,width:100,align:#39;right#39;} ]] }); 数据表格（DataGrid）的特性 列（Column）的特性 DataGrid 的 Column 是一个数组对象，它的每个元素也是一个数组。数组元素的元素是一个配置对象，它定义了每个列的字段。 代码示例： 复制代码 代码如下: columns:[[ {field:#39;itemid#39;,title:#39;Item ID#39;,rowspan:2,width:80,sortable:true}, {field:#39;productid#39;,title:#39;Product ID#39;,rowspan:2,width:80,sortable:true}, {title:#39;Item Details#39;,colspan:4} ],[ {field:#39;listprice#39;,title:#39;List Price#39;,width:80,align:#39;right#39;,sortable:true}, {field:#39;unitcost#39;,title:#39;Unit Cost#39;,width:80,align:#39;right#39;,sortable:true}, {field:#39;attr1#39;,title:#39;Attribute#39;,width:100}, {field:#39;status#39;,title:#39;Status#39;,width:60} ]] 编辑器（Editor） 用 $.fn.datagrid.defaults.editors 重写了 defaults。 每个编辑器有下列行为： 例如，文本编辑器（text editor）像下面这样定义： 复制代码 代码如下: $.extend($.fn.datagrid.defaults.editors, { text: { init: function(container, options){ var input = $(#39;lt;input type=quot;textquot; class=quot;datagrid-editable-inputquot;gt;#39;).appendTo(container); return input; }, getValue: function(target){ return $(target).val(); }, setValue: function(target, value){ $(target).val(value); }, resize: function(target, width){ var input = $(target); if ($.boxModel == true){ input.width(width - (input.outerWidth() - input.width())); } else { input.width(width); } } } }); 数据表格视图（DataGrid View） 用 $.fn.datagrid.defaults.view 重写了 defaults。 事件 其事件扩展自 panel，下列是为 datagrid 增加的事件。 篇二：easy