使用EASYUI和Json创建数据网格，其中数据类型布尔型

Question

如何在数据网格中同时显示两个我的布尔型字段？ 例如：我想在网格的第1行和第2行显示“True”和“False”？但网格将由JSON加载。

<table id="tblDirection"> 
    <thead> 
    <tr> 
     <th field="ck" checkbox="true"></th> 
     <th field="name" width="120">Direction</th> 
     </tr> 
    </thead> 
</table> 

下面是javascript代码：

function RefreshDirection() { 
    $('#tblDirection').empty(); 
    data = [{ id: 0, name: 'Uni Directional' 
}, { id: 1, name: 'Bi Directional'}]; 
data = { "total": "" + data.length + "", "rows": data }; 
$('#tblDirection').datagrid('loadData', data); } 

，但我想使这个动态。

Answer 1

您可以使用格式化的复选框字段使用类型，而不是=复选框如下，

//column defintion in html tags 
<th field="checkfieldId" width="80" formatter="formatCheckbox" > 


//formatter function 
function formatCheckbox(value,row,index) 
{ 
if(value) 
    return "<input type='checkbox' checked=true onChange=checkChecked("+index+",this);>"; 
else 
    return "<input type='checkbox' onChange=checkChecked("+index+",this);>"; 
}