3.9屬性變更事件的開發實現深圳市信息職業技術學院目

錄屬性變更事件使用場景介紹01列表屬性變更事件的開發示例02列表屬性變更事件知識擴展03表單屬性變更事件的開發示例04知識回顧附加表單的實現方式；附加表單實現示例；附加列表的實現方式；附加列表實現示例。學習目標通過本節學習可以：掌握列表屬性變更事件的開發實現；掌握表單屬性變更事件的開發實現；了解屬性變更事件的使用場景。01屬性變更事件使用場景介紹屬性變更事件使用場景介紹使用場景屬性變更事件是指在編程中，當對象的屬性值發生變化時觸發的事件。這種事件廣泛應用于各種編程環境和框架中，用于監測和響應屬性的變化。常見場景：用戶界面（UI）交互：在用戶界面開發中，用于監聽用戶操作和輸入的變化；如當用戶在文本框中輸入內容時，可以使用屬性變更事件來實時監聽文本框的值變化，以便進行實時驗證、自動完成或其他交互操作。數據綁定和響應式界面：通過監聽數據對象的屬性變化，可以自動更新相關的視圖組件，實現數據驅動的界面更新；如當數據對象的屬性值發生變化時，可以觸發屬性變更事件來更新相應的視圖組件，保持界面的同步和一致性。觸發其他操作和事件：如當某個屬性的值達到特定條件時，可以觸發屬性變更事件來執行其他的邏輯，如發送請求、更新數據模型、觸發動畫效果等。屬性變更事件介紹使用介紹工業管理軟件開發中，屬性變更事件分為列表屬性變更事件和表單屬性變更事件，在操作添加和修改按鈕時，當數據發生變化時，會激活數據的屬性變更事件。列表屬性變更事件：列表的屬性變更事件是在添加和修改按鈕中進行注冊的，事件的激活和注銷是框架統一處理。表單屬性變更事件：表單的屬性變更事件是在行為的onViewReady中進行注冊的，事件的激活和注銷也是框架統一處理。屬性變更事件的注冊事件注冊屬性變更事件的注冊：this.mon(entity,'propertyChanged',this.onEntityPropertyChanged,this);其中：This：作用域；Entity：當前操作數據實體；propertyChanged：屬性變更事件的名稱，不能修改；this.onEntityPropertyChanged：為事件激活后執行的方法，可根據實際情況調整，能執行到事情的方法就行。思考題平臺屬性變更事件可以在保存按鈕和刪除按鈕中進行注冊使用么？02列表屬性變更事件的開發示例列表屬性變更事件的開發示例業務描述1、讀者管理增加視圖屬性：可借書數量，只讀，取值為關聯讀者分類的可借書數量；2、讀者管理增加剩余可借書數量，剩余可借書數量=可借書數量-已借書數量；3、新增修改數據時，當已借書數量變更時，剩余可借書數量實時變更。說明：這里要處理的是列表屬性變更事件的使用，所以這里的編輯模式要修改成行內編輯模式。列表屬性變更事件的開發示例開發步驟“可借書數量”視圖屬性的實現及關聯顯示，視圖屬性的快捷鍵使用：pfv，兩次tab鍵注入。列表屬性變更事件的開發示例開發步驟剩余可借書數量屬性的處理，及界面展示。注意：添加了實體屬性，需要執行升級數據庫操作或者在數據庫中執行添加字段的腳本。添加按鈕屬性變更事件的使用開發步驟要實現添加按鈕屬性變更事件，需要重寫添加按鈕，重寫onItemCreated方法，在onItemCreated方法中注冊屬性變更事件。其中SIE.Web.LibMan.Behaviors.ReaderManAction為js的全命名空間，onEntityPropertyChanged為方法名。添加按鈕屬性變更事件的使用開發步驟屬性變更事件方法的實現。添加按鈕屬性變更事件的使用開發步驟使用命令。添加按鈕屬性變更事件的使用開發步驟效果。修改按鈕屬性變更事件的使用開發步驟重寫修改命令，重寫onEditting方法，在onEditting方法中注冊屬性變更事件。修改按鈕屬性變更事件的使用開發步驟屬性變更事件方法的實現，與添加實現的邏輯一樣。修改按鈕屬性變更事件的使用開發步驟使用命令。修改按鈕屬性變更事件的使用開發步驟效果。03列表屬性變更事件知識擴展列表屬性變更事件知識擴展知識擴展屬性變更事件在平臺通用的添加、修改命令是未進行注冊的，而列表雙擊事件中注冊的是平臺的修改命令，如果屬性變更事件在列表單元格雙擊進行編輯能夠生效，需要注冊雙擊事件，在雙擊事件中處理屬性變更事件。列表屬性變更事件知識擴展知識擴展方案一：在行為的onDataLoaded事件中注冊一個雙擊事件方法，然后在cellDblClickFun中注冊對應的屬性變更事件。列表屬性變更事件知識擴展知識擴展方案二：在行為的onDataLoaded事件中注冊一個雙擊事件方法，然后在cellDblClickFun中創建修改命令，并執行，這種方案需要有修改命令的權限。04表單屬性變更事件的開發示例思考題表單屬性變更事件是在哪里進行注冊的？表單屬性變更事件的開發示例業務描述1、讀者管理功能的編輯模式改成表單編輯模式；2、讀者管理中，可借書數量取值為關聯讀者分類的可借書數量，剩余可借書數量=可借書數量-已借書數量；3、當已借書數量變更時，剩余可借書數量實時變更。表單屬性變更事件開發示例開發步驟設置讀者管理的編輯模式為表單編輯。表單屬性變更事件開發示例開發步驟配置詳細視圖。表單屬性變更事件開發示例開發步驟添加行為js文件，并嵌入到資源，在行為的onViewReady方法中注冊屬性變更事件。Ext.define("SIE.Web.LibMan.ReaderMans.Behaviors.ReaderManDetailBehavior",{onViewReady(view){varentity=view.getCurrent();if(entity){view.mon(entity,"propertyChanged",this._onEntityPropertyChanged,this);}},_onEntityPropertyChanged:function(e){varentity=e.entity;if(perty.length>0&&perty==="BorrowQty"){entity.setSurplusQty(entity.getQty()-entity.getBorrowQty());}}});表單屬性變更事件開發示例開發步驟在表單視圖配置中，使用行為。表單屬性變更事件開發示例開發步驟效果。練習1、屬性變更事件是如何進行注冊的？（）2、以下關于屬性變更事件說法正確的是？（）A：屬性變更事件的名稱不一定是propertyChanged，可以是其他的字符串名稱；B：行內編輯模式，屬性變更事件是在行為的onViewReady方法中進行注冊的；C：表單編輯模式，屬性變更事件是在添加和修改命令中進行注冊的；D：注冊屬性變更事件的方法名不一定是onEntityPropertyChanged，可以是其他的方法名，只要能夠調用到方法不報錯即可；this.mon(entity,'propertyChanged',this.onEntityPropertyChanged,this)D本章小結本章主要講解了工業管理軟件屬性變更事件的開發