不希望在jqgrid中显示所有记录网格视图

时间:2013-12-07 07:12:56

标签: jqgrid

这是显示网格上所有记录的网格视图,但我不希望在网格中显示所有记录? 当我点击添加,编辑,查看等事件时,显示所有记录......

假设在我的网格中显示“总计”,仅在我点击添加,编辑,查看时显示总计 不在网格视图中

 colModel:[

 {name:'empId',index:'empId',width:3,editable:true,editoptions:{readonly:false,view:true},editrules:{required:false},key:true,formoptions:{rowpos:2,elmprefix:"    " }},
    {name:'empName',index:'empName',width:3,editable:true,editrules:{required:true},formoptions:{rowpos:3,elmprefix:"    " }}]

    jQuery("#taskDetails").jqGrid('navGrid','#pagernavTask',{add:true,edit:true,del:true,refresh:true,view:true,search:false})

这是我的代码...假如我添加 id,名称(可编辑:true)它显示对话框2个字段..并且它也显示在网格视图中,但是并且不要我想在网格视图显示中显示,它只显示我点击编辑,添加,查看(在对话框中显示)..是否可能????请回复此答案

请任何人给我答案

谢谢你

1 个答案:

答案 0 :(得分:0)

隐藏列可以通过在colModel中使用 hidden:true 来完成。此外,通过在添加,编辑,视图中使用 beforeshowform ,您可以自定义您自己显示/隐藏列的方式。有关预先详细信息Hidden Columns in jqGrid

更新

这里我通过在我的colmodel中使用hidden:true来隐藏EmpId。它可以通过使用beforeshowform事件在“添加”对话框中显示。我在网格中显示empName但在编辑对话框中隐藏的方式相同。希望你现在能理解。

$(function() {  
var grid = $('#MyJqGrid');
var mydata = [ 
                {empId:"1",empName:"alpha",notes:"NA"},
                {empId:"2",empName:"beta",notes:"Null"},
                {empId:"3",empName:"gamma",notes:"N/A"},
                {empId:"4",empName:"delta",notes:"Null"},
                {empId:"5",empName:"theta",notes:"aaaa"},
             ];
grid.jqGrid({
    data: mydata,
    datatype: "local", 
    colNames:['empId','empName', 'Notes'],
    colModel:[ 
                {name:'empId',index:'empId',sortable:true, editable:true, hidden: true,}, // here field is hidden in grid
                {name:'empName',index:'empName',editable:true, sortable: true, hidden: false,}, // here field is shown in grid
                {name:'notes',index:'notes',editable:true, sortable: true,},
    ],
    height: "auto",
    width : "auto",
    pager:'#Mypager',
    viewrecords : true,
    rowNum: 5,
    sortname: "empId",
    sortorder :"asc",
    rowList:[2,3,5],
    caption : "My JqGrid Test",
}).jqGrid('navGrid','#Mypager',{
        edit: true,
        add: true,
        del: false, 
        search: false, 
        view: false, 
        },
        {
            //Edit Form
            beforeShowForm: function(form){
                $('#tr_empName',form).hide(); //In Edit form empName is Hidden, initially shown
            }
        },
        {
            //Add Form 
            beforeShowForm: function(form){
                    $('#tr_empId',form).show(); //In add form EmpId is shown, initially hidden 
                    //$('#tr_empName',form).hide();
        },              
    });

});