easyui表格单元格颜色
篇一：jQuery EasyUI API 中文文档 - DataGrid数据表格
jQuery EasyUI API 中文文档 - DataGrid数据表格
jQuery EasyUI API 中文文档 - DataGrid数据表格使用说明，需要的朋友可以参考下。 扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。 依赖 panel resizable linkbutton pagination
用法
复制代码 代码如下:
<table id="tt"></table>
复制代码 代码如下:
$('#tt').datagrid({
url:'datagrid_data.json', columns:[[
{field:'code',title:'Code',width:100}, {field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'} ]] });
数据表格（DataGrid）的特性
列（Column）的特性
DataGrid 的 Column 是一个数组对象，它的每个元素也是一个数组。数组元素的元素是一个配置对象，它定义了每个列的字段。
代码示例：
复制代码 代码如下:
columns:[[
{field:'itemid',title:'Item ID',rowspan:2,width:80,sortable:true},
{field:'productid',title:'Product ID',rowspan:2,width:80,sortable:true}, {title:'Item Details',colspan:4} ],[
{field:'listprice',title:'List Price',width:80,align:'right',sortable:true}, {field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true}, {field:'attr1',title:'Attribute',width:100}, {field:'status',title:'Status',width:60} ]]
编辑器（Editor）
用 $.fn.datagrid.defaults.editors 重写了 defaults。
每个编辑器有下列行为：
例如，文本编辑器（text editor）像下面这样定义： 复制代码 代码如下:
$.extend($.fn.datagrid.defaults.editors, { text: {
init: function(container, options){
var input = $('<input type="text" class="datagrid-editable-input">').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 增加的事件。
篇二：easyui帮助手册datagrid
数据表格
继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。
依赖关系
控制面板 ? 缩放
? 链接按钮 ? 分页
?
列属性
数据表格的列是一个对象数组，即这个对象中的元素也是一个数组（js中数组是对象）。 对象数组中的每一个元素都是可配置的对象，每个可配置对象定义一个列。
示例代码:
编辑器
使用$.fn.datagrid.defaults.editors重载默认值。 每个编辑器都有以下方法：
篇三：JQuery Easy Ui dataGrid 数据表格
JQuery Easy Ui dataGrid 数据表格
(来自:www.zaidian.cOm 书 业网:easyui表格单元格颜色)数据表格 - DataGrid
内容
继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。.
数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的，功能丰富的。单元格合并，多列标题，冻结列和页脚是其功能只是一小部分。
依赖组件（Dependencies）
?
?
?
? 布局 - panel 缩放 - resizable 链接按钮 -linkbutton 分页 - pagination
使用方法（Usage Example）
从现有的表单元素创建数据表格，定义在html中的行，列和数据。
通过<TABLE>标记创建的DataGrid。嵌套的<TH>标签定义的列的表。
使用JavaScript创建数据表格。
查询数据填充数据表格。
数据更改与服务器交互，刷新当前数据。
数据表格属性（DataGrid Properties）
属性继承控制面板，以下是数据表格独有的属性。