- 37
- 0
- 约1.79万字
- 约 14页
- 2020-08-21 发布于河北
- 举报
Combobox 省市县级联 多选框 单选 上传文件
1 .先做一个简单的ComboBox
代码:
script type text/javascript
Ext.onReady (function () {
var data [
[text1,value1],
[text2,value2],
[text3,value3],
[text4,value4],
[text6,value5],
[text7,value6],
[text8,value7]
];
var store new Ext.data.SimpleStore({
fields:[text,value],
data:data
});
var combo new Ext.form.ComboBox ({
store:store,
emptyText:请选择,
mode :local,
triggerAction:all,
valueField:value,
displayField:text,
renderTo:div
});
});
/script
Store:为 ComboBox 提供数据,原始数据是一个二维数组,将数组放入 SimpleStore
之后,把第一列命名为text,第二列命名为value。
Valuefield 取出的值
DisplayField 要显示的值
emptyText 没有数据显示的值
mode 设成local 告诉combobox在本地取数据,不用到后台。
TriggerAction 设置成all ,默认是query,他会使用autocomplete 功能,提示功
能
Value combobox 的默认值
2 .将select转换成ComboBox
script type text/javascript
Ext.onReady (function () {
var combo new Ext.form.ComboBox ({
emptyText:请选择,
mode :local,
triggerAction:all,
transform:combo
});
});
/script
/head
body
select id combo
option value value1text1/option
option value value2text2/option
option value value3text3/option
option value value4text4/option
/select
/body
效果图:
主要就是transform:combo告诉Ext 把select 中的数据逐条读入到ComboBox
3 .ComboBox 从后台读取数据
首先,见一个数据源com.txt,内容如下:
[
[text1,Tom],
[text2,jack],
您可能关注的文档
最近下载
- 市场部门市场营销专员工作手册(标准版).doc VIP
- 2025新课标义务教育数学(2022年版)课程标准试题库(含答案).docx VIP
- 电力工程专业设计工日定额-送电工程750kV部分.doc VIP
- 基于K-means和主成分分析的京张体育文化旅游带冰雪运动旅游市场研究.pdf VIP
- 电力工程设计收工日定额2012-3-28.doc VIP
- 人教版七年级下册英语全册教学设计(配2025年春新版教材).docx
- 电力工程专业设计工日定额-送电工程±500kV(直流)部分.doc VIP
- 2021春人教版九年级数学下册 第29章 全章教案.doc VIP
- 2025年湖北专升本武汉文理学院《动画概论》考试及答案.docx VIP
- 医院门诊服务优化与创新体系构建ppt课件.pptx
原创力文档

文档评论(0)