EasyUI combobox使用小记

来源:互联网 发布:解密码的软件 编辑:程序博客网 时间:2024/06/03 17:20

为方便后续使用,在此小记一番

combobox初始化

$('#updateLimitCB').combobox({        valueField:'index', // 索引        textField:'value',  // 详细信息        editable:false, //编辑:否        onShowPanel: function() {            // 设置下拉面板高度自适应,也可以设置在加载多少项后高度固定,视情况而定            $(this).combobox('panel').height("auto");        },        onChange: function(){            // 选择项发生改变是触发            strSwitchBtnOpen = "1";            mRateShowType = $("#updateLimitCB").combobox('getText');            GetEncryptUpdateInfo();        }    });

初始化项:

var cboxItems = [];cboxItems.push({ "index": 0, "value": "1个月" });cboxItems.push({ "index": 1, "value": "2个月" });cboxItems.push({ "index": 2, "value": "3个月" });// 使用数组比较方便$('#updateLimitCB').combobox("loadData", cboxItems);

动态添加选择项:

var aryVodeoSource = [];for(var i=0; i<data.count; i++){    aryVodeoSource.push(    {         "index": data.item[i].index,         "value": data.item[i].alias     });}$('#cameraSrc').combobox("loadData", aryVodeoSource);

设置选中项:

//根据value设置选中$('#cameraSrc').combobox("setValue", videoSourceIndex);

结果截图:
这里写图片描述

原创粉丝点击