不用圖片作背景CSS做的小燈籠效果_練習(xí)用
695
2024-04-03
使用easyui行編輯的時(shí)候完成編輯的功能比較簡(jiǎn)單,但是如果要根據(jù)一個(gè)框的值動(dòng)態(tài)改變別的值或者編輯的時(shí)候禁用某個(gè)框的時(shí)候就比較麻煩了。
比如像下面這樣:添加行的時(shí)候每個(gè)值都是手動(dòng)輸入,修改的時(shí)候第一個(gè)值不能修改。我們來看下怎么實(shí)現(xiàn)這樣的效果。
easyui本身是不提供這么細(xì)節(jié)的功能的,需要我們自己拓展下:
在編輯的時(shí)候移除第一列的editor屬性,添加的時(shí)候,添加第一列的屬性。
//擴(kuò)展datagrid:動(dòng)態(tài)添加刪除editor $.extend($.fn.datagrid.methods, { addEditor : function(jq, param) { if (param instanceof Array) { $.each(param, function(index, item) { var e = $(jq).datagrid('getColumnOption', item.field); e.editor = item.editor; }); } else { var e = $(jq).datagrid('getColumnOption', param.field); e.editor = param.editor; } }, removeEditor : function(jq, param) { if (param instanceof Array) { $.each(param, function(index, item) { var e = $(jq).datagrid('getColumnOption', item); e.editor = {}; }); } else { var e = $(jq).datagrid('getColumnOption', param); e.editor = {}; } } });
調(diào)用:
移除:
$("#dg").datagrid('removeEditor','cardNo');//這里的cardNo是需要移除editor的列的field值
添加:
$("#dg").datagrid('addEditor',[ //添加cardNo列editor {field:'cardNo',editor:{ type:'textbox', options:{ required:true, validType:'length[3,3]', invalidMessage:'請(qǐng)輸入3位號(hào)碼!' } } }]
別的操作都可以據(jù)此拓展.
#免責(zé)聲明#
本站[綠夏技術(shù)導(dǎo)航]提供的一切軟件、教程和內(nèi)容信息僅限用于學(xué)習(xí)和研究目的;不得將上述內(nèi)容用于商業(yè)或者非法用途,否則,一切后果請(qǐng)用戶自負(fù)。本站信息來自網(wǎng)絡(luò)收集整理,版權(quán)爭(zhēng)議與本站無關(guān)。您必須在下載后的24個(gè)小時(shí)之內(nèi),從您的電腦或手機(jī)中徹底刪除上述內(nèi)容。如果您喜歡該程序或內(nèi)容,請(qǐng)支持正版,購(gòu)買注冊(cè),得到更好的正版服務(wù)。我們非常重視版權(quán)問題,如有侵權(quán)請(qǐng)郵件[admin@lxwl520.com]與我們聯(lián)系進(jìn)行刪除處理。敬請(qǐng)諒解!