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>