加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 04:47:14 所属栏目:百科 来源:网络整理
导读:直接写代码,应该有更好的方法。 构造参数的js文件: var option = {//构造FlexiGrid url: "../../Manage/ManagerView/Ashx/srxfhz.ashx",KeyboardSelect: true,//允许键盘上下进行选择当前行 resizable: true,//允许改变表格大小 dataType: 'json',colModel

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

构造参数的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,{ display: '开台数量',name: '消费桌数',{ display: '消费单数',{ display: '消费人次',name: '消费人次',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:里面循环比较,找到符合条件的数据,然后添加样式。

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读