前台代码 树的渲染
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);
分享到:
相关推荐
这些事件可以触发函数,更新树结构并维护选中的节点。 3. **数据结构**:树形结构的数据通常用对象数组表示,每个对象代表一个节点,包含子节点数组、文本、值等属性。例如: ```javascript var treeData = [ {...
当需要在下拉列表中呈现层级结构时,我们就会涉及到“Combox下拉树”这种控件。这种控件在许多应用程序和Web开发中都有应用,如数据过滤、分类选择等场景。 Combox下拉树是Combox的一种扩展形式,它在下拉部分显示...
然而,标准的ComboBox控件仅支持线性的选项列表,不直接支持树形结构。为了满足这种需求,程序员们会自定义控件,如"ComboxTree",它结合了ComboBox的下拉功能和TreeView的层次结构特性,为用户提供更丰富的交互体验...
然而,有时我们可能需要扩展其功能,使其具备树形结构或者支持多选。这样的需求在开发复杂的Windows应用程序时经常出现,特别是涉及到数据管理、配置设置或层级关系展示的场景。本文将详细介绍如何实现C# COMBO BOX...
在Flex应用中,这种组件允许用户从一个可折叠的树结构中选择值,适用于数据层级关系明显的场景,如组织架构、地区分类等。 首先,我们要理解Flex ComBox的基础概念。ComBox是ComboBox的缩写,它是下拉列表和文本...
标题"\"WPF Combox Tree结合\"\"描述的是一个WPF应用中的控件设计,它融合了ComboBox和TreeView的优点,让用户在下拉菜单中看到一个可折叠和展开的树形结构。 在WPF中,ComboBox是一个允许用户从预定义列表中选择一...
这个Flex Combox的特点在于,其下拉部分以树形结构展示,每个节点都可以带有复选框。这种设计允许用户选择多个树形结构中的条目,非常适合用于层级关系的数据选择,如组织结构、地区分类或者产品分类等。 首先,...
组件内部采用了 zTree 组件作为树结构的基础,感谢 zTree 作者的授权和支持。用户可以在线查看示例,也可以下载整个 QUI 框架以获取更多组件。 总的来说,QUI 树形下拉框是一个强大且灵活的前端组件,适用于需要...
这个标题所指的“wpf 下拉列表树状结构显示”就是利用ComboBox控件与TreeView控件的特性,将树形数据结构嵌入到下拉菜单中,实现一个既具有选择功能又可展示层级关系的控件。 首先,我们来看ComboBox控件。ComboBox...
Bootstrap Tree形下拉框是一种将传统的下拉菜单与树形结构结合的UI组件,它使得在有限的空间内展示层级关系的数据变得更加直观和易用。Bootstrap框架本身并不直接提供树形下拉框的功能,但可以通过引入第三方插件如`...
这个控件结合了传统下拉框的简洁性与树视图的层次结构,为用户提供了一种更高效的方式来浏览和选择数据。 在传统的下拉框(ComboBox)中,用户只能看到一个单一的列表,而“带树型结构的下拉框控件”则允许用户在...
"树形下拉框控件源码 TreeView In Combox"是一个专为提高用户体验设计的组件,它结合了传统下拉框(ComboBox)与树视图(TreeView)的功能。这种控件在需要用户从具有层次结构的数据中进行选择时特别有用,比如组织...
通常,这涉及到重写或扩展MFC的CComboBox类,添加对树结构的支持,包括添加、删除、展开和折叠节点,以及处理用户的选择事件。 在"标签"中提到了"Checkbox",这意味着在树形Combobox中可能还支持复选框功能。这意味...
【标题】"combox+treeview结合控件 ComboTreeBox" 是一种创新的用户界面元素,它将传统的下拉组合框(ComboBox)与树视图(TreeView)的功能巧妙地融合在一起,为用户提供更丰富的数据选择体验。在Windows应用程序...