miniui框架的combobox标签

来源:互联网 发布:检测usb端口软件 编辑:程序博客网 时间:2024/05/20 15:39

html代码:

排行类型<input id="rankType" class="mini-combobox" style="width:150px;" textField="typeValue" valueField="typeId"
                  value="typeId" showNullItem="false" allowInput="true" onvaluechanged="search" valueFromSelect=“true”/>     

js代码:

   var jsonData = [{'typeId':'1','typeValue':'课件排行'},{'typeId':'2','typeValue':'学分排行'}];
    mini.get('rankType').setData(jsonData);
    mini.get('rankType').setValue('1');

  
   值改变时触发事件:

function search(){
    var typeId = mini.get('rankType').getValue();
    if(typeId==1){
        $('#annexRanklist').css('display','block');
        $('#scoreRanklist').css('display','none');
        $.ajax( {
            url : APP_PATH + 'learn-rankByAnnex.action',
            async : false,
            success : function(text) {
                var dataResult = mini.decode(text);
                mini.get("annexRanklist").setData(dataResult);
            }
        });
        
    }else if(typeId==2){
        $('#scoreRanklist').css("display","block");
        $('#annexRanklist').css("display","none");
        
        $.ajax( {
            url : APP_PATH + 'learn-rankByScore.action',
            async : false,
            success : function(text) {
                
                var dataResult = mini.decode(text);
                
                mini.get("scoreRanklist").setData(dataResult);
            }
        });
    }
    
}
原创粉丝点击