首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

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

2012-09-23 
Flexigrid绑定数据后更改符合条件的行的样式直接写代码,应该有更好的方法。构造参数的js文件:var option

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:里面循环比较,找到符合条件的数据,然后添加样式。

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

热点排行