`

ext 下拉树demo

    博客分类:
  • ext
 
阅读更多
  <%=com.kingen.util.JsonHelperJS.FormExtJsModel("com.kingen.vo.TreeNode", "TreeModel", "","")%>
	          var treestore =  Ext.create('Ext.data.TreeStore', {
                  autoLoad: true,
                  storeId:'storeTree',
                  //这个千万不能要
//                   root: {
//   					expanded: true
//   				},
                  model: 'TreeModel',
                 // fields: ['id','text'],
                  folderSort: false,
                  proxy: {
                      type: 'ajax',
                      url: '<%=basePath%>assets/type/treeData',
                      reader: {
      						type: 'json'
      					}
                  },
                 	listeners: {
                      beforeload: function (store, options) {
                      }
                  }
              });
	          treestore.load();
	          
            var assetsTypeField = Ext.widget('treepicker',{
                   name: 'assetsType',
                   fieldLabel: '资产类型'+'<font color=red>*</font>',
                   displayField: 'text',  
                   maxLength: 20,
                   allowBlank: false,
                   minPickerHeight: 200,  
                   forceSelection : true,// 只能选择下拉框里面的内容    
                   editable : false,// 不能编辑  

                   store: treestore
                   
                   
                   /*
                   store : Ext.create('Ext.data.TreeStore', {
    				    root: {
    				        expanded: true,
    				        children: [  
    				        	{"id":1,"text":"1部","children":[{"id":11,"text":"2部","leaf":true},{"id":12,"text":"3部","leaf":true}],"expanded":true},  
    				        	{"id":2,"text":"4部","leaf":true},  
    				        	{"id":3,"text":"5部","leaf":true}  
    				        	]  
    				    }
    				})
   				  */
      				
               });

 



 treepicker在附件里,引进来就行

  • 大小: 12.6 KB
分享到:
评论

相关推荐

    Ext 下拉 选择图标(附源码+demo)

    NULL 博文链接:https://lhgyy00.iteye.com/blog/1257597

    EXT多实例Demo,非常适合初学者

    这个"EXT多实例Demo"显然是一个教学资源,适合初学者快速上手EXT库的使用。 1. **EXT简介** EXT JS提供了一套完整的组件模型,包括表格、树、表单、面板、菜单等,它使用MVC(Model-View-Controller)架构,使得...

    extjs4.1下拉复选框完整DEMO

    在这个"extjs4.1下拉复选框完整DEMO"中,我们主要关注的是如何使用ExtJS实现一个具有动态加载功能的下拉复选框组件。这个DEMO包含以下几个关键组成部分: 1. **ext-all-debug.js**:这是ExtJS的核心库文件,包含了...

    Ext+ASP.NET+SQL2005简单实现了根据数据库动态生成表单的Demo.

    在本示例中,Ext JS被用来动态创建表单组件,如文本框、下拉列表、复选框等,这些组件可以根据数据库字段的类型和属性自动生成。Ext JS的灵活性使得能够根据数据库的结构轻松调整UI。 2. **动态操作数据库**: ...

    extjsDemo(store grid form mvc模式等一些demo)

    在这个"extjsDemo"中,我们可以通过"extDemo"和"ext-4.2"这两个文件来深入理解这些核心概念。 首先,让我们关注"store"。在ExtJS中,Store是用来管理数据集的,它可以是从服务器获取的JSON或XML数据,也可以是本地...

    javascript web grid demo

    JavaScript Web Grid Demo是基于Web的表格展示和数据管理的示例,主要采用了Ext Grid和DHTMLX Grid这两款强大的JavaScript库。这两个库都是用于构建高度交互性和功能丰富的数据网格组件,广泛应用于数据密集型Web...

    Ext经典例子整合 快速上手必看

    资源包中的"extdemo"可能包含了这些示例的源代码和运行脚本,通过查看和运行这些代码,你可以更直观地学习EXTJS的用法,加深对EXTJS组件和API的理解。记得结合EXTJS的官方文档和社区资源,以便更深入地探索EXTJS的...

    ext实现的超漂亮的颜色控件

    1. `cross.gif` 和 `arrow.gif`:这些可能是用于颜色选择器内部元素的图形资源,例如关闭按钮或者下拉箭头等,以增加视觉吸引力和交互性。 2. `index.html`:这是主网页文件,其中包含了实现颜色控件的HTML结构以及...

    extjs时间控件精确秒

    EXTJS还提供了`picker`属性,用于创建一个下拉的时间选择器。默认情况下,这个选择器不会显示秒,但我们可以通过覆盖其配置来实现。例如,我们可以添加`showSeconds: true`来展示秒部分: ```javascript Ext....

    extjs grid示例代码

    - **筛选**:使用`filter`配置项,用户可以通过列头下拉菜单进行数据筛选。 - **编辑**:`Ext.grid.plugin.CellEditing`插件可以实现单元格级别的编辑。 - **行选择**:支持单选和多选,通过`selModel`配置。 - ...

    后台管理模板

    本篇博客是殷良胜的一篇较早的demo,实现了整个系统框架的搭建,非常适合于做后台系统,管理系统,做网站也很不错,目前采用这样的技术就全国来说,还是很少,但将来的趋势已定很好,对人的视觉有很大的冲击力,首先...

    SplitButton:XP样式的下拉拆分按钮

    SplitButton控件是一种在Windows应用程序开发中常见的UI元素,它结合了按钮和下拉菜单的功能,使得用户既能点击按钮执行主要操作,也能通过下拉菜单选择额外的选项。在Windows XP时期,SplitButton控件拥有特定的...

    2008最新框架源码,简单清晰明了

    本篇博客是我的一篇较早的demo,实现了整个系统框架的搭建,非常适合于做后台系统,管理系统,做网站也很不错,目前采用这样的技术就全国来说,还是很少,但将来的趋势已定很好,对人的视觉有很大的冲击力,首先介绍...

    ExtJs Filter 表格过滤

    在实现"ExtJs Filter 表格过滤"的Demo中,开发者通常会创建一个数据网格,配置每个列的过滤器,然后通过用户界面或代码触发过滤操作。通过分析和学习这个Demo,你可以理解如何集成过滤功能到自己的应用程序中,从而...

    简单使用openstack创建实例

    进入路由器的接口管理页面,选择 "Add Interface",并在下拉菜单中选择之前创建的子网 "demo_subnet"。 完成以上步骤后,路由器的配置如下图所示: ![](add-router-interface-info-2.png) #### 五、创建虚拟机...

    KODExplorer 芒果云-资源管理器

    - 拖动url——创建ext app - 文件管理,树目录变化后(增删改)自动同步到文件列表 - 文件管理,文件列表变化后(增删改)自动同步到树目录 - 中文用户名限制 - 对话框打开关闭动画 - 其他多处优化 ####fix ...

    EZJ V2.10 ( JavaScript 框架)

    2. **内置特效和控件**:框架内集成了常见的网页特效和用户界面控件,如轮播图、下拉菜单、模态框等,只需一行代码即可实现。 3. **性能优化**:EZJ针对JavaScript性能进行了优化,确保在提供强大功能的同时,不会对...

Global site tag (gtag.js) - Google Analytics