在jqgrid中设计此表单的解决方案
在讨论解释表的问题之前,我在使用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
我有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:“美元:美元;英镑:英镑;里亚尔:里亚尔”}
我想要实现可编辑内联,如何实现。谢谢你的帮助。