EasyUI combobox使用小记

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

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);

结果截图：