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

ComBox 树结构

    博客分类:
  • EXT
阅读更多
前台代码  树的渲染

 var Tree = Ext.tree;      
       var <%=proName%>_Tree = new Tree.TreePanel({
          el:'tree1',   
          useArrows:false,
          autoScroll:true,
          animate:true,
          height:winHeight,
          enableDD:false,
          border:false,
          containerScroll:true,
          onSelect:Ext.emptyFn   
      });
     
    var Tree = Ext.tree;  
    var tree1 =  new Tree.TreePanel({   
      loader: new Tree.TreeLoader({dataUrl:'<%=treeDataUrl%>?parentId=0'}),   
      border:false,   
      root:new Ext.tree.AsyncTreeNode({text: '产品类型',id:'0'})   
     });   
     var id="";
     tree1.on('click',function(node){   
       var nodeId = node.id;
       //Ext.getCmp('emyt_item_class').setValue(nodeId);       
       tree1.loader.dataUrl = '<%=treeDataUrl%>?parentId='+nodeId;
       id=nodeId; 
       node.toggle(); 
       var content ='';
        <%=proName%>_store.baseParams = {actionDo:'quick',content:content,icateId:encodeURI(nodeId),groupId:'<%=groupId%>'};
           <%=proName%>_store.load({params:{start:0,limit:10}});
           Ext.getCmp('treeId').setValue(node.text);
     });     
   tree1.on('beforeload', function(node)
   {
    var nodeId = node.id;
       tree1.loader.dataUrl = '<%=treeDataUrl%>?parentId='+nodeId; 
            
      }); 


combox的处理:

new Ext.form.ComboBox({   
        store:new Ext.data.SimpleStore({fields:[],data:[[]]}),   
        editable:false,
        fieldLabel:'产品类型',   
        shadow:false,   
        mode: 'local',
        width:150, 
        id:'treeId',  
        triggerAction:'all',   
        maxHeight: 300,   
        tpl: '<tpl for="."><div style="height:200px"><div id="tree1"></div></div></tpl>',   
        selectedClass:'',   
        onSelect:Ext.emptyFn,
       listeners:{'expand': comboBoxexpand }

 

 function comboBoxexpand(){ 
     tree1.render('tree1');         
    }


部分后台代码:

 String parentId=request.getParameter("parentId");   
     if(parentId==null)
     {
      parentId="0";
     }    
     hs.put("parentId",parentId);      
     List li = ca.queryAll(tableName,className,hs,null);
     for(int i=0;i<li.size();i++)
     {
      formClass.base.EmytIcategory productClass = (formClass.base.EmytIcategory)li.get(i);
      json += "{text:'"+productClass.getFolderName()+"',parentId:'"+productClass.getParentId()+"',allClassId:'"+productClass.getAllClassId()+"',id:'"+productClass.getId()+"'},";
     }
     if(json.length()>0)
  {
   json = json.substring(0,json.length()-1);
  }
  json = "["+json+"]";     
  response.setContentType("application/x-json");
        response.getWriter().write(json);
分享到:
评论

相关推荐

    js 实现combox 树选择

    这些事件可以触发函数,更新树结构并维护选中的节点。 3. **数据结构**:树形结构的数据通常用对象数组表示,每个对象代表一个节点,包含子节点数组、文本、值等属性。例如: ```javascript var treeData = [ {...

    combox下拉树combox下拉树

    当需要在下拉列表中呈现层级结构时,我们就会涉及到“Combox下拉树”这种控件。这种控件在许多应用程序和Web开发中都有应用,如数据过滤、分类选择等场景。 Combox下拉树是Combox的一种扩展形式,它在下拉部分显示...

    ComboxTree(C#下拉框是树形结构)

    然而,标准的ComboBox控件仅支持线性的选项列表,不直接支持树形结构。为了满足这种需求,程序员们会自定义控件,如"ComboxTree",它结合了ComboBox的下拉功能和TreeView的层次结构特性,为用户提供更丰富的交互体验...

    C# COMBOX 树下拉,多选下拉等功能

    然而,有时我们可能需要扩展其功能,使其具备树形结构或者支持多选。这样的需求在开发复杂的Windows应用程序时经常出现,特别是涉及到数据管理、配置设置或层级关系展示的场景。本文将详细介绍如何实现C# COMBO BOX...

    Flex ComBox 下拉树功能

    在Flex应用中,这种组件允许用户从一个可折叠的树结构中选择值,适用于数据层级关系明显的场景,如组织架构、地区分类等。 首先,我们要理解Flex ComBox的基础概念。ComBox是ComboBox的缩写,它是下拉列表和文本...

    WPF Combox Tree结合

    标题"\"WPF Combox Tree结合\"\"描述的是一个WPF应用中的控件设计,它融合了ComboBox和TreeView的优点,让用户在下拉菜单中看到一个可折叠和展开的树形结构。 在WPF中,ComboBox是一个允许用户从预定义列表中选择一...

    Flex combox

    这个Flex Combox的特点在于,其下拉部分以树形结构展示,每个节点都可以带有复选框。这种设计允许用户选择多个树形结构中的条目,非常适合用于层级关系的数据选择,如组织结构、地区分类或者产品分类等。 首先,...

    combox 控件

    组件内部采用了 zTree 组件作为树结构的基础,感谢 zTree 作者的授权和支持。用户可以在线查看示例,也可以下载整个 QUI 框架以获取更多组件。 总的来说,QUI 树形下拉框是一个强大且灵活的前端组件,适用于需要...

    wpf 下拉列表树状结构显示

    这个标题所指的“wpf 下拉列表树状结构显示”就是利用ComboBox控件与TreeView控件的特性,将树形数据结构嵌入到下拉菜单中,实现一个既具有选择功能又可展示层级关系的控件。 首先,我们来看ComboBox控件。ComboBox...

    bootstrap树形下拉框 下拉框树形菜单

    Bootstrap Tree形下拉框是一种将传统的下拉菜单与树形结构结合的UI组件,它使得在有限的空间内展示层级关系的数据变得更加直观和易用。Bootstrap框架本身并不直接提供树形下拉框的功能,但可以通过引入第三方插件如`...

    C#编写的一个带树型结构的下拉框控件

    这个控件结合了传统下拉框的简洁性与树视图的层次结构,为用户提供了一种更高效的方式来浏览和选择数据。 在传统的下拉框(ComboBox)中,用户只能看到一个单一的列表,而“带树型结构的下拉框控件”则允许用户在...

    树形下拉框控件源码 TreeView In Combox

    "树形下拉框控件源码 TreeView In Combox"是一个专为提高用户体验设计的组件,它结合了传统下拉框(ComboBox)与树视图(TreeView)的功能。这种控件在需要用户从具有层次结构的数据中进行选择时特别有用,比如组织...

    树形Combobox

    通常,这涉及到重写或扩展MFC的CComboBox类,添加对树结构的支持,包括添加、删除、展开和折叠节点,以及处理用户的选择事件。 在"标签"中提到了"Checkbox",这意味着在树形Combobox中可能还支持复选框功能。这意味...

    combox+treeview结合控件 ComboTreeBox

    【标题】"combox+treeview结合控件 ComboTreeBox" 是一种创新的用户界面元素,它将传统的下拉组合框(ComboBox)与树视图(TreeView)的功能巧妙地融合在一起,为用户提供更丰富的数据选择体验。在Windows应用程序...

Global site tag (gtag.js) - Google Analytics