easyui-edatagrid.js實現(xiàn)回車鍵結(jié)束編輯功能的實例
更新時間：2017年04月12日 10:42:05 投稿：jingxian
下面小編就為大家?guī)硪黄猠asyui-edatagrid.js實現(xiàn)回車鍵結(jié)束編輯功能的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
easyui的可編輯表格并不具備回車事件。這讓edatagrid在結(jié)束編輯時的操作很麻煩，除非你點擊其他行，或者點出表格否則不會取消編輯行。
為了讓結(jié)束編輯操作更簡單些，我為每個單元格添加了回車事件，當(dāng)回車時結(jié)束本行編輯，具體做法是重寫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);
}
},
也可以單獨添加一個onEnterCell事件，在該事件中處理，靈活性更強。這樣就可以調(diào)用onEnterCell:function(index){}。
以上這篇easyui-edatagrid.js實現(xiàn)回車鍵結(jié)束編輯功能的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
50行代碼實現(xiàn)Webpack組件使用次數(shù)統(tǒng)計
這篇文章主要介紹了50行代碼實現(xiàn)Webpack組件使用次數(shù)統(tǒng)計,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
checkbox全選涉及到的知識點比如IE里起作用，火狐不起作用，getElementById()與getElementsByName()的區(qū)別等等2013-12-12
詳解template標(biāo)簽用法(含vue中的用法總結(jié))
這篇文章主要介紹了template標(biāo)簽用法(含vue中的用法總結(jié))，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2021-01-01
也說JavaScript中String類的replace函數(shù)
最近讀了sharpxiajun的博文《javascript筆記--String類replace函數(shù)的一些事》，感覺寫的很好，很有幫助。2011-09-09
ES6 let和const定義變量與常量的應(yīng)用實例分析
這篇文章主要介紹了ES6 let和const定義變量與常量的應(yīng)用,結(jié)合實例形式分析了ES6使用let定義變量以及使用const定義常量的相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
本篇文章給大家分享的內(nèi)容是利用js如何獲取本日、本周、本月的時間代碼，有一定的參考價值，有需要的朋友可以參考一下2020-02-02
今天小編就為大家分享一篇解決layui的input獨占一行的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
echarts中X軸顯示特定個數(shù)label并修改樣式的方法詳解
最近在使用Echarts圖表遇到些特別的需求,想著給大家整理下,所以下面這篇文章主要給大家介紹了關(guān)于echarts中X軸顯示特定個數(shù)label并修改樣式的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
在本篇文章中我們給大家通過實例講解一下關(guān)于JavaScript頁面加載事件的相關(guān)知識點內(nèi)容，有需要的朋友們可以參考下。2019-09-09
這篇文章主要介紹了JavaScript數(shù)組常用操作技巧,以實例形式匯總了針對數(shù)組的查找、連接、排序及迭代等各種常見操作技巧,非常具有實用價值,需要的朋友可以參考下2014-11-11