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; } };
<script type="text/javascript"> $(document).ready(function(e) { $("#customers").flexigrid(option); }); </script> 主要就是在onEnd:里面循环比较,找到符合条件的数据,然后添加样式。 各位有更省事的方法,还忘告知。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |