2014-09-10 32 views
0

蔭使用列選擇隱藏列,但是當IAM clikcking隱藏所有列的行數都是顯示瞭如何隱藏行號還請人幫我在此感謝隱藏行號通過使用列選擇

這是我的代碼:

$("#list1").jqGrid({ 
    url:"./controllers/apGetTestData.php?testanzres=1&testsuite="+testsuite+"&testcase="+testcase+"&ch="+ch+, 
    datatype: 'xml', 
    mtype: 'GET', 
    height: 'auto', 
    colNames:[ 'RRID', 'Release Tag','Completed Date'], 
    colModel:[ 
      {name:'idreleaseRequest', index:'idreleaseRequest', width:24}, 
      {name:'releaseRequestTag', index:'releaseRequestTag'}, 
      {name:'timeStamp', index:'timeStamp'}, 
      {name:'DateInfo', index:'Date Info', sortable:false,align:'center'} 
      ],  
    pager: $('#pager1'), 
    rowNum:6, 
    rowList:[6,12,18,24], 
    sortname: 'timeStamp', 
    sortorder: "ASC", 
    caption:"Test Results", 
    shrinkToFit:true, 
    autowidth: true, 
    viewrecords: true, 
    rownumbers:true, 
    cloneToTop:true, 
    toppager:true 
}).trigger("reloadGrid"); 
    $("#list1").jqGrid('navGrid', '#pager1',{add: false, edit: false, del: false, search: false, 
      cloneToTop:true,refresh: false}); 
      $.extend(true, $.ui.multiselect, { 
        locale: { 
         addAll: 'Make all visible', 
         removeAll: 'Hide All', 
         itemsCount: 'Avlialble Columns' 
        } 
       }); 
       $.extend(true, $.jgrid.col, { 
        width: 450, 
        modal: true, 
        msel_opts: {dividerLocation: 0.5}, 
        dialog_opts: { 
         minWidth: 470, 
         show: 'blind', 
         hide: 'explode' 
        } 
       }); 
       $("#list1").jqGrid('navButtonAdd',$('#list1')[0].id + '_toppager_left', { 
        caption: "Customize Columns", 
        buttonicon: "ui-icon-calculator", 
        title: "Customize Columns", 
        onClickButton: function() { 

        } 
       }); 
      var topPagerDiv = $(('#list1')[0] .id+ '_toppager')[0];   

      $(('#list1') + "_toppager_center", topPagerDiv).remove(); 
      $(('#list1') + "_toppager_right", topPagerDiv).remove();   

      $("table.ui-jqgrid-htable thead").appendTo("table#list1"); 
      $("table#list1 thead tr").addClass('floatingHeaderRow'); 
      $("div.ui-jqgrid-bdiv").width($(window).width()+30); 

我使用行號真正的選擇,但我想隱藏的行數時,IAM單擊列選擇隱藏所有

+0

請分享你到目前爲止已經試過 – 2014-09-10 08:48:30

+0

喜普山Kawadkar相關的代碼,我加入了相關的代碼,請提示我,我不是這個請你提供我很清楚這個 – Sravya 2014-09-10 08:55:18

回答

2

可以包括由rownumbers: true創建列「RN」在列的列表中通過執行columnChooser可見

$("#list1").jqGrid("setColProp", "rn", {hidedlg: false}); 

但您創建其他問題的方式。列「rn」是特殊列,您不應該移動到另一個位置。

如果你需要隱藏整個網格,那麼我會建議你通過

$("#list1").closest(".ui-jqgrid").show(); 

如果你需要隱藏或使人們看到只有"rn"列使用

$("#list1").closest(".ui-jqgrid").hide(); 

,並顯示它您可以使用showCol/hideCol。例如

$("#list1").jqGrid("hideCol", "rn"); 
+0

嗨奧列格任何想法任何演示關於這一點,並感謝您的回覆 – Sravya 2014-09-10 10:55:04

+0

嗨oleg感謝它是完美的工作,請你告訴我如何給行號列名稱 – Sravya 2014-09-10 10:59:41

+0

@Sravya:不客氣!你問我「如何給列號命名行號?」。可能你的意思是「如何給列名添加列號?」。如果你能得到'colModel':'var cm = $(「#list1」).jqGrid(「getGridParam」,「colModel」),列'iCol'的名字將是'cm [iCol]。 name'。 – Oleg 2014-09-10 11:37:19