Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery JQGrid-在编辑表单中显示其他列_Jquery_Jqgrid - Fatal编程技术网

Jquery JQGrid-在编辑表单中显示其他列

Jquery JQGrid-在编辑表单中显示其他列,jquery,jqgrid,Jquery,Jqgrid,我有一个JQGrid表,它有30多列。我认为这些列的内联编辑将不会对用户友好。所以我想在网格模式下显示几列,并且仅当用户打开此行的编辑表单时才显示所有列。这可能吗?在教程中找不到此项 提前谢谢你 如果要显示而不编辑列,则将的用法作为的用法。此外,我建议您考虑使用允许用户隐藏/显示网格的列或更改其顺序。例如,您可以在网格中仅显示30行的子集,使用“添加视图详细信息”按钮(您需要使用View:true选项),以及使用“添加自定义”按钮和列选择器。您还可以在ondblClickRow回调中显式调用vi

我有一个JQGrid表,它有30多列。我认为这些列的内联编辑将不会对用户友好。所以我想在网格模式下显示几列,并且仅当用户打开此行的编辑表单时才显示所有列。这可能吗?在教程中找不到此项


提前谢谢你

如果要显示而不编辑列,则将的用法作为的用法。此外,我建议您考虑使用允许用户隐藏/显示网格的列或更改其顺序。例如,您可以在网格中仅显示30行的子集,使用“添加视图详细信息”按钮(您需要使用
View:true
选项),以及使用“添加自定义”按钮和列选择器。您还可以在
ondblClickRow
回调中显式调用
viewGridRow
。需要在所有隐藏列的定义中添加属性
editrules:{edithidden:true}
,这些隐藏列需要在视图/编辑/添加表单中可见/可编辑

生成的网格可以类似于或类似于:

$(函数(){
“严格使用”;
var mydata=[
{id:“10”,invdate:“2007-10-01”,name:“test1”,note1,amount:“200.00”,tax:“10.00”,closed:true,ship_via:“TN”,total:“210.00”},
{id:“20”,invdate:“2007-10-02”,name:“test2”,note2,amount:“300.00”,tax:“20.00”,closed:false,ship_via:“FE”,total:“320.00”},
{id:“30”,invdate:“2007-09-01”,name:“test3”,note3,amount:“400.00”,tax:“30.00”,closed:false,ship_via:“FE”,total:“430.00”},
{id:“40”,invdate:“2007-10-04”,name:“test4”,note4,amount:“200.00”,tax:“10.00”,closed:true,ship_via:“TN”,total:“210.00”},
{id:“50”,invdate:“2007-10-31”,name:“test5”,note5,amount:“300.00”,tax:“20.00”,closed:false,ship_via:“FE”,total:“320.00”},
{id:“60”,invdate:“2007-09-06”,name:“test6”,note6,amount:“400.00”,tax:“30.00”,closed:false,ship_via:“FE”,total:“430.00”},
{id:“70”,invdate:“2007-10-04”,name:“test7”,note7,amount:“200.00”,tax:“10.00”,closed:true,ship_via:“TN”,total:“210.00”},
{id:“80”,invdate:“2007-10-03”,name:“test8”,note8,amount:“300.00”,tax:“20.00”,closed:false,ship_via:“FE”,total:“320.00”},
{id:“90”,invdate:“2007-09-01”,name:“test9”,note9,amount:“400.00”,tax:“30.00”,closed:false,ship_via:“TN”,total:“430.00”},
{id:“100”,invdate:“2007-09-08”,name:“test10”,note10,amount:“500.00”,tax:“30.00”,closed:true,ship_via:“TN”,total:“530.00”},
{id:“110”,invdate:“2007-09-08”,name:“test11”,note11,amount:“500.00”,tax:“30.00”,closed:false,ship_via:“FE”,total:“530.00”},
{id:“120”,invdate:“2007-09-10”,name:“test12”,note12,amount:“500.00”,tax:“30.00”,closed:false,ship_via:“FE”,total:“530.00”}
],
$grid=$(“#列表”),
initDateEdit=函数(elem){
$(元素).日期选择器({
日期格式:“dd-M-yy”,
自动调整大小:正确,
变化年:是的,
变化月:对,
showButtonPanel:是的,
《秀周刊》:没错
});
},
initDateSearch=函数(elem){
var$self=$(本);
setTimeout(函数(){
$(元素).日期选择器({
日期格式:“dd-M-yy”,
自动调整大小:正确,
变化年:是的,
变化月:对,
《秀周刊》:没错,
showButtonPanel:是的,
onSelect:function(){
if(this.id.substr(0,3)=“gs_u2;”){
//仅在搜索工具栏时调用triggerToolbar
setTimeout(函数(){
$self[0]。触发器工具栏();
}, 100);
}
}
});
}, 100);
},
numberTemplate={formatter:“number”,align:“right”,sorttype:“number”,
editrules:{number:true,required:true},
搜索选项:{sopt:[“eq”、“ne”、“lt”、“le”、“gt”、“ge”、“nu”、“nn”、“in”、“ni”]};
$grid.jqGrid({
数据类型:“本地”,
数据:mydata,
colNames:[“客户”、“日期”、“关闭”、“通过”、“备注”、“税款”、“金额”、“总额”],
colModel:[
{name:“name”,align:“center”,可编辑:true,宽度:65,编辑规则:{required:true},
{名称:“invdate”,宽度:80,对齐:“中心”,排序类型:“日期”,
格式化程序:“日期”,格式化选项:{newformat:“d-M-Y”},可编辑:true,datefmt:“d-M-Y”,
编辑选项:{dataInit:initDateEdit},
搜索选项:{sopt:[“eq”、“ne”、“lt”、“le”、“gt”、“ge”],dataInit:initDateSearch},
{名称:“闭合”,宽度:70,对齐:“中心”,可编辑:真,格式设置:“复选框”,
edittype:“复选框”,editoptions:{value:“是:否”,defaultValue:“是”},
stype:“选择”,搜索选项:{sopt:[“eq”,“ne”],值:::Any;true:Yes;false:No”},
{name:“ship_via”,宽度:105,对齐:“center”,可编辑:true,格式化程序:“select”,
edittype:“选择”,editoptions:{value:“FE:FedEx;TN:TNT;IN:Intim”,defaultValue:“IN”},
stype:“选择”,搜索选项:{sopt:[“eq”,“ne”],值:::任意;FE:FedEx;TN:TNT;IN:IN“},
{name:“note”,width:60,sortable:false,edit:true,edittype:“textarea”,hidden:true},
{name:“tax”,宽度:52,可编辑:true,模板:numberTemplate,隐藏:true},
{name:“amount”,width:75,editable:true,template:numberTemplate,hidden:true},
{名称:“总计”,宽度:60,模板:numberTemplate}
],
cmTemplate:{editable:true,editrules:{edithidden:true}},
rowNum:10,
行列表:[5,10,20],
寻呼机:“#寻呼机”,
gridview:没错,
自动编码:正确,
ignoreCase:是的,
sortname:“名称”,
viewrecords:是的,