[ExtJS4] TreePanel 取消默认双击事件行为:展开折叠菜单
想单击展开菜单的效果与默认双击事件重复, 导致点击过快时, 出现重复菜单项.
为避免此问题且得到更好的用户体验, 需要取消TreePanel 默认双击事件行为.
treepanel.on('itemclick', function(treeview, record, item, index, e, opts) {
/** 取消双击展开折叠菜单行为 */
treeview.toggleOnDblClick = false;
if (record.get('leaf')) {
var moduleId = record.get('id');
application.loadModule(moduleId);
var module = application.getController(moduleId);
/**
* @tip
* 一个控制器第一个视图为模块主功能视图
*/
var viewName = module.views[0];
var view = module.getView(viewName);
/***
* 视图结构: 目录为模块包名, 目录内文件为模块名, 视图类型为小写的模块名.
* @example
* App.viw.theme.Theme
* alias : 'widget.theme'
*
* viewType: theme
*/
var viewType = viewName.split('.')[1].toLowerCase();
/**
* 如果没有此视图, 创建视图.
*/
if (!tabpanel.down(viewType)) {
var panel = view.create();
tabpanel.add(panel);
tabpanel.setActiveTab(panel);
panel.doLayout();
}
/**
* 如果有此视图, 刷新视图.
*/
else {
var panel = tabpanel.down(viewType);
tabpanel.setActiveTab(panel);
panel.doLayout();
}
} else {
treeview.toggle(record);
}
});
分享到:
相关推荐
完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
用ExtJS4实现的treepanel与gridpanel的简单互动案例 包含mvc开发模式与普通开发模式两种 普通开发模式:需要在引入js文件夹中的main.js文件 mvc开发模式:需要引入app文件夹中的app.js文件 适合初学extjs4的朋友
主要方法: collapseAll():收缩所有树节点 expandAll():展开所有树节点 getRootNode():获取根节点 getNodeById(String id):获取指定id的节点 expand( [Boolean deep], [Boolean anim],
本文为大家介绍下extjs4 treepanel如何动态改变行高度,下面有个不错的示例,感兴趣的朋友可以参考下
学习TreePanel时根据网上的资料自己实现的实例,结构如下: 1. 创建一棵树 2. 使用TreeLoader加载数据生成树 3. 读取本地Json数据生成树 4. 使用Servlet提供数据 5. 树的事件 6. 右键菜单 7. 修改节点的默认图标 8. ...
extjs4 MVC2 TreePanel动态JSON实现 extjs4 MVC2 TreePanel动态JSON实现
NULL 博文链接:https://huiqinbo.iteye.com/blog/2219418
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。
EXTJS4 菜单栏
获取Extjs中的TreePanel中所有的被checked的叶子节点的id
下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 treepanel 里添加以下代码即可实现级联选中效果 主要实现了以下效果: 1.点击父级批量设置所有子节点选中状态 2.点击当前节点寻找所有父级并设置选中状态 3....
ExtJs TreePanel应用ExtJs TreePanel应用
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
主要介绍了如何通过CSS样式来修改ExtJS:TreePanel的小图标,下面有个不错的示例,大家可以参考下
Extjs4 TreePanel实例 ExtJs4 动态加载 Extjs4 带复选框的树(Checkbox tree) Extjs4 新的布局方式 Extjs4 锁定表头(Locking Grid)功能 Extjs4.0 MVC实例 Extjs4.0动态填充combobox数据 Extjs4中up()和down()的用法...
TreePanel的各项属性能帮助我们动态加载extjs tree
基于extjs 3.2,右侧折叠面板,然后面板里面包含了树,点击树节点以后,会把树的href里面的地址加载到右边的tabpanel。代码清晰简单。