如何根据列值在jtable中加粗一行c#， mvc, json

本文关键字：一行 json mvc 何根 jtable | 更新日期: 2023-09-27 18:07:01

我是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>
  • 我不想在JTable
    • 显示'ShowBold'
  • 我想在JTable中加粗所有'ShowBold' = true的行。
    • 我的数据是JSon格式的。
  • 我使用c#， MVC，实体框架

如何根据列值在jtable中加粗一行c#， mvc, json

只需从jtable初始化中删除ShowBold列，并在每个可以设置单元格样式的列级别使用display函数。

 $('#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;
            }
        }
    }
});
相关文章：