MES开发与应用 课件 3.9 工业管理软件开发基础-属性变更事件的开发实现

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本章小结本章主要讲解了工业管理软件属性变更事件的开发