RowEditing為grid進(jìn)行行級別編輯時(shí)使用的插件，與CellEditing插件不同，編輯完一行數(shù)據(jù)，即需要保存數(shù)據(jù)。

創(chuàng)新互聯(lián)是專業(yè)的太和網(wǎng)站建設(shè)公司，太和接單;提供做網(wǎng)站、網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(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)隊(duì),希望更多企業(yè)前來合作!

  對于RowEditing的使用官方文檔中有詳細(xì)的例子，本文主要解決該插件在使用中出現(xiàn)的一些問題及解決方式。

  問題1：

  新增數(shù)據(jù)或者編輯數(shù)據(jù)時(shí)，進(jìn)入編輯狀態(tài)后，如果編輯表單數(shù)據(jù)有效性為false時(shí)（isValid），保存（update）按鈕為灰色不可用狀態(tài)，即使改變數(shù)據(jù)使表單數(shù)據(jù)有效時(shí)，該按鈕仍為不可用。

而官方實(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ù)都符合要求，按鈕也不可用。

問題解決：

因?yàn)橹挥性跀?shù)據(jù)進(jìn)入編輯時(shí)對按鈕進(jìn)行設(shè)置，后期的輸入操作沒有類似的操作。

內(nèi)部工具類RowEditor中的方法onFieldChange（）正是應(yīng)對輸入改變時(shí)處理錯誤信息顯示及按鈕設(shè)置的（源碼不再羅列，可參考文檔，注：文檔中該方法沒有顯示在方法列表中，需要在js文件中查找）

工具類中的事件：‘fieldvaliditychange’‘validitychange’是對表單有效性改變時(shí)事件，區(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í)，會自動設(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小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章題目：ExtJS中RowEditing插件的一些使用問題及解決方法-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://aaarwkj.com/article40/cdhgeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、小程序開發(fā)、企業(yè)建站、虛擬主機(jī)、電子商務(wù)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)