• 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 );

    二、有了选择框,就可以得到我们想要的数据了

    //使用getSelections即可获得,row是json格式的数据
        var row = $.map($('#exampleTable1').bootstrapTable('getSelections'),function (row) {
            return row;
    });

    三、这时候我们选中这条数据,按下确定按钮将营销机构号和营销机构名称传递到父页面的input当中

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

    或者一步到位

    1  //选中需要的检测仪器
    2         function check(){
    3             var row = $.map($('#listaddDeviceData').bootstrapTable('getSelections'),function (row) {
    4                 return row;
    5             });
    6             window.parent.getDeviceBasics(row);
    7         }
  • 相关阅读:
    MyBatis_2
    JDBC(java database connectivity)
    异常的各种情况
    Spring(一)
    SpringMVC(四)
    SpringMVC(三)
    SpringMVC(二)
    springMVC文件上传、拦截器、数据校验
    springMVC数据相关
    初步接触springMVC
  • 原文地址:https://www.cnblogs.com/SmallStrange/p/10214465.html
Copyright © 2020-2023  润新知