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

如何實現以下效果呢？

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

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

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

$('#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將禁止多選
        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，就會在第一列顯示選擇框
 { 24                 checkbox: true, 25                 width : '3%'
 }, 27  { 28                 field : 'entityId', 29                 title : '營銷機構號', 30                 width : '6%'
 }, 32  { 33                 field : 'fatherEntityId', 34                 title : '父營銷機構號', 35                 width : '6%'
 } 37 　　　　　　　　　　...... 38  ] 39 
 } 41 );

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

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

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

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