网格数形配置
window.onload = function() {
var config = {
id: "tg1",
width: "800",
renderTo: "div1",
headerAlign: "left",
headerHeight: "30",
dataAlign: "left",
indentation: "20",
folderOpenIcon: "images/folderOpen.png",
folderCloseIcon: "images/folderClose.png",
defaultLeafIcon: "images/defaultLeaf.gif",
hoverRowBackground: "false",
folderColumnIndex: "1",
itemClick: "itemClickEvent",
columns: [{
headerText: "",
headerAlign: "center",
dataAlign: "center",
width: "20"
},
{
headerText: "名称",
dataField: "name",
headerAlign: "center",
handler: "customOrgName"
},
{
headerText: "拼音码",
dataField: "code",
headerAlign: "center",
dataAlign: "center",
width: "100",
//hidden: true
},
{
headerText: "负责人",
dataField: "assignee",
headerAlign: "center",
dataAlign: "center",
width: "100"
},
{
headerText: "查看",
headerAlign: "center",
dataAlign: "center",
width: "50",
handler: "customLook"
}],
data: [ //data数据
{
name: "城区分公司",
code: "CQ",
assignee: "",
children: [{
name: "城区卡品分销中心"
},
{
name: "先锋服务厅",
children: [{
name: "chlid1"
},
{
name: "chlid2"
},
{
name: "chlid3",
children: [{
name: "chlid3-1"
},
{
name: "chlid3-2"
},
{
name: "chlid3-3"
},
{
name: "chlid3-4"
}]
}]
},
{
name: "半环服务厅"
}]
},
{
name: "清新分公司",
code: "QX",
assignee: "",
children: []
},
{
name: "英德分公司",
code: "YD",
assignee: "",
children: []
},
{
name: "佛冈分公司",
code: "FG",
assignee: "",
children: []
}]
};
//debugger;
var treeGrid = new TreeGrid(config);
treeGrid.show()
}
<html>
<meta charset="UTF-8">
<title>树表格</title>
<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./js/treegrid.js"></script>
<script type="text/javascript" src="./js/treegridData.js"></script>
</head>
<body>
<input type="text" id="currentRow" size="110">
<div id="div1"></div>
</body>
</html>
插件链接:点击打开链接 https://download.csdn.net/download/zhengangliu/10443148