2014-12-04 95 views
0

以下是分頁工程的問題,但傳呼機的圖標(next,prev,first,last) 在用戶界面中不可見。但是當我點擊其中任何一個(圖標通常是在第3頁1的兩側是可見的不知道是什麼原因造成這個問題jqgrid尋呼機按鈕(next,prev,first,last)不可見

這裏是jQuery代碼:。

 grid.jqGrid({ 
      datatype: "local", 
      data:this.get('mydata').data, 
      colNames:['ID', 'First Name','Last Name'], 
      colModel:[ 
       {name:'id',index:'id', key: true, width:70, sorttype:"int"}, 
       {name:'firstName',index:'firstName', width:90}, 
       {name:'lastName',index:'lastName', width:100} 

      ], 
      search:true, 
      pager:'#pager', 
      localReader: {cell:""}, 
      rowNum: 10, 
      rowList: [5, 10, 20, 50], 
      //loadatonce:false, 
      sortname: 'id', 
      sortorder: 'asc', 
      viewrecords: true, 
      sortable:false, 
      cmTemplate: {sortable:true},//change to false if want 
      multiselect:true, 
      multiboxonly: false, 
      height: "100%", 
      caption: "Multiple search with local data", 
      onSelectAll:function(aRowids,isSelected){ 
      // this is not used in this sample.. as I removed the check all button 
       var i, count, id; 
       for (i = 0, count = aRowids.length; i < count; i++) { 
        id = aRowids[i]; 
        if(isSelected) 
        {mysel.pushObject(id);} 
        else 
        { mysel.removeObject(id);} 

       } 

       that.set('selection',mysel); 
      }, 
      gridComplete: function(){ 

          }, 
      loadComplete: function(){ 
       grid.jqGrid('setGridParam', { 
        page: page, 
        records: records, 
        lastpage: lastpage 
       }); 
       this.updatepager(false, true); 
      }, 
      onPaging: function(pgButton){ 

       var pageNumber = $(this).jqGrid("getGridParam", "page"); 
       //alert("page number is "+pageNumber); 
       // alert("pgButton ===== "+pgButton); 
       if(pgButton === 'next_pager') { 
        pageNumber = pageNumber+1; 
        page = pageNumber; 
       }else if(pgButton === 'prev_pager') { 
        pageNumber = pageNumber-1; 
        page = pageNumber; 
        }else if(pgButton === 'last_pager') { 
        pageNumber = lastpage; 
        page = pageNumber; 
        }else if(pgButton === 'first_pager') { 
        pageNumber = 1; 
        page = pageNumber; 
        } 
       var pageSize = $(this).jqGrid("getGridParam", "rowNum"); 
       //alert("rowNum ====="+pageSize); 
       // grid.jqGrid('setGridParam', {data: dataToLoad}); 
       that.store.find("oldcontact",{page:pageNumber,pagesize:pageSize}).then(function(dataToLoad){ 
         var data=[]; 
          grid.jqGrid('clearGridData'); 
          //var gridBody = grid.children("tbody"); 
          // gridBody.empty(); 
          dataToLoad.forEach(function(item){ 
            var hash={}; 
            var count =0; 
            var type = that.store.modelFor('oldcontact'); 
            var fields = Ember.get(type, 'fields'); 
            hash['id']=item.get('id'); 
            fields.forEach(function(field) { 
             hash[field]=item.get(field); 
            }); 
            // grid.jqGrid('addRowData',count,hash); 
            count = count+1; 
            data.push(hash); 
         }); 
           var meta = that.store.metadataFor("oldcontact"); 
           page = meta.page; 
           lastpage = meta.lastpage; 
           records = meta.records; 
           grid.jqGrid('setGridParam', {data: data}); 
           grid.trigger('reloadGrid'); 

       }); 
      }, 



     }); 

回答

0

這是我怎麼做的

$("#next_jqGridPager").find(".ui-icon-seek-next") 
.css({ "background-image": "url('/Content/arrowright.png')", "background-position": "0", "height": "20" }); 

$("#prev_jqGridPager").find(".ui-icon-seek-prev") 
.css({ "background-image": "url('/Content/arrowleft.png')", "background-position": "0", "height": "20" }); 
$(".ui-pg-input").css({ "height": "20" })