RowEditing為grid進(jìn)行行級別編輯時使用的插件,與CellEditing插件不同,編輯完一行數(shù)據(jù),即需要保存數(shù)據(jù)。
創(chuàng)新互聯(lián)是專業(yè)的太和網(wǎng)站建設(shè)公司,太和接單;提供做網(wǎng)站、網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行太和網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!對于RowEditing的使用官方文檔中有詳細(xì)的例子,本文主要解決該插件在使用中出現(xiàn)的一些問題及解決方式。
問題1:
新增數(shù)據(jù)或者編輯數(shù)據(jù)時,進(jìn)入編輯狀態(tài)后,如果編輯表單數(shù)據(jù)有效性為false時(isValid),保存(update)按鈕為灰色不可用狀態(tài),即使改變數(shù)據(jù)使表單數(shù)據(jù)有效時,該按鈕仍為不可用。
而官方實(shí)例中的代碼中,為避免出現(xiàn)按鈕不可用,采用新增數(shù)據(jù)直接賦值的方法:
// Create a model instance
var r = Ext.create('Employee', {
name: 'New Guy',
email: 'new@sencha-test.com',
start: Ext.Date.clearTime(new Date()),
salary: 50000,
active: true
});
該代碼為新增一條數(shù)據(jù),可見其將新增數(shù)據(jù)設(shè)為符合表單要求數(shù)據(jù)。
如果將其中一條數(shù)據(jù)置空,新增數(shù)據(jù)后如圖1,保存按鈕不可用
圖片1
即使輸入數(shù)據(jù),按鈕依然無法可用
圖片2
問題原因:
RowEditing插件使數(shù)據(jù)進(jìn)入編輯狀態(tài)的方法為startEdit(record, columnHeader),該方法中其實(shí)是使用了Ext的一個內(nèi)部工具類RowEditor中的startEdit(record, columnHeader)方法.
而該內(nèi)部工具類的startEdit()方法使用loadRecord()將選中的數(shù)據(jù)放入form表單中進(jìn)行編輯。loadRecord()方法中調(diào)用updateButton(isValid)對按鈕狀態(tài)進(jìn)行了設(shè)置;
所以當(dāng)進(jìn)入編輯狀態(tài)后,如果需要編輯的數(shù)據(jù)本身就存在不符合要求的字段,那么保存按鈕被置為不可用狀態(tài)。即使所有數(shù)據(jù)都符合要求,按鈕也不可用。
問題解決:
因為只有在數(shù)據(jù)進(jìn)入編輯時對按鈕進(jìn)行設(shè)置,后期的輸入操作沒有類似的操作。
內(nèi)部工具類RowEditor中的方法onFieldChange()正是應(yīng)對輸入改變時處理錯誤信息顯示及按鈕設(shè)置的(源碼不再羅列,可參考文檔,注:文檔中該方法沒有顯示在方法列表中,需要在js文件中查找)
工具類中的事件:‘fieldvaliditychange’‘validitychange’是對表單有效性改變時事件,區(qū)別為‘validitychange’針對整個表單而‘fieldvaliditychange’單個編輯框
代碼:
var rowEditor = grid.plugins[0].getEditor();
rowEditor.on('fieldvaliditychange', rowEditor.onFieldChange, rowEditor);
該代碼寫在列表頁創(chuàng)建之后(‘fieldvaliditychange’‘validitychange’均可)。
當(dāng)編輯的數(shù)據(jù)有效性發(fā)生改變時,會自動設(shè)置保存按鈕的可用狀態(tài)
圖片3
圖片4
圖片5
注:代碼測試有效,需根據(jù)具體情況綁定該事件
附件:http://down.51cto.com/data/2367677另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。