bootstrapTable各项操作-bootstrap-table设置默认选定,选中某一行进行监视

原创
小哥 3年前 (2022-11-14) 阅读数 4 #大杂烩

1.列表单选

  1. 自定义单选还是多选

    {field: selectItem, radio: source1 == task?true:false,checkbox : source1 == task?false:true},

  2. 选中的某一行

    var that = this that.$table.check(function (data) { console.log(data,data) }

  3. 监听选中行数据

    var list22222=$(#score-table)[0] list22222.addEventListener(click,function(){ var row=$("#score-table").bootstrapTable(getSelections); console.log(111111,row)//选中的行,list })

    // 切换tab页,调用loadTable(传不同的id) function loadTable(id) { var id = id; $(.tab-content).html(

    ); Examine.$table = new Table(Examine.id, /examine/newList, Examine.initColumn()) .setPaginationType("client") .setSearch(false) .showToolbar(false) .setPageSize(20) .setMethod("post").init();

    var obj = JSON.parse(sessionStorage.getItem("GET_SELECT_ROWDATA"))
    var idList = obj[id]
    //#score-table更换一下,表数据加载完成
    $(#score-table).on(load-success.bs.table, function(data) {
        //设置默认值方法
        console.log(data, data)
            // 默认选中行,注意:需要在表数据加载完成之后使用。
        $(#score-table).bootstrapTable("checkBy", {
            field: id,
            values: idList
        });
        //field:列数据名,比如后台传过的code,id,不用配置在表中,但是列表中应该有这个字段数据。
        // values:要设置的默认值数组,字段id的list数组
    });
    var list22222 = $(#score-table)[0]
        //选中某一行的时候,进行监听
    list22222.addEventListener(click, function() {
        var row = $("#score-table").bootstrapTable(getSelections);
        var idList = row.map((item) => {
                return item.id
            })
            // 根据不同的tab页id,储存不同的数据
        get_select_rowdata[id] = idList
        sessionStorage.setItem("GET_SELECT_ROWDATA", JSON.stringify(get_select_rowdata));
    })
    Examine.$table.refresh({
        query: Examine.formParams(id)
    });

    }

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除