Ext级联菜单
一、实现方法
a) 以一个二级联动为例,定义两个Store对象
var store = new Ext.data.Store({
// proxy: new Ext.data.HttpProxy({url:'07-04-01.txt'}),
proxy: new Ext.data.HttpProxy({url:'test.jsp?id=1'}),
reader: new Ext.data.ArrayReader({}, [
{name: 'value'},
{name: 'text'}
])
});
var store2 = new Ext.data.Store({
// proxy: new Ext.data.HttpProxy({url:'07-04-01.txt'}),
proxy: new Ext.data.HttpProxy({url:'test2.jsp'}),
reader: new Ext.data.ArrayReader({}, [
{name: 'value'},
{name: 'text'}
])
});
解析:url 属性为要访问的jsp页面路径或者Action的路径,
若访问的是jsp页面应将多余的脚本去掉避免发生冲突。
ArrayReader为数组读取器,用于读取请求返回的字符串数组。Name:’对应值’ 为该数组的每一项对应的字段名,我们可以通过指定的字段名给value和label赋值。
b) 定义combox
var combo = new Ext.form.ComboBox({
store: store,//代表此下拉选框的数据
emptyText: '请选择',//代表下拉选框的默认值
mode: 'local',//代表下拉选框的读取方式
triggerAction: 'all',//是否采用自动匹配用户输入进行选择。
valueField: 'value',//对应value的字段名
displayField: 'text' //对应显示文本的字段名
});
解析:应定义两个combox 即用于级联的两个下拉菜单
c) 定义其中一个combox的onselect事件
combo.on("select",function(comboBox){
var value=comboBox.getValue();
store2.load({params:{id:value}});
//可以用params:{}传参
})
解析:在这个combox下拉选框被选择时加载相应的联动选框的store
d) Stroe的load方法
在定义完stroe后 数据是不会加载的可以在相应的combox 中通过加入mode: remote 或者通过stroe.load()方法进行手动加载。
e) 将定义的下拉选框放入form中
注意:应将form的加载放入Ext.onReady(function(){})中
var form2 = new Ext.form.FormPanel({
labelAlign: 'right',
title: 'form',
labelWidth: 50,
frame:true,
url: 'table2.jsp',
width: 280,
items: [combo2,combo1]
});
form2.render("div2");
//form的加载位置
分享到:
相关推荐
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单...
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单
jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单
JavaScript做的简单的级联菜单实例
级联菜单 动态级联菜单 可能动态取数据
菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联
Ajax应用几个实例-在线用户计数实例、在线表格编辑实例、 无刷新形式的查询功能实例、实时校验实例、Web级联菜单实例
XML城市级联菜单 实例 源代码 京华志&精华志出品 希望大家互相学习,互相进步 支持CSDN 支持微软
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单
AJAX实例的级联菜单,初学AJAX。
仿系统的级联菜单功能,也就是鼠标放上去会自动显示第二级菜单的内容,看起来很专业。
VC 菜单制作实例的源代码,这是一个级联菜单,可依次向右多级展开的多级菜单,主菜单中若包括有子菜单项,则可依次伸出各级菜单。用VC 实现菜单的自定义范例,制作出不同效果的窗体菜单。本源码实现思路简单,适合VC...
这是js控制的html网页的级联菜单,与数据库相连,从数据库中读取内容。
很好的级联菜单实例 包括二级级联菜单和三级级联菜单
网上找了很久这种菜单,浪费了很多时间,实在没办法,只好老老实实去官网上按说明弄了一个,并更新了,jquery1.5.2, 希望给有需要的朋友可以节约一点时间,欢迎交流,qq:170262
级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList
实现级联菜单的功能,运行程序,选择编辑查找和替换功能,可以看到下级菜单显示出来
这是Adf多表级联菜单实例其中保存创建Criteria知识,多表关系,以及在Vo中使用vo当前字段过滤结果