Ext.define('ctreemodel', {
extend: 'Ext.data.Model',
fields: [
{name: 'aa', type: 'string'},
{name: 'text', type: 'string'}
....
]
});
Ext.create('Ext.tree.Panel',{
title: 'Tree test',
contentEl:'tree-div',
autoScroll:true,
minWidth: 135,
maxWidth: 200,
store : Ext.create('Ext.data.TreeStore', {
model: 'ctreemodel',
root : {
text: 'Tree Node',
expanded : true,
children : [ {
text : "detention",
aa:'bb',
leaf : true
}, {
text : "homework",
expanded : true,
children : [ {
text : "book report",
leaf : true
}, {
text : "alegrbra",
leaf : true
} ]
}, {
text : "buy lottery tickets",
leaf : true
} ]
}
}),
listeners : {
'itemclick' : function(view,re){
alert(re.data.aa);
}
}
});
分享到:
相关推荐
一个关于extTree的应用,点击会弹出界面啊,等等
Ext.ux.tree.treegrid异步加载,点击节点加载数据
treepanel 和 tabpanel 合在一起使用,可直接使用
区别在于,远程脚本调用方式加载树节点信息使用的是WebInvokeTreeLoader,需要通过fn属性来指定用于加载数据的远程方法,并在...而传统的树节点加载器是Ext.tree.TreeLoader,需要指定一个url来获得json数据。
5.4.3 封装好的单击事件:ext.util.clickrepeater / 200 5.5 键盘事件 / 201 5.5.1 为元素绑定键盘事件:ext.util.keymap / 201 5.5.2 键盘导航:ext.util.keynav / 204 5.6 综合实例:股票数据的实时更新 / ...
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
代码如下: var Fpanel = new Ext.tree.TreePanel({ id:’ptree’, region:’west’, layout:’anchor’, border:false, rootVisible: false, root:new Ext.tree.AsyncTreeNode({}), listeners:{ “checkchange”: ...
其中Ext.tree.TreeNode代表一个树节点,比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 ...
EXT组件grid+tree+window+ssm框架+代码解释属性文档+开发源代码。实现tree结构树的自动加载与自动选中,以及点击子节点自动勾选父节点,点击父节点自动勾选所属下方所有子节点
需求 要求生成一颗部门树,初始只列出根部门 当点击一个部门节点时,动态载入该部门下的直属子部门,并展开该部门节点 部门节点要求支持右键单击事件,当点击右键时,列出相关操作菜单 二. 关键类 这里主要涉及Ext ...
本软件实现了一个机构管理的小例子,可以点击左边树节点在右边的Grid中显示该节点的下属机构,并提供增删查改功能,主要包括JS文件和生成动态树所需要的JSON格式的数据的JAVA和jsp文件,商业逻辑请自己负责完成
2、修复menu、datagrid、combo、combobox、panel、tabs、tree、treegrid 因事件注册造成多次重复渲染的问题(包括多次请求后台数据)。 3、移除datagrid 的rowContextMenu菜单项默认事件替换功能。 4、删除datagrid ...
结合tree组件+grid组件+window组件实现json数据的自动加载,点击后自动勾选父子节点,前后台源代码
extjs生成树菜单,多个子节点,支持无限分类,并且各个子菜单链接都加上,点击可触发相应的事件处理或者页面跳转。这个本来是在yii后台用的
通过toolbar来放置按钮),包括左侧动态菜单实现(采用Ext.tree.Panel)动态从数据库加载数据来显示菜单(后台代码也在了通过json进行数据传输),内容区域采用tab页得形式来显示,点击左侧菜单右侧动态创建tab页。...
var contacterTree = new Ext.tree.TreePanel({ id:"treePanelContact", border:false, lines:false, // 去掉树的线 rootVisible:true, autoScroll:true, animate:true, width:200, height : 468, ...
-为TreeNode增加AutoPostBack属性,增加事件数据类TreeCheckEventArgs,为Tree增加事件NodeCheck。 -示例在:http://extasp.net/data/tree_run.aspx -Grid增加GetNoSelectionAlertInParentReference函数,用来...
导航到/modules/ ,并将ext.categoryTree.js重命名为ext.categoryTree.js.bak 克隆这个项目: $git clone https://github.com/kbooz/CategoryTreeMod.git 将“扩展”常量修改为您的 Mediawiki 的语言:如果您的...
-为TreeNode增加AutoPostBack属性,增加事件数据类TreeCheckEventArgs,为Tree增加事件NodeCheck。 -示例在:http://extasp.net/data/tree_run.aspx -Grid增加GetNoSelectionAlertInParentReference函数,用来...
从bootstrap修改出来的与ext treegrid相似的插件,能当树形和普通多标题插件用,自带行内编辑