toolbar的“选择操作”是如何实现的.

ghj

1. <?xml version="1.0" encoding="UTF-8"?>
   
2. <elements>
   
3.         <element name="$UI/system/components/justep/toolBar/toolBar" tag-type="rich" tag-name="div" icon="toolBar.png" text="工具条"  
   
4.             binding-component="$UI/system/components/justep/toolBar/toolBar" display-property="xid"
   
5.                 component-type="layout-container" validator="ViewValidator" design-view="web-designer" >
   
6.                 <properties>
   
7.                         <property name="xid" text="编号" required="false" editor-discriptor-ref=""/>  
   
8.                         <property name="class"  text="class" editor-ref="classSelector">
   
9.                                 <editor-parameter><![CDATA[
   
10.                                 {
    
11.                                         "0base": {
    
12.                                                 label: "基础样式",
    
13.                                                 value: "x-toolbar"
    
14.                                         },
    
15.                                         "2spliter": {
    
16.                                                 label: "分割线",
    
17.                                                 value: "x-toolbar-spliter",
    
18.                                                 require: false
    
19.                                         }
    
20.                                 }
    
21.                                 ]]></editor-parameter>
    
22.                         </property>
    
23.                         <property name="style" text="样式" editor-ref="styleDialog" />
    
24.                         <include path="$UI/system/components/designerCommon/commonConfig.xml#//common-properties/group[@name='bind']"/>
    
25.                 </properties>
    
26.                 <events>
    
27.                     <include path="$UI/system/components/designerCommon/commonConfig.xml#/ml-evens/*"/>
    
28.                 </events>
    
29.                  <toolbar>               
    
30.                         <item text="添加操作" class="com.justep.designer.components.Commands" method="selectOperation"></item>                                               
    
31.                 </toolbar>
    
32.                 <templates>
    
33.                    <template name="default"><![CDATA[
    
34.                     <div component="$UI/system/components/justep/toolBar/toolBar" class="x-toolbar form-inline x-toolbar-spliter">
    
35.                     </div>         
    
36.                    ]]></template>
    
37.                 </templates>
    
38. 
    
39.         </element>
    
40.        
    
41. </elements>

复制代码

其中这一句<item text="添加操作" class="com.justep.designer.components.Commands" method="selectOperation"></item> 这个类在哪？

liangyongfei

源码在这里：/UI2/system/components/justep/toolBar/designer/toolBar.js

ghj

找到了。
eclipse中搜索"selectOperation"文件内容，找到/UI2/system/components/designerCommon/src/com/justep/designer/components/Commands.java
的selectOperation方法，第二行$UI/system/components/designerCommon/propEdtorPages/operationSelector/operationSelector.w，找这个.w，
代码var xuiDoc = xuiService.getXuiDoc();原来是根据.xdoc生成的。看了一下windowreceiver的xdoc，最下面果然有
/**
@name $UI/system/components/justep/windowReceiver/windowReceiver#windowCancel
@operation
@see $UI/system/components/justep/windowReceiver/windowReceiver#windowCancel
@description 取消关闭
@returns {void}
*/

在xdoc中添加@operation属性即可让toolbar中有操作选项

ghj

liangyongfei 发表于 2016-8-10 17:23
源码在这里：/UI2/system/components/justep/toolBar/designer/toolBar.js

请结贴。