欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

easyui-edatagrid.js實(shí)現(xiàn)回車鍵結(jié)束編輯功能的實(shí)例

 更新時(shí)間：2017年04月12日 10:42:05   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇easyui-edatagrid.js實(shí)現(xiàn)回車鍵結(jié)束編輯功能的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

easyui的可編輯表格并不具備回車事件。這讓edatagrid在結(jié)束編輯時(shí)的操作很麻煩，除非你點(diǎn)擊其他行，或者點(diǎn)出表格否則不會(huì)取消編輯行。

為了讓結(jié)束編輯操作更簡(jiǎn)單些，我為每個(gè)單元格添加了回車事件，當(dāng)回車時(shí)結(jié)束本行編輯，具體做法是重寫(xiě)edatagrid的onDblClickCell事件，如下：

onDblClickCell : function(index, field, value) {
 if (opts.editing) {
  $(this).edatagrid('editRow', index);
  focusEditor(field);
  //以下是我添加的代碼
  var currentEdatagrid = $(this);
  $('.datagrid-editable .textbox,.datagrid-editable .datagrid-editable-input,.datagrid-editable .textbox-text').bind('keydown', function(e){
       var code = e.keyCode || e.which;
       if(code == 13){
       $(currentEdatagrid).datagrid('acceptChanges');
       $(currentEdatagrid).datagrid('endEdit', index);
       }
    });
  //添加代碼結(jié)束
 }
 if (opts.onDblClickCell) {
  opts.onDblClickCell.call(target, index, field,value);
 }
},

也可以單獨(dú)添加一個(gè)onEnterCell事件，在該事件中處理，靈活性更強(qiáng)。這樣就可以調(diào)用onEnterCell:function(index){}。

以上這篇easyui-edatagrid.js實(shí)現(xiàn)回車鍵結(jié)束編輯功能的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論