首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

ExtJS实现上拉列表级联

2012-09-03 
ExtJS实现下拉列表级联????? 在程序开发过程中,经常要实现级联的作用,比如:省市区的级联,当下拉列表选择了

ExtJS实现下拉列表级联

????? 在程序开发过程中,经常要实现级联的作用,比如:省市区的级联,当下拉列表选择了省之后,在市的下拉的时候就应该是该省下的所有城市,而不是全部饿城市,以此类推在选着市区之后在区域也应该是该市下的市区。

?????? 其实这种级联的方式,完全可以用一颗树表示,比如省是根节点,其他的都是其孩子的方式表示,但是这里我只用下拉列表的方式实现,毕竟有得地方用这种方式还是有点优势,而且不是很复杂。

其实现的步骤如下:

首先看看JS部分:

建立省市区的三个下拉列表comboBox

?

到这里页面显示部分就算已经完成了,接下来是后台的实现部分,我这里定义了三个POJO分别是省市区,并且通过ID关联起来,具体代码如下:

-- Create tablecreate table T_AREA(  AID   VARCHAR2(20) not null,  ANAME VARCHAR2(20) not null,  CID   VARCHAR2(20))tablespace WEIBO_DATA  pctfree 10  initrans 1  maxtrans 255  storage  (    initial 1M    next 1M    minextents 1    maxextents unlimited    pctincrease 0  );-- Create/Recreate primary, unique and foreign key constraints alter table T_AREA  add constraint PK_T_AID primary key (AID)  using index   tablespace WEIBO_DATA  pctfree 10  initrans 2  maxtrans 255  storage  (    initial 1M    next 1M    minextents 1    maxextents unlimited    pctincrease 0  );

?

到这里全部结束,需要级联的数据,自己在数据库表格中加入即可,我的数据库版本是oracle 10g,你也可以换成其他的比如mysql,换的时候记住要把数据库的连接部分改一下,并且加入相应链接数据库的jar就行,本人能力有限,有什么问题还请多多指教。

热点排行
Bad Request.