`
zhanglun1225
  • 浏览: 57174 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ext两张表组成的tree结构防止id重复的方法(一)

    博客分类:
  • ext
阅读更多

最近在项目中用到ext,开始学习,很多问题都不是很懂,项目中碰到这样一个问题:就是栏目(tb_subject表)绑定模板的时候,模板内容是从tb_model表中获取,但是模板还有自己的类型tb_modeltree,这样在生产树形结构的时候使用TreeCheckNodeUI.js(在网上down的别人对Ext.tree.TreeNodeUI进行的checkbox功能的扩展js,出处记得不是很清楚了。 )可以实现树形结构,不过在选择model的时候会由于tb_modeltb_modeltree表的id主键会重复,而出现不能勾选的情况,在通过google以后,搜到“ext2tree id不唯一的解决方法”(出处http://kingapex.iteye.com/blog/209236,非常感谢),学习以后,把自己解决问题的办法记录下来,有错误的地方请指出。

下面是具体的步骤:

第一步:重写treeloader类的createNode方法

Ext.override(Ext.tree.TreeLoader,{createNode:function(attr){
	if(this.baseAttrs){   
        Ext.applyIf(attr, this.baseAttrs);   
    }   
    if(this.applyLoader !== false){   
        attr.loader = this;   
    }   
    attr.treeid = attr.treeType+attr.id;//主要是这句   
    if(typeof attr.uiProvider == 'string'){   
       attr.uiProvider = this.uiProviders[attr.uiProvider] || eval(attr.uiProvider);   
    }   
    return(attr.leaf ?   
        new Ext.tree.TreeNode(attr) :   
        new Ext.tree.AsyncTreeNode(attr));   
}});

 

0
1
分享到:
评论

相关推荐

    ext TREE

    Tree组件是EXT JS中的一个重要部分,它允许开发者创建可交互的树形结构,通常用于展示层次关系的数据,如文件系统、组织结构或数据库层次结构。 【描述】虽然描述中提到的是"NULL",但我们可以根据EXT JS Tree组件...

    Ext.tree.TreeLoader附带封装的json类

    `Ext.tree.TreeLoader`是Ext JS库中的一个组件,它负责加载和解析树形结构的数据,而JSON(JavaScript Object Notation)则是一种轻量级的数据交换格式,非常适合于在服务器和客户端之间传输数据。我们将通过实例...

    EXT tree 使用 实例 最新

    EXT Tree 是一个强大的JavaScript组件,它是EXT JS框架的一部分,用于构建可交互的树形数据结构。EXT Tree在网页中常用于展示层次结构的数据,如文件系统、组织结构或导航菜单等。EXT Tree提供了丰富的功能,包括...

    oa.rar_ext_ext java oa_ext oa_ext tree_java ext tree

    标题中的"oa.rar_ext_ext java oa_ext oa_ext tree_java ext tree"似乎是一个组合字符串,它可能代表了某个项目或教程的文件结构。其中,“oa”可能是项目或系统的名称,而“ext”、“java”、“oa_ext”、“tree_...

    ext grid tree 应用

    在EXT JS框架中,"ext grid tree 应用"是一个常见的功能组合,它结合了Grid面板和Tree面板的优势,用于展示复杂的数据结构。Grid通常用于显示二维表格数据,而Tree则用于展示层次化的数据。在这个例子中,开发者通过...

    Ext 带多选的Tree

    在EXT JS这个强大的JavaScript库中,Tree组件是一个用于展示层级数据的重要工具。"Ext 带多选的Tree"指的是在EXT JS的Tree组件中集成了多选功能,允许用户通过复选框来选择多个树节点,从而实现批量操作或者进行多级...

    JSP EXT 遍历 TREE

    EXT的TREE组件通常与JSON数据源配合使用,通过异步加载或者一次性加载所有数据来构建树结构。这个文件可能包含了节点ID、父节点ID、节点文本等信息,EXT的`TreeStore`会解析这个JSON数据并填充到TREE中。 最后,...

    Ext.ux.tree.treegrid异步加载

    在ExtJS框架中,`Ext.ux.tree.TreeGrid`组件是一种结合了树形结构与表格显示特性的控件,适用于展示具有层级关系的数据。通过这种组件,用户可以在一个界面上同时查看数据的层次结构以及具体数据内容。 #### 二、...

    Ext Tree示例

    Ext Tree 是 Ext JS 库中的一个组件,它用于在用户界面上展示层次化的数据结构,类似于文件系统的目录结构。在给定的资源中,我们有多个 HTML 文件(tree2.html, tres.html, s1.html, tree.html)和 JavaScript 文件...

    Ext.Tree.Panel

    `Ext.Tree.Panel`是EXT JS库中的一个重要组件,用于展示层次结构的数据,通常用作树形菜单或文件系统目录的视图。这个组件是EXT JS框架中用于创建交互式、可扩展的树结构的工具。以下是对`Ext.Tree.Panel`相关知识的...

    EXT Tree的简单实践

    EXT Tree 是一个基于 ExtJS 库的组件,用于构建可交互的树形数据结构。在 Web 开发中,树形控件常用于展示层级关系的数据,例如目录结构、组织架构或者菜单系统。EXT Tree 提供了丰富的功能和高度自定义的选项,使其...

    Ext tree json 动态加载完美实例

    Ext JS是一种强大的JavaScript库,用于构建富客户端应用,而Tree Panel则是展示层次结构数据的一种组件。在后台数据交互中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,...

    EXT TREE 扩展CHECKBOX JS

    EXT TREE扩展CHECKBOX JS是一种在EXT JS框架下对树形组件(Tree Panel)进行增强,实现复选框功能的技术。EXT JS是一个强大的JavaScript GUI库,它提供了丰富的组件和功能,用于构建复杂的Web应用程序。在EXT JS中,...

    ext4 四种常见的tree

    EXT4支持多种数据结构,其中包括了描述文件系统树形结构的“tree”概念。在EXT4中,文件和目录被组织成一棵层次化的树形结构,允许快速地查找、创建和管理文件。 在编程和用户界面设计中,"tree"通常指的是可视化...

    extTree例子点击出现等

    ExtTree是Ext JS库中的一个组件,用于创建和展示树形结构的数据。它在Web应用程序中广泛使用,特别是在需要组织和导航层次结构信息时。在本案例中,“extTree例子点击出现界面”指的是用户在浏览ExtTree时,通过点击...

    Ext TreePanel Checked Ext复选框树

    `TreePanel`是`Ext JS`中的一个关键组件,用于展示层次结构的数据,就像操作系统中的文件系统浏览器。在描述中提到的"Ext TreePanel Checked Ext复选框树"是指`TreePanel`的一种特殊形式,它扩展了基本的树视图,...

    Ext框架结构 Ext目录结构

    标签"Ext框架结构"和"Ext目录结构"分别对应了框架的逻辑结构和物理结构。逻辑结构是指类和对象的组织方式,而目录结构则是指源代码在硬盘上的文件和目录布局。在Ext框架中,源码通常按照模块进行划分,比如`ext-all....

    ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

    【标题】"ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree" 暗示这是一个关于Ext JS库中TreePanel组件的实例,其中可能包含了用于创建和管理数据结构的树形视图,以及与数据库交互的功能。 【描述】"ext的树的...

    ext tree 分页

    在EXT JS框架中,"ext tree 分页"是一种优化技术,用于处理大量数据时避免页面卡顿的问题。在EXT JS的树形组件(TreePanel)中,如果一次性加载所有节点,特别是当树结构非常深或者节点数量巨大时,不仅会消耗大量...

Global site tag (gtag.js) - Google Analytics