Flexigrid绑定数据后更改符合条件的行的样式

直接写代码,应该有更好的方法。

构造参数的js文件:

var option = {//构造FlexiGrid
    url: "../../Manage/ManagerView/Ashx/srxfhz.ashx",
    KeyboardSelect: true, //允许键盘上下进行选择当前行
    resizable: true, //允许改变表格大小
    dataType: 'json',
    colModel: [
                { display: '消费日期', name: 'bill_comedate', width: 200, sortable: false, align: 'center' },
                { display: '消费金额', name: 'bill_zhje', width: 180, sortable: true, align: 'center' },
                 { display: '开台数量', name: '消费桌数', width: 180, sortable: true, align: 'center' },
                 { display: '消费单数', name: '消费桌数', width: 180, sortable: true, align: 'center' },
                 { display: '消费人次', name: '消费人次', width: 180, sortable: true, align: 'center' }
    striped: true,
    usepager: true,
    title: '折后应收汇总',
    useRp: true,
    rp: 40,
    showTableToggleBtn: false,
    width: 'auto',
    height: 600,
    rpOptions: [10, 15, 20, 25, 40, 50], //可选择设定的每页结果数
     procmsg: '请等待数据正在加载中 …', 
    pagestat: '显示从{from}到{to}条数据,共有{total}条数据',    
    resizable: false, 
    sortname: "bill_comedate",
    sortorder: 'DESC',
    onSubmit: function() {//获取数据时执行
        AjaxMessageSwitch(true);
        return true;
    },
    onEnd: function() {//获取数据结束时执行
        AjaxMessageSwitch(false);
        var tr = $("#customers").find("tr");
        $(tr).each(function() {
         //找到含有总计的那一行添加样式       
            if ($(this).find('td').find('div').text().indexOf('总计') >= 0) {
                $(this).find('td').find('div').css("color", "red").css("font-weight", "bold");                
                return false;
            }
        });
    },
    InputDataJson: function() {
      return { TextKey: $("#Key").val() };
    },
    onAllowKeyboardSelect: function() {
        if (document.activeElement.id == "Key") {
            return false;
        }
        return true;
    }
};


前台ASPX页面

    <script type="text/javascript">
        $(document).ready(function(e) {
            $("#customers").flexigrid(option);
        });
    </script>

主要就是在onEnd:里面循环比较,找到符合条件的数据,然后添加样式。

各位有更省事的方法,还忘告知。

你可能感兴趣的:(json,function,url,div)