无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻 > 公司新闻 >

怎样制作微信小程序_easyUI combobox完成联动效果

时间:2021-01-12 15:00来源:怎样制作微信小程序 作者:jianzhan 点击:
bobox完成连动实际效果 bobox完成连动实际效果,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照一下我还在做新项目时,bobox吧bobox的方式,在easyUI的官方网站都是有:
bobox实现联动效果       bobox实现联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

我在做项目时,bobox吧
bobox的方法,在easyUI的官网都有:

1、bobox)

 select id="cc" name="dept" 
 option value="aa" aitem1 /option 
 option bitem2 /option 
 option bitem3 /option 
 option ditem4 /option 
 option eitem5 /option 
 /select 

bobox)

 input id="cc" name="dept"
data-options="valueField:'id',textField:'text',url:'get_data.php'" 

3、使用 bobox)

input id="cc" name="dept" value="aa"

$('#cc').combobox({
 url:'combobox_data.json',
 valueField:'id',
 textField:'text'

json 数据格式的示例:

 "id":1,
 "text":"text1"
 "id":2,
 "text":"text2"
 "id":3,
 "text":"text3",
 "selected":true
 "id":4,
 "text":"text4"
 "id":5,
 "text":"text5"

它的属性和方法就不在赘述了,可以上官网查看。
bobox发联动

//初始化下拉列表
function InitCombobox() {
 $("#combobox_one").combobox({
 ess: function(){
 var types = $("#combobox_one").combobox('getData');
 if (types.length 0){ 
 $("#combobox_one").combobox('select', types[0].Value); //全部
 $("#combobox_two").combobox({ 
 url:'...';
 ess: function(){ 
 var types = $("#combobox_one").combobox('getData');
 if (types.length 0){ 
 $("#combobox_two").combobox('select', types[0].Value); //全部
 onSelect: function(record){ 
 var url = '...' + record.Value;
 $("#combobox_one").combobox('reload', url);

var myOptValue = $("#type").combobox("getValue"); //bobox中的选项 $("#classify").combobox("clear"); //2.动态添加"操作类型"的下拉列表框的option if (myOptValue != null (myOptValue == 'prodName' || myOptValue == 'prodStatus')) { ("myOptValue = " + myOptValue); $("#classify").combobox({ panelHeight: 50, data: options01 } else { $("#classify").combobox({ panelHeight: 140, data: options02 //3.清空文本输入框——用户输入的条件 //$("#userInputCondition").val(""); //初始化classify的下拉列表 $("#classify").combobox({ valueField: 'value', textField: 'text', data: options02, panelHeight: 140,

下面是一个关于省市区的联动:

var h = $(window).height() * 0.65;
// 省级 
$('#province').combobox({
 valueField: 'name', //值字段
 textField: 'name', //显示的字段
 url: '/TidewaySH凡科抠图erver/area/findAllProvince',//url为java后台查询省级列表的方法地址
 panelHeight: h,
 editable: true,
 //模糊查询
 filter: function(q, row) {
 var opts = $(this).combobox('options');
 return row[opts.textField].indexOf(q) == 0; //从头匹配,改成 =即可在任意地方匹配
 onSelect: function(rec) {
 $('#city').combobox('setValue', "");
 $('#county').combobox('setValue', "");
 var url = '/TidewaySH凡科抠图erver/area/findAllCity parentId=' + rec.areaId;//url为java后台查询事级列表的方法地址
 $('#city').combobox('reload', url);
//市区 
$('#city').combobox({
 valueField: 'name', //值字段
 textField: 'name', //显示的字段 
 panelHeight: 'auto',
 editable: false, //不可编辑,只能选择
 value: '',
 onSelect: function(rec) {
 $('#county').combobox('setValue', "");
 var url = '/TidewaySH凡科抠图erver/area/findAllDistrictOrCounty parentId=' + rec.areaId;//url为java后台查询区县级列表的方法地址
 $('#county').combobox('reload', url);
//区 县
$('#county').combobox({
 valueField: 'areaId',
 textField: 'name',
 panelHeight: 'auto',
 editable: false,

bobox的联动效果,写的不完美大家相互学习一下

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866