下拉框combobox用法&级联餐单
如果下来内容不用后台取数据,直接写死的话不用url属性,直接用data即可:
<input id="orderstate" name="orderstate" class="easyui-combobox" />
$(function(){
$("#orderstate").combobox({
valueField: 'id',
textField: 'text',
width: ,
autoShowPanel: true,
data: [{ id: -, text: '支付结果' }, { id: , text: '成功' }, { id: , text: '失败' }],
onLoadSuccess: function () {
var val = $(this).combobox('getData');
if (val != null && val.length > ) {
$(this).combobox('select', val[]["id"]);//val[0].id也可以
} }
});
});
1、单个下拉框:
<td> <input id="waytype" name="waytype" class="easyui-combobox" /></td>
$(function () {
var _actiontype = $('#waytype').combobox({
type: "GET",
dataType: 'json',
url: "/xxxx/xxxx.json",
editable: false,
valueField: 'id',
textField: 'text',
onSelect: function (record) {
},
onLoadSuccess: function (data) {
if (data.length == ) {
$.messager.alert("系统提示", "数据库异常,请联系管理员!", "warning");
} else {
var data1 = $('#waytype').combobox('getData'); //赋默认值
if (data1.length > ) {
$("#waytype").combobox('select', data1[].actionid);
}
}
} });
});
2、级联餐单:
<td> <input id="actiontype" name="actiontype" class="easyui-combobox" style="width:80px" /></td>
<td> <input id="waytype" name="waytype" class="easyui-combobox" /></td>
$(function () {
var _actiontype = $('#actiontype').combobox({
type: "GET",
dataType: 'json',
url: "/xxx/xxx.json",
editable: false,
valueField: 'actionid',
textField: 'actionname',
onSelect: function (record) {
//以下是根据第一个餐单选择值不同而去获取不同的二级连餐单,如果只是简单的根据第一个餐单值而去获取对应的数据源,不需要判断直接获取就ok了
if (record.actionid == "get") {
_waytype.combobox({
disabled: false,
url: '/xxx/GetWayTypeJson1',
valueField: 'id',
textField: 'text'
}).combobox('clear');
}
else {
_waytype.combobox({
disabled: false,
url: '/xxx/GetWayTypeJson2',
valueField: 'id',
textField: 'text'
}).combobox('clear');
}
},
onLoadSuccess: function (data) {
if (data.length == ) {
$.messager.alert("系统提示", "数据库异常,请联系管理员!", "warning");
} else {
var data1 = $('#actiontype').combobox('getData'); //赋默认值
if (data1.length > ) {
$("#actiontype").combobox('select', data1[].actionid);
}
}
} });
var _waytype = $('#waytype').combobox({
editable: false,
disabled: false,
valueField: 'id',
textField: 'text',
onLoadSuccess: function (data) {
if (data.length == ) {
$.messager.alert("系统提示", "数据库异常,请联系管理员!", "warning");
} else {
var data1 = $('#waytype').combobox('getData'); //赋默认值
if (data1.length > ) {
$("#waytype").combobox('select', data1[].id);
}
}
}
});
});
下拉框combobox用法&级联餐单的更多相关文章
- EXT学习之——Ext下拉框绑定以及级联写法
/*******步骤有四个,缺一不可*********/ function () {xxxxxx = Ext.extend(construct, {InitControl: function () { ...
- EXT学习之——获取下拉框combobox的值与显示名
//申请科室 var comboboxdept = new Ext.form.ComboBox({ xtype: "combobox", name: "Gender&qu ...
- 下拉框-ComboBox
<ComboBox Name="cbBox" SelectionChanged="cbBox_SelectionChanged"></Comb ...
- easyUI的下拉框combobox与树tree联动
参与联动的有 2 个combobox 和 1 个tree: <input id="combobox1" class="easyui-combobox" n ...
- jQuery无限级联下拉框插件
自己编写jQuery插件 之 无限级联下拉框 因为是级联,所以数据必须是树型结构的,我这里的测试数据如下: 看下效果图: 1.>图一: 2.>图二: 3.>图三: 由图可知,下拉 ...
- 雷林鹏分享:jQuery EasyUI 表单 - 创建树形下拉框
jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...
- 雷林鹏分享:jQuery EasyUI 表单 - 格式化下拉框
jQuery EasyUI 表单 - 格式化下拉框 本教程向您展示如何创建一个简单的下拉框(Combobox),让它在下拉框中显示图片项.您可以在下拉框(combobox)上使用 formatter ...
- 转:控制ComboBox下拉框的下拉部分宽度,使内容能够显示完全
一般的情况下,如果下拉框的选项的文字太长,下拉框ComboBox的Width宽度属性我们又不想要改变(默认不变),下拉选项的文字内容就会被截剪,如下图所示: 解决办法: 1.自动判断下拉选项的文字长度 ...
- ComboBox可搜索下拉框的使用注意事项,简单记录以及我遇到的一些奇怪的bug
前几天做一个react的项目的时候需要用一个可搜索的下拉框ComboBox,上代码: <ComboBox // className={comboxClassName} items={storeA ...
随机推荐
- BZOJ4764弹飞大爷——LCT
题目描述 自从WC退役以来,大爷是越来越懒惰了.为了帮助他活动筋骨,也是受到了弹飞绵羊一题的启发,机房的小伙伴们 决定齐心合力构造一个下面这样的序列.这个序列共有N项,每项都代表了一个小伙伴的力量值, ...
- BZOJ1222[HNOI2001]产品加工——DP
题目描述 某加工厂有A.B两台机器,来加工的产品可以由其中任何一台机器完成,或者两台机器共同完成.由于受到机器性能和产品特性的限制,不同的机器加工同一产品所需的时间会不同,若同时由两台机器共同进行加工 ...
- ef 仓储模式 Redis
接着写一下 上一章提到的 BaseRepositoryRedis.cs 先说说题外话:由于公司希望用到缓存来提高访问速度.那么我理所当然的想到redis. 这个无可厚非.可是当时我们的项目已经开发的差 ...
- hdu 5919 Sequence II (可持久化线段树)
链接:http://acm.hdu.edu.cn/showproblem.php?pid=5919 大致题意: 给你一个长度为n的序列,q个询问,每次询问是给你两个数x,y,经过与上一次的答案进行运算 ...
- Codeforces Round #419 (Div. 2) C. Karen and Game
C. Karen and Game time limit per test 2 seconds memory limit per test 512 megabytes input standard i ...
- Codeforces Round #417 (Div. 2) C. Sagheer and Nubian Market
time limit per test 2 seconds memory limit per test 256 megabytes input standard input output standa ...
- day7 字符集转换
python2 默认 ASCLL 不支持中文 转换比较麻烦.需要先解码成unicode然后在编码成想转换的语言 s = "特斯拉" s_to_unicode = s.decode( ...
- MT【5】蝴蝶效应:一道递推式为二次的数列
评:蝴蝶效应[蝴蝶效应(The Butterfly Effect)是指在一个动力系统中,初始条件下微小的变化能带动整个系统的长期的巨 ...
- [TJOI2011]构造矩阵
考虑优化贪心,不回溯,对于每一位,你都判一下放0的话后面是否有解,用网络流判是否可以完美匹配就行了. 但这样时间复杂是错的,所以不必每次都重新建图,现在原来的图中看一下该行列是否已经匹配,若没有,则强 ...
- Linux中使用Electronic WeChat客户端
微信推出了Windows版和Mac版,一直没有推出也不会推出Linux版本,这就催生了Electronic WeChat(https://github.com/geeeeeeeeek/electron ...