您好,登錄后才能下訂單哦!
easyui的可編輯表格并不具備回車(chē)事件。這讓edatagrid在結(jié)束編輯時(shí)的操作很麻煩,除非你點(diǎn)擊其他行,或者點(diǎn)出表格否則不會(huì)取消編輯行。
為了讓結(jié)束編輯操作更簡(jiǎn)單些,我為每個(gè)單元格添加了回車(chē)事件,當(dāng)回車(chē)時(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)回車(chē)鍵結(jié)束編輯功能的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。