首页 新闻 会员 周边

Bootstrap Table 在外部怎么获取选中的行的行号 index

0
悬赏园豆:10 [已关闭问题] 关闭于 2018-02-08 00:36
        <div id="toolbar" class="btn-group">
            <button id="btn_add" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
            </button>
            <button id="btn_edit" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
            </button>
            <button id="btn_delete" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
            </button>
        </div>
        <table id="tb_data" data-reorderable-columns="true"></table>
    </div>

就是有一个按钮事件,这个事件是修改数据的事件,数据在服务器更新以后,我要更新本地表格的数据,但是api需要一个行号,想了很多办法都获取不到这个行号。

                //数据列表编辑事件
                $("#btn_edit").click(function () {
                    //获取选中数据
                    var arrselections = $("#tb_data").bootstrapTable('getSelections');

                    if (arrselections.length > 1) {
                        console.log("只能选择一行进行编辑");
                        return;
                    }
                    if (arrselections.length <= 0) {
                        console.log("请选择有效数据");
                        return;
                    }
                    console.log(arrselections[0].id);
                    console.log(arrselections[0].name);
                    console.log(arrselections[0].description);

                    var allTableData = $("#tb_data").bootstrapTable('getData');
                    console.log(getIdSelections());
                    //for (var i = 0; i < allTableData.length; i++) {
                    //    console.log(allTableData[i].ID);
                    //}
                    //console.log(allTableData);
                    var row = {
                        
                        "name": "测试",
                        "description": "测试",
                        "rank": 1,
                        "lastTime": "测试年"
                    }
                        
                    //更新表格数据   
                    $('#tb_data').bootstrapTable('updateRow', { index: 1, row: row });//index---->更新行的索引。row---->要更新的数据
                    
                    //var arrselections = $("#tb_data").bootstrapTable('getSelections');
                    //if (arrselections.length > 1) {
                    //    toastr.warning('只能选择一行进行编辑');

                    //    return;
                    //}
                    //if (arrselections.length <= 0) {
                    //    toastr.warning('请选择有效数据');

                    //    return;
                    //}
                    //$("#myModalLabel").text("编辑");
                    //$("#txt_departmentname").val(arrselections[0].DEPARTMENT_NAME);
                    //$("#txt_parentdepartment").val(arrselections[0].PARENT_ID);
                    //$("#txt_departmentlevel").val(arrselections[0].DEPARTMENT_LEVEL);
                    //$("#txt_statu").val(arrselections[0].STATUS);

                    //postdata.DEPARTMENT_ID = arrselections[0].DEPARTMENT_ID;
                    //$('#myModal').modal();
                });
问题补充:

解决了。

//获取选中行的index索引号
        function getIdSelections() {
            return $.map($("#tb_data").bootstrapTable('getSelections'), function (row) {
                return row.id
            });
        }
87Super的主页 87Super | 初学一级 | 园豆:107
提问于:2018-02-07 17:27
< >
分享
所有回答(1)
0
//获取选中行的index索引号
        function getIdSelections() {
            return $.map($("#tb_data").bootstrapTable('getSelections'), function (row) {
                return row.id
            });
        }
87Super | 园豆:107 (初学一级) | 2018-02-08 00:35
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册