WAF业务开发：BOS V6.2 Web控件使用指南

"BOS V6.2开发指南_控件web" 在BOS V6.2的开发过程中，Web控件的使用对于基于WAF（Web Application Framework）的业务开发人员至关重要。本开发指南旨在帮助开发者熟悉WAF提供的各种控件，特别是Web控件的运用，以便在实际业务开发中能够熟练、高效地操作。 WAF相关控件中的一个典型例子是F7控件，它是一个基础的输入框控件，对应的HTML标签为`<kd:promptBox>`。F7控件有多个关键属性： 1. `queryInfo`：用于定义查询条件，指定数据查询的相关信息。 2. `viewUrl`：设定打开自定义URL的路径，如果不设置，则会使用F7的默认界面。 3. `displayFormat`：控制显示模式，默认为`'$name$'`，显示对象的名称。 4. `editFormat`：编辑模式下的显示格式，默认为`'$number$'`，通常显示数值。 5. `commitFormat`：提交时的格式，与编辑模式类似。 6. `popWidth`和`popHeight`：分别设置弹出窗口的宽度和高度。 7. `muti`：布尔值，用于开启或关闭多选模式。 8. `store`：绑定后台默认的数据集合，常用于回填编辑表格页面。 9. `cu`：是否启用CU过滤，可能涉及到权限控制。 10. `orgType`：对应的组织类型，用于限制或筛选数据。 11. `filterInfo`：默认的过滤条件，可以预先设置查询参数。 12. `permItemName`：默认绑定的权限项，确保用户对数据的访问权限。 F7控件还支持通过`ajax:action`来触发服务端事件，例如当数据发生改变时，可以绑定`datachanged`事件，然后设置对应的服务器端处理方法。如示例所示，当`datachanged`事件触发时，调用`#{mydemo.PurReqEntryBean.removeRow}`方法。 同时，若需要在客户端触发事件，可以设置`jsvar`属性，例如`jsvar=”F7”`，这样可以在JavaScript中通过`F7`对象来监听和处理`datachanged`事件。以下是一个简单的示例，展示了如何添加JavaScript代码来响应`datachanged`事件： ```javascript Ext.onReady(function() { F7.on("datachanged", function(oldValue, newValue) { // old的objectvalue // new的objectvalue // 在这里编写处理新旧值变化的逻辑 }); }); ``` 此外，F7控件还支持多选模式，允许用户选择多个选项。这在需要用户提供多个值的场景下非常有用，例如在选择多个部门或员工时。 BOS V6.2的Web控件，尤其是F7控件，提供了丰富的属性和功能，帮助开发者构建交互性强、用户体验良好的业务应用。理解并熟练运用这些控件，是提升业务开发效率和应用质量的关键。