JQ Grid Select change 事件

先看代码:

{name: 'SMSRecipient',width : 30, index : 'SMSRecipient', sortable : true, align: 'left',editable:true,edittype:'select',editoptions:{value:SMSRecipientSelect, dataEvents: [
  {type: 'change',fn: function(e) {jQuery("#jsonmap").jqGrid('setRowData', $(this).parent().parent().attr('id'), {SMSPhoneNo:$(this).val()})}}]},formatter:'select'},
 

{name: 'SMSPhoneNo',width : 30, index : 'SMSPhoneNo', sortable : true, align: 'left',editable:true,edittype:'select',editoptions:{value:SMSPhoneNoSelect, dataEvents: [

                {type: 'change',fn: function(e) {jQuery("#jsonmap").jqGrid('setRowData', $(this).parent().parent().attr('id'), {SMSRecipient:$(this).val()})}}
            //  { type: 'click', fn: function(e) {jQuery("#jsonmap").jqGrid('setRowData', $(this).parent().parent().attr('id'), {SMSRecipient:$(this).val()})}},
            //  { type: 'keypress', fn: function(e) {jQuery("#jsonmap").jqGrid('setRowData', $(this).parent().parent().attr('id'), {SMSRecipient:$(this).val()})}}
]},formatter:'select'}

实现功能:当其中一列的值发生改变时,另一列跟着改。

主要是dataEvents事件,type:change时,测试了在IE/Google Chrome/Opera下鼠标键盘使用都正常,但在firefox下用键盘改变值时不起作用,所以下面有分别实现点击鼠标和按键响应的方法。


你可能感兴趣的:(JQuery)