grid取消全选行变色

BooleanChar

dataTables和grid组件给行设置CSS不一样，图上框起来的代码在dataTables是好用的，但放到grid里，全选时行变色好用，但是取消全选时行变色没有变化，还是显示的颜色

jishuang

grid参考http://docs.wex5.com/bex5-ui-question-list-10054/

BooleanChar

// 单击grid旁边checkbox触发该事件
        Model.prototype.mainGridRowChecked = function(event) {
                var mainData = this.comp("mainData");
                var stateData = this.comp("stateData");
                var rowid = event.rowID;
                var tr = event.source.getRowByID(rowid);
                if (event.checked) {
                        //给选中行添加CSS背景颜色
                        $(tr).addClass("checkedClass");
                        //将下拉框中的值赋给选中行
                        if (stateData.val("fValue") != "请选择...") {
                                mainData.setValue("fFlag", stateData.val("fValue"));
                        }
                } else {
                        //取消选中移除样式
                        $(tr).removeClass("checkedClass");
                }
        };

// 单击grid最上方checkbox触发该事件
        Model.prototype.mainGridRowCheckedAll = function(event) {
                debugger;
                var mainData = this.comp("mainData");
                var stateData = this.comp("stateData");
                var table = this.comp('mainGrid');
                var checkedIDs = event.source.getCheckeds();
                //取消全选移除样式
                if (checkedIDs.length == 0) {// 全不选
                        this.comp("mainGrid").removeClass("checkedClass");
                } else {
                        //遍历选中行数
                        for (var i = 0; i < checkedIDs.length; i++) {
                                //将下拉框中的值赋给选中行
                                if (stateData.getValue("fValue") != "请选择...") {
                                        mainData.setValueByID("fFlag", stateData.val("fValue"), checkedIDs);
                                }
                        }
                }
        };

BooleanChar

jishuang 发表于 2017-9-12 11:06
grid参考http://docs.wex5.com/bex5-ui-question-list-10054/

蟹蟹，已解决