真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

ExtJS中RowEditing插件的一些使用問題及解決方法-創(chuàng)新互聯(lián)

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

    ExtJS中RowEditing插件的一些使用問題及解決方法

即使輸入數(shù)據(jù),按鈕依然無法可用

圖片2

ExtJS中RowEditing插件的一些使用問題及解決方法

問題原因:

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

ExtJS中RowEditing插件的一些使用問題及解決方法

圖片4

    ExtJS中RowEditing插件的一些使用問題及解決方法

    圖片5

    ExtJS中RowEditing插件的一些使用問題及解決方法

  注:代碼測試有效,需根據(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)用場景需求。


標(biāo)題名稱:ExtJS中RowEditing插件的一些使用問題及解決方法-創(chuàng)新互聯(lián)
文章URL:http://weahome.cn/article/cdhgeo.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部