BootStrapTable獲取選中數據值並傳參至父頁面

BootStrapTable獲取選中數據值並傳參至父頁面

如何實現以下效果呢？

首先，我們先要了解一下BootStrapTable如何獲取選中數據的具體值。

如下圖所示，怎樣選擇任意一行，獲取其中的數據

一、首先想要選擇任意一行，就得必須先有選擇框，選擇框是BootStrapTable自帶的：

 1 $('#exampleTable1').bootstrapTable(
 2     {
 3         method : 'get',
 4         url : prefix + "/list",
 5         iconSize : 'outline',
 6         toolbar : '#exampleToolbar',
 7         striped : true,
 8         dataType : "json",
 9         pagination : true,
10 　　   //設置true將禁止多選
11         singleSelect : true,
12         pageSize : 10,
13         pageNumber : 1,
14         sidePagination : "server",
15         queryParams : function(params) {
16             return {
17                 limit : params.limit,
18                 offset : params.offset
19             };
20         },
21         columns : [
22 　　　    //只需要加入下面這個checbox，就會在第一列顯示選擇框
23             {
24                 checkbox: true,
25                 width : '3%'
26             },
27             {
28                 field : 'entityId',
29                 title : '營銷機構號',
30                 width : '6%'
31             },
32             {
33                 field : 'fatherEntityId',
34                 title : '父營銷機構號',
35                 width : '6%'
36             }
37 　　　　　　　　　　......
38         ]
39 
40     }
41 );

二、有了選擇框，就可以得到我們想要的數據了

1     //使用getSelections即可獲得，row是json格式的數據
2     var row = $.map($('#exampleTable1').bootstrapTable('getSelections'),function (row) {
3         return row;
4     });

三、這時候我們選中這條數據，按下確定按鈕將營銷機構號和營銷機構名稱傳遞到父頁面的input當中

1 parent.$("#issuerId").val(row[0].entityId);
2 parent.$("#issuerName").val(row[0].issuerName);