1、editor屬性

使用方法一：靜態數據

<th  field="level"  width="80"   editor="{  
		type:‘combobox‘,  
		options:{required:true,  
		editable:false,  
		data: [  
			{‘id‘:‘1,‘text‘:‘高速公路‘},  
			{‘id‘:‘2‘,‘text‘:‘一級公路‘},  
			{‘id‘:‘3‘,‘text‘:‘二級公路‘},  
			{‘id‘:‘4‘,‘text‘:‘三級公路‘}],  
		valueField:‘id‘,  
		textField:‘text‘}}">路線等級</th>  

　使用方法二：動態數據

	<th data-options="field:‘productid‘,width:100,
			formatter:function(value,row){
				return row.productname;
			},
			editor:{
				type:‘combobox‘,
				options:{
					valueField:‘name‘,
					textField:‘value‘,
					method:‘get‘,
					url:‘products.json‘,
					required:true
				}
			}">Product</th>

　　2、columns屬性

 columns : [ {  
                field : ‘resourceId‘,  
                title : ‘菜單id‘,  
                width : 50,  
                sortable : true  
            }]

　　3、formatter屬性

1.基本用法

單元格formatter(格式化器)函數，帶3個參數：

value：字段值。

row：行記錄數據。

index: 行索引。

$(‘#dg‘).datagrid({
    columns:[{
 
　　　　field:‘userId‘,
　　　　title:‘User‘, width:80,
       formatter: function(value,row,index){
                if (row.user){
                    return row.user.name;
                } else {
                    return value;
                }
        }
    ]
});

（1）value:可以在formatter函數中修改value的值，並在界面上展示修改後的值。 **註意:** 在這裏對value的修改並不會改動後臺數據，這個改動僅相當於對value的渲染。

（2）row:可以通過 row["field值"] 或者 row.field值 得到同一行其他列的值。可以是前面的列，也可以是後面的列。

（3）index:行索引。

（4）當多行數據的field值相同時，formatter就會失效。

EasyUI之DataGrid屬性