我是JTable的新手。我从控制器返回JSon数据并将该数据加载到JTable中。 Json数据有一个布尔列,比如'ShowBold';我想在JTable中加粗整行,其中ShowBold是真的,但另一方面我不想在JTable中显示'ShowBold'。 我正在使用c#,mvc 4和JSon格式的数据提交
请指导。
我的代码如下:
<script language="JavaScript">
$(document).ready(function () {
$('#MyDiv').jtable({
title: 'Client Data',
paging: true,
pageSize: 10,
sorting:true,
actions: { listAction: '/Home/getClientData/@Model.ID' },
fields: { ClientID: {title: 'Client ID', width: '15%' },
ClientName: {title: 'Client Name', width: '15%'},
Address: {title: 'Address', width: '15%'},
AmountDue: {title: 'Amount Due', width: '15%'},
ShowBold: {title: 'Show Bold', width: '15%'}
});
$('#MyDiv').jtable('reload');
});
</script>
<div id="MyDiv">Client data here.... </div>
答案 0 :(得分:1)
只需从jtable初始化中删除ShowBold列,并在每个列级别使用display function来设置单元格的样式。
$('#MyDiv').jtable({
title: 'Client Data',
paging: true,
pageSize: 10,
sorting:true,
actions: { listAction: '/Home/getClientData/@Model.ID' },
fields: {
ClientID: {
title: 'Client ID', width: '15%',
display: function (data) {
if(data.record.ShowBold)
return '<b>'+data.record.ClientID+'</b>'
else
return data.record.ClientID;
}
},
ClientName: {
title: 'Client Name', width: '15%',
display: function (data) {
if(data.record.ShowBold)
return '<b>'+data.record.ClientName+'</b>'
else
return data.record.ClientName;
}
},
Address: {
title: 'Address', width: '15%',
display: function (data) {
if(data.record.ShowBold)
return '<b>'+data.record.Address+'</b>'
else
return data.record.Address;
}
},
AmountDue: {
title: 'Amount Due', width: '15%',
display: function (data) {
if(data.record.ShowBold)
return '<b>'+data.record.AmountDue+'</b>'
else
return data.record.AmountDue;
}
}
}
});
这是ApiReference。