JqGrid 中的事件添加表单答案

【问题标题】：Events inside JqGrid Add FormJqGrid 中的事件添加表单
【发布时间】：2013-09-12 07:47:28
【问题描述】：

有没有办法在 jqgrid 的 Add Form 中添加事件。说例如在下面的添加表单中，我想根据我输入的 size 值设置 size avg 值。（这里是 3/6）。我不想在 onSubmit 事件中设置值，但在选择 Size Rem

之前

{name:'size', index:'size', width:80, align:'right', hidden: false, editable:true},  
{name:'sizeavg', index:'sizeavg', width:80, align:'right', editable:true, hidden: false}, 
{name:'sizerem', index:'sizerem', width:80, align:'right', editable:true, hidden: false, 
    edittype:'select',align:'left',
    editoptions:{value:{F:'F',S:'S',FS:'F/S',NA:'Double Butt'}},
},

任何帮助将不胜感激。

【问题讨论】：

标签： jqgrid

【解决方案1】：

jqGrid 为您提供了许多方法来实现您需要的任何场景。首先，您需要了解您现在使用的表单编辑会在表单中的每个输入字段上分配id 属性。 id 属性的值等于colModel 中列的name 属性的值。例如，要访问sizeavg 输入字段，您可以使用$("#sizeavg").val()。它为您提供了在某些条件或某些事件的情况下修改字段的简单方法。

要捕获事件，您需要将其绑定到相应的输入字段。一种方法是使用editoptions 的dataEvents 属性。您可以找到事件绑定示例here、here 和许多其他答案。

因此您可以将change、focusout、keydown 或其他一些事件绑定到size 或sizerem 列。您可以使用$("#size").val() 和$("#sizerem option:selected").val() 获取当前值，然后根据需要使用$("#sizeavg").val("new nalue") 修改sizeavg 的值。

【讨论】：