在jqgrid中设计此表单的解决方案

在jqgrid中设计此表单的解决方案,jqgrid,jqgrid-asp.net,jqgrid-formatter,Jqgrid,Jqgrid Asp.net,Jqgrid Formatter,在讨论解释表的问题之前,我在使用jqGrid时遇到了问题。 我有4个表CostType、CurrencyUnit、Request和RequestCost。 CostType表结构 CostId CostName ------- ---------- 1 permit 2 Warehouse receipt 3 Warehousing 和请求结构 RequestId RequestNo

在讨论解释表的问题之前,我在使用jqGrid时遇到了问题。
我有4个表CostType、CurrencyUnit、Request和RequestCost。
CostType表结构

CostId       CostName 
-------      ----------
  1           permit
  2           Warehouse receipt
  3           Warehousing
和请求结构

RequestId         RequestNo     WaybillNo
------------------------------------------
1                    100          120Ac30
2                    101           400CA852
和CurrencyUnit表结构:

UnitId    UnitName
------------------
1           Dollar
2           Pound
3           Rial
和CostRequest表结构

requestId   CostId  Amount    CurrencyUnitId     Remark
--------------------------------------------------------
1             2        200      3
1             1        400      1
我希望填写页面加载网格,如下所示:

之后,用户可以在顶部文本框中输入请求号,然后单击按钮搜索,如下所示: 用户可以更改或输入此请求的某些成本金额,如下所示: 然后单击“保存”按钮保存到数据库中。 注意:我是jqGrid的初学者,我可以填充第一个网格,其他两个步骤我无法实现。
请帮帮我。谢谢大家

如果不为您编写代码,回答您的问题有点困难

“RequestNo”(例如id=“RequestNo”)的输入字段和“Search”按钮可以是网格上
中的简单控件
单击“搜索”按钮的处理程序可以调用
$(“#网格”).trigger(“重新加载网格”[{page:1}])
。在网格定义内部,您可以使用
postData
like

var$grid=$(“#grid”),
编辑机器人,
myEditParam={
凯斯:没错,
oneditfunc:function(id){editingRowId=id;},
afterrestorefunc:函数(id){editingRowId=undefined;},
aftersavefunc:函数(id){editingRowId=undefined;}
}; 
$grid.jqGrid({
...
postData:{
//向请求添加requestNo参数
requestNo:function(){return$(“#requestNo”).val()}
},
请求前:函数(){
//停止对服务器的空requestNo请求
return$(“#requestNo”).val()!==”?true:false;
},
OnSetrow:功能(id){
如果(id!==编辑行id){
if(编辑rowId的类型!=“未定义”){
//保存以前编辑的行
$(this).jqGrid(“saveRow”,editingRowId,myEditParam);
}
//开始内联编辑。用户应按ENTER键保存行
$(this).jqGrid(“editRow”,id,myEditParam);
}
}
...
});
您还可以添加“Save”按钮,该按钮将调用
$(“#grid”).jqGrid(“saveRow”,editingRowId)
如果
editingRowId
不是
未定义的
,则保存最后一个编辑行

editable:true
添加到您希望在编辑模式下看到的所有列中非常重要。如果要在网格中包含所有编辑列,可以使用
cmTemplate:{editable:true}
jqGrid选项。它更改了
colModel
中定义的列定义的默认值

要在“CurrencyUnit”列中具有下拉列表,您应在列定义中包含其他属性:

edittype:“选择”,editoptions:{value:“美元:美元;英镑:英镑;里亚尔:里亚尔”}

我想要实现可编辑内联,如何实现。谢谢你的帮助。