如何更新内联编辑中其他列更改的列

Question

免费jqgrid包含3列：价格，数量和总和。

使用html5数字输入类型。

如果萨姆塔以串联编辑改变，价格列值应使用式

价格计算值=萨姆/数量;

我想下面来实现这个使用jqGrid的模板，但因为input#Price和input#Quantity是不确定它不会改变价格列。

元素ID是从行ID创建的，并且在每行中都不相同。 Jqgrid不传递行ID值来改变事件。

在免费的jqgrid中实现这种计算的最佳做法是什么？

var sumColumnTemplate = { 
    "editoptions": { 
     "type": "number", 
     "dataEvents":[{"type":"change","fn":function(e) { 
      $('input#Price').val(parseFloat(this.value)/parseFloat( 
       $('input#Quantity').val() )); 
     } 
     } 
}; 

浏览器检查元素表明，下面的标记在联编辑模式行创建：

<tr role="row" id="1383" tabindex="-1" class="ui-widget-content jqgrow ui-row-ltr" editable="1" aria-selected="false"> 
    ... lot of td s skipped 

    <td role="gridcell" style="text-align:right;" class="" title="4" aria-describedby="grid_Quantity"><input type="number" class="grid-decimal-edit editable" id="1383_Quantity" name="Quantity" cm="[object Object]" icol="5" role="textbox" style="width: 100%; box-sizing: border-box;"></td> 

    <td role="gridcell" style="text-align:right;" class="" 
    aria-describedby="grid_Price"><input type="number" title="" maxlength="15" class="grid-decimal-edit editable" id="1383_Price" name="Price" cm="[object Object]" icol="6" role="textbox" style="width: 100%; box-sizing: border-box;"></td> 

    <td role="gridcell" style="text-align:right;" title="" aria-describedby="grid_Sum"><input type="number" title="" maxlength="15" class="grid-decimal-edit editable" id="1383_Sum" name="Sum" cm="[object Object]" icol="7" role="textbox" style="width: 100%; box-sizing: border-box;"></td> 
    .... 
</tr> 

表中有ID的一部分多行和1383可能是排它的每一行不同数量。

哪种方法可以在内嵌编辑模式下获取当前行的数字值？

引导3，jQuery的，jQuery的UI，ASP.NET MVC 4，Razor的意见，NET 4.6被使用。

更新

列定义：

{"label":"Quantity","name":"Quantity","index":"Quantity","searchoptions":{"sopt":["eq","ne","lt","le","gt","ge"],"maxlength":12,"size":12},"template":"number","formatoptions":{"thousandsSeparator":"","decimalPlaces":4,"defaultValue":""},"align":"right","editoptions":{"type":"number","step":"any","min":-999999,"max":9999999,"title":"","maxlength":12,"dataEvents":[{"type":"change","fn":function(e) {dataChanged(e.target)} 
},{"type":"focus","fn":function(e) {if(typeof e.target.ischanged=='undefined') {e.target.ischanged=false}} 
},{"type":"blur","fn":function(e) {} 
}],"readonly":null,"class":"grid-decimal-edit","disabled":null},"editable":function(options){return getEditable(options,false);} 
,"width":68,"classes":"","hidden":false}, 

{"label":"OstuPrice","name":"Price","index":"Price","searchoptions":{"sopt":["eq","ne","lt","le","gt","ge"],"maxlength":15,"size":15},"template":"number","formatoptions":{"thousandsSeparator":"","decimalPlaces":5,"defaultValue":""},"align":"right","editoptions":{"type":"number","step":"any","min":-99999999,"max":999999999,"title":"","maxlength":15,"dataEvents":[{"type":"change","fn":function(e) {dataChanged(e.target)} 
},{"type":"focus","fn":function(e) {if(typeof e.target.ischanged=='undefined') {e.target.ischanged=false}} 
},{"type":"blur","fn":function(e) {} 
}],"readonly":null,"class":"grid-decimal-edit","disabled":null},"editable":function(options){return getEditable(options,false);} 
,"width":75,"classes":"","hidden":false,"tere":"1234"}, 

{"template":sumColumnTemplate 
,"label":"Sum","name":"Sum","width":80,"index":"Sum","hidden":false}, 

Answer 1

的问题存在，因为你使用template属性与对象的值。从jqGrid 4.7开始（请参阅my old pull request），可以定义“标准”模板并将其用作字符串。

一个需要使用下面的代码来定义

$.jgrid = $.jgrid || {}; 
$.jgrid.cmTemplate = $.jgrid.cmTemplate || {}; 
$.jgrid.cmTemplate.mySum = { 
    editoptions: { 
     type: "number", 
     dataEvents: [{ 
      type: "change", 
      fn: function(e) { 
       // some code 
      } 
     }] 
    } 
}; 

一个现在template: "mySum"可以使用：

{"template":"mySum","label":"Sum","name":"Sum","width":80} 

，而不是template: sumColumnTemplate：

{"template":sumColumnTemplate,"label":"Sum","name":"Sum","width":80, 
"index":"Sum","hidden":false}