日期:2014-05-16  浏览次数:20327 次

jsp中Ext的“布局”和“表单提交”“回填”教程(2)

jspExt 布局 表单提交”“ 回填 教程(继续1中的)

教程1:http://yonghengmoming.iteye.com/admin/blogs/1044942

?doc版教程下载:51cto ,dbank ,115

5. 在左边编写树形目录

编写树目录首先要在 .jsp 文件的 body 中定义一个 div:

?????? <div id="tree"></div>

接着在 .js 文件的 Ext.Viewport 之前 定义一个树:

var tree = new Ext.tree.TreePanel( {

// 隐藏根节点

rootVisible:false ,

el : 'tree'

});

var root = new Ext.tree.TreeNode({text:'all'});

var node1 = new Ext.tree.TreeNode({text:' 我是根的第一个枝子'});

var node11 = new Ext.tree.TreeNode({text:' 我是根的第一个枝子的第一个叶子'});

node1.appendChild(node11);

root.appendChild(node1);

tree.setRootNode(root);

tree.render();

root.expand(true , true );

接着在 west 的最后加上

,// 前一行加逗号不能忘记,否则不显示