前段时间 很多问我EXTJS 动态树型该如何实现 我就下了文挡 看看发现其实用EXTJS 实现树很简单 于是做了一个小小例子 教大家如何实现EXTJS 的树型 下面 讲解如何实现 //JS 文件 Ext.onReady(function() { //创建动态加载树 var treeLoader = new Ext.tree.TreeLoader({ dataUrl : "TreeServlet.do" }); // 创建一个动态树的节点 var root = new Ext.tree.AsyncTreeNode({ text : "文件管理", //默认节点的 ID 为 0 id : "0", draggable : true, //图片 CSS iconCls : "nodeIcon", cls : "folder", isTarget : false }); // 创建树 面板 var tree = new Ext.tree.TreePanel({ layout : "fit", title : "
管理文档", split : true, width : 200, height : 650, animate : false,// 是否动画 enableDD : true,// 是否支持拖放 collapsible : true, autoScroll : true, root : root, // isTarget : true, loader : treeLoader }); // 创建表头 模型 var cm = new Ext.grid.ColumnModel([Ext.grid.RowNumberer, { header : "ID", dataIndex : "id" }, { header : "文件名称", dataIndex : "filename" }, { header : "路径", dataIndex : "url" }, { header : "父 ID", dataIndex : "parentId" }]); // 创建数据存储器 var store = new Ext.data.Store({ url : "fileList.do", // 创建数据读取器 // 创建数据读取器 讲数据解析成 JSON 数据格式 reader : new Ext.data.JsonReader({ totalProperty : "totalProperty", // 设置跟 root : "root", // 设置总记录 // 映射字段 fields : [{ name : "id" }, { name : "filename" }, { name : "url" }, { name : "parentId" }] }) }); // 创建后退按钮 var btn_back = { text : "后退", iconCls : "back", handler : function() { alert("我是后退"); } }; // 创建前进按钮 var btn_forward = { text : "前进", iconCls : "forward", handler : function() { Ext.Msg.alert("提示", "您点击 前进按钮"); } }; // 创建一个 window 窗体用与新增文件 var window = new Ext.Window({ title : "新增文件", w...
