layui-treeGrid checkbox 外部函数获取数据的方法

html中增加一个按钮和表格

<button class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal" onclick="checkSelected()"><i class="fa fa-plus"></i> 选定数据  </button>
<table id="treeTable" lay-filter="treeTable" lay-data="{id: 'treeTable'}"></table>

重点:修改源码文件 dltable.js:第360行:原 return retObj; 为

return {data: retObj};

页面js

<script>
  //获取数据
  function checkSelected() {
    var selectedData = layui.treeGrid.radioStatus('treeTable').data;
    console.log(selectedData);
  }

  //treeGrid 表格定义
  layui.config({
    base: '/static/layui/layui_exts/treeGrid/'
  }).extend({
    treeGrid: 'treeGrid'
  }).use(['treeGrid', 'layer', 'table'], function () {
    let $ = layui.jquery;
    treeGrid = layui.treeGrid;
    layer = layui.layer;
    var tg = treeGrid.render({
      id: 'treeTable'
      , elem: '#treeTable'
      , idField: 'id'
      , url: '{:url("get_data_list")}'
      , cellMinWidth: 100
      , height: 'full-2'
      , treeId: 'id'//树形id字段名称
      , treeUpId: 'parent_store_id'//树形父id字段名称
      , treeShowName: 'store_name'//以树形式显示的字段
      , toolbar: '#toolbar'
      , page: false
      , cols: [[
        {type: 'radio', width: 60}
        , {field: 'id', width: 60, title: 'id', hide: true, hidden: true}
        ,{field: 'store_name', edit: 'text', width: 300, title: '名称'}
      ]]
      , done: function (d) {

      }

    });
  });

</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值