miniui框架的combobox標籤

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);
            }
        });
    }
    
}
發佈了15 篇原創文章 · 獲贊 2 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章