`

Ext的form类型扩展(一)——TreeField

阅读更多

类型:Ext.form.TreeField
扩展自:Ext.form.TriggerField
功能描述:加载一个xml,作为前端选择的tree
参数: url:xml路径
源码及demo:见附件form.rar
说明:将form.rar中包含的文件展开到ext\examples\form 下
在浏览器中访问 http://host:port/ext/examples/form/formext.html
效果如附图所示:
其中rpTreeNodeFromXml函数参考了http://extjs.com/forum/上的从xml生成tree的例子
formext.html参考了dynamic.html

  • 大小: 72.2 KB
分享到:
评论
6 楼 forgetdavi 2007-09-16  
http://forgetdavi.iteye.com/blog/110066

这个似乎更完美些
5 楼 totodo 2007-07-19  
grid 扩展有啊。

其实原理和他Search的那个DEMO一样,这个早实现了。

4 楼 skyey 2007-07-06  
打算利用ext的grid和form,建立一套关系型数据维护的界面。
----------------------
可以先说说具体思路?
3 楼 skyey 2007-07-06  
好!
不过有bug,在扩展树拉伸的时候,在ie 6和ff 2下阴影不会自动的的跟着扩展.

根据你的代码,我很容易扩充了个Grid,不知道你的代码是否能在Ext里公开?
2 楼 chen4w 2007-07-02  
打算利用ext的grid和form,建立一套关系型数据维护的界面。
目前处于混沌期,有阶段性结果一定和大家分享
1 楼 sarkara 2007-06-29  
谢谢楼主提供这么好的扩展,可是我在本机的ext1.01a和1.1 Beta 1测试TreePanel出错,根本显示出来.下拉辅助输入中,grid是最有用的,楼主有没有写出grid的扩展啊?

相关推荐

    ext 下拉树

    Ext JS 是一个流行的JavaScript库,专门用于构建富客户端应用程序,特别是那些需要复杂用户界面的Web应用。在Ext JS中,下拉树(Dropdown Tree)是一种将下拉菜单和树结构结合的组件,常用于需要从层次结构数据中...

    EXT教程EXT用大量的实例演示Ext实例

    例如,TreeField和CheckBoxTree等控件都是扩展自标准组件的功能。此外,Ext JS还可以与其他技术(如dwr、localXHR等)整合,增加更多的功能和灵活性。 #### 9. 常见问题解答 在Ext使用过程中,可能遇到各种问题,...

    Ext 开发指南 学习资料

    4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...

    EXT2.0中文教程

    4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...

    extjs树形下拉框treeField

    extjs 树形下拉列表框,可以进行数据选择,数据回显。

    Extjs TreeField

    xtype : 'treefield', fieldLabel : '代理人', id : 'agentName', name : 'agentName', hiddenName :'agentId', valueField:'userCode', displayField:'...

    [官方Demo]BlackBerry SQL与 TreeField 官方实例

    TreeField是BlackBerry UI(用户界面)组件之一,它提供了一种树形结构的视图,用于显示层次化的数据。TreeField允许用户展开和折叠节点,方便查看和操作嵌套数据。在BlackBerry应用中,TreeField常用于显示文件系统...

    远程文件管理Ext.rar

    在"用Ext编写的远程文件管理.doc"文档中,可能会介绍如何使用ExtJS创建一个交互式的文件管理系统,包括文件的浏览、上传、下载、删除等功能,以及如何自定义各种组件,如树形视图(TreeField)来表示目录结构。...

    掏钱学Ext(完整版) 附全部源码

    4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 更绚丽的效果和功能 5. 雀跃吧!超脱了一切的弹出窗口。 5.1. 呵呵~跳出来和缩回去总给人惊艳的...

    jeasyui-treegrid实现例子

    JeasyUI是一个基于jQuery的UI库,它提供了一系列简洁、易用的用户界面组件,包括表格、对话框、窗口、菜单、按钮等。在给定的"jeasyui-treegrid实现例子"中,我们将深入探讨如何利用JeasyUI的TreeGrid功能与PHP结合...

    ExtJsCustomComponent:ExtJs自定义组件

    TreeField: 扩展ExtJs4的Ext.form.field.Picker类,当点击下拉框时,异步加载树形结构数据的所有层级,需要后台提供树形结构数据,同时提供当树形列表选择改变后(selectionchange)等自定义事件,和是否为多选,父...

    unidbgrid树判断节点展开叠起数据点击

    在这个特定的场景中,"unidbgrid树判断节点展开叠起数据点击"涉及到的是在Unigui中的一个组件——UniDBGrid的操作和交互。 UniDBGrid是Unigui提供的一种数据网格控件,它允许开发者展示数据库中的数据,并且可以...

    jquery easyui treegrid demo 详解

    jQuery EasyUI 是一款基于 jQuery 的前端开发框架,它提供了一系列的组件,如对话框、表格、树形控件等,帮助开发者快速构建用户界面。TreeGrid 是 EasyUI 中的一个重要组件,它结合了表格和树形结构的特点,适用于...

    jquery easyui中treegrid用法的简单实例

    `<table>` 元素定义了一个 TreeGrid,其中的 `url` 属性指定了数据来源,`idField` 为树形数据的唯一标识字段,`treeField` 定义了显示层级关系的字段,`fit` 使 TreeGrid 自适应宽度,`toolbar` 指定了工具栏的位置...

    jQuery EasyUI API 中文文档 – TreeGrid 树表格使用介绍

    扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults。 依赖 datagrid 用法 代码如下: ”tt”></table> 代码如下: $(‘#tt’).treegrid({ url:’treegrid_data.json’, treeField:’name’, ...

    jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍

    jQuery EasyUI 是一个基于 jQuery 的前端 UI 框架,它提供了各种可拖拽的组件,让开发者可以方便快速地构建具有吸引力的用户界面。jQuery EasyUI 的 TreeGrid 组件是一种结合了树形结构和网格表格的 UI 控件,它可以...

    easyUI-树形表格(TreeGrid)实现无限层级菜单

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,使得开发者能够快速构建用户界面。本文将深入探讨如何使用EasyUI实现树形表格(TreeGrid),特别是处理无限层级菜单的情况。 树形表格...

    ExtJS下拉列表树控件

    ExtJS是一个强大的JavaScript库,主要用于构建富客户端应用。在ExtJS中,下拉列表树控件(ComboBox Tree)是常见的组件之一,它结合了下拉列表和树结构,提供了更丰富的用户界面。这个控件允许用户从一个层级化的...

    Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法

    JQuery EasyUI是一个基于JQuery的前端UI框架,它提供了一组丰富的用户界面组件,可以帮助开发者方便快捷地构建交互式的Web界面。TreeGrid组件结合了树形控件和网格控件的特点,能够以树形结构显示数据,并通过表格的...

    轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)

    为了使用树形网格(TreeGrid),用户必须定义 ‘treeField’ 属性,指明哪个字段作为树节点。 本文将向您展示如何使用树形网格(TreeGrid)组件设置一个文件夹浏览。 创建树形网格(TreeGrid) <table id="test...

Global site tag (gtag.js) - Google Analytics