@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>DynamicAddTreeNode</title>
<script language="javascript" type="text/javascript" src="../../Scripts/Ext/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="../../Scripts/ext-all.css" />
<script language="javascript" type="text/javascript">
Ext.require([
'Ext.data.*',
'Ext.grid.*',
'Ext.tree.*'
]);
var index = 0;
Ext.onReady(function () {
var treePanel = Ext.create('Ext.tree.Panel', {
title: '适配器',
width: 180,
root: {
id: "adapter",
expanded: true
},
height: 750,
animate: false,
autoScroll: true,
collapsible: true,
rootVisible: true,
renderTo: Ext.getBody(),
tbar: [
{
text: '添加',
handler: function () {
var node = treePanel.getRootNode();
var newnode = Ext.data.NodeInterface.create({
text: index,
expanded: true,
checked: true,
leaf: true
});
newnode.text = index;
newnode.expanded = true;
newnode.leaf = true;
newnode.qtitle = true;
newnode.cls = "";
node.appendChild(newnode);
index++;
}
}
]
});
});
</script>
</head>
<body>
<div>
</div>
</body>
</html>
Ext入门之---动态添加树节点
最新推荐文章于 2021-02-13 08:34:41 发布