Hi,
This is my datagrid.
<th field="vendorVol" width="100" editor="{type:'numberbox',options:{precision:2,validType:'minValue[0]'}}" data-options="formatter:formatDecimal"><a title="Packaging Size of the quoted item" class="easyui-tooltip">Supplier PKG SZ</a></th>
<th field="vendorYield" width="100" editor="{type:'numberbox',options:{precision:2}}" data-options="formatter:formatDecimal"><a title="Yield Size of the quoted item" class="easyui-tooltip">Supplier Yield</a></th>
var edVendorVol = dg.datagrid('getEditor',{index:index,field:'vendorVol'});
var edVendorYield = dg.datagrid('getEditor',{index:index,field:'vendorYield'});
$(edVendorVol.target).numberbox({
onChange: function(newValue, oldValue) {
//Always set the maximum value based on newValue that yield can be entered
$(edVendorYield.target).numberbox({
validType: ["minValue[0]","maxYieldValue["+newValue+"]"]
});
}
})
//Custom Validation Rule
$.extend($.fn.validatebox.defaults.rules, {
//Does not allow 0
minValue: {
validator: function(value, param){
return value > param[0];
},
message: 'Please enter a value greater than {0}.'
},
//Does not allow yield to exceed packaging size
maxYieldValue: {
validator: function(value, param){
return value <= param;
},
message: 'Yield must not exceed Packaging Size {0}.'
}
});
Whenever the value in vendorVol is changed, i will change the maximum value that can be entered at vendorYield input.
However, whenever I edit the row and change the value in vendorVol, and press tab, the tab will lose focus, it won't go to the field "vendorYield".
I've tried removing the part inside onChange block (the part which sets the validType of vendorYield), it works flawlessly (I mean the tab keystroke, it will move and focus in vendorYield)
Any advice?
Thanks.
Show Posts
