easyui-combobox

梦里梦外; 2022-07-15 13:19 192阅读 0赞

在做功能的时候用到easyui的combobox，下拉框经常使用，因此把它的使用方法简单总结如下：

html代码部分：

1、combobox改变选中值触发事件：

onSelect事件：

$().ready(function(){ 
    	$("#fruit").combobox({
    		editable : false, // 不可编辑状态
    		cache : false,
    		panelHeight : '150',// 自动高度适合
    		onSelect : function() {
    		//改变选中值后的操作...
    		}
    	})
    });

或者onChange事件；

$('#fruit').combobox({
        onChange:function(newValue,oldValue){
            alert(newValue);
        }
    });

2、combobox设置默认选中项：

$('#fruit').combobox('select',"苹果");

3、combobox获取选中项的value值：

$("#fruit").combobox("getValue");

4、combobox获取选中项的text值：

$("#fruit").combobox("getText");

5、combobox设置不可用

$('#fruit').combobox('disable');   //设置不可用

小结：

常用easyui样式不仅基本使用要会，与其他样式组合使用也要会。