About zhumaohua

该作者尚未填入任何详情
So far zhumaohua has created 4 blog entries.

设计器组件属性编辑器开发案例讲解

 1. 什么是组件属性编辑器 组件属性编辑器是用来辅助开发者更友好设置属性值而提供的一种图形化的录入界面,表现如下图所示: 没有提供额外属性编辑器之前,表现为一个标准的输入框,如上图limit属性,提供额外属性编辑器后表现为下拉列表或者弹出对话框,如上图红色线条指向所示。  2. 列表类型编辑器开发案例   2.1 静态数据源方式 直接把选项数据定义在编辑器配置项中,称为静态数据源。 以组件$UI/system/components/justep/data/bizData的updateMode属性为例   步骤1:在组件配置文件的property-editors节点下定义编辑器配置文件,如: <property-editors> <property-editor name="updatemodeList" type="list" > <!--直接定义的静态数据 --> <static-data value="whereVersion,whereAll"/> </property-editor> </property-editors> updatemodeList 为编辑器的名称 ,type=“list” 表示编辑器为下拉选数据 static-data 节点 表示静态数据,value为静态数据列表   步骤2:绑定属性编辑器 <property [...]

Xui设计时组件开发说明

 1. 组件构成 一个完成的设计器组件由以下几部分组成: 描述文件(必须),js类,java类,属性编辑器 其中只有描述文件是必须的,其他部分可以根据组件的功能进行选择。  2. 创建组件目录 Studio中设计时组件跟运行时组件都是放在一起的,但跟运行时组件并不是一一对应,如果有运行时组件目录,则在该目录下创建一个名为designer的目录,如果没有运行时组件目录,则先要创建一个组件目录,再创建desinger目录。 示例: 在/UI/system/components/grid下  3. 配置描述文件 在designer目录下创建一个xml文件,名称可以任意命名,一般情况下这个文件名保持跟组件目录名一致,xml的整体大致格式如下: <elements> <element> <!-- 属性描述 --> <properties> </properties> <!-- 编辑器描述 --> <property-editors> </property-editors> <!-- 内部组件描述 --> <inner-component-config> <item> <properties> <property /> </properties> </item> </inner-component-config> <!-- [...]

设计时组件开发案例

1.Button组件案例(有对应的运行时组件) 所在目录:/UI2/system/components/justep/button 1.1 创建组件目录 在运行时组件目录/UI2/system/ components/justep/button下创建designer目录,该目录放置设计时组件的相关代码和资源,如下图:   1.2 创建组件配置文件 在designer目录下创建button.xml配置文件,这个文件的名称要与运行时组件目录名相同,详细描述如下 : <!-- 创建根元素,可以同时定义多个element --> <elements> <!-- 定义组件配置,这里的名称通常定义为运行时组件的名称 tag-name 节点的标签名名称 icon 组件显示在工具箱上面的图标, 默认存放在designer/img下 text 组件文本描述信息 binding-component 跟运行时组件绑定 component-type 组件类型,可自定义, 详细可参见设计时组件开发文档 --> <element name="$UI/system/components/justep/button/button" tag-name="a" icon="button.gif" [...]

运行时组件开发案例

1. 组件构成 一个完成的运行时组件由以下几部分组成: js类,组件配置文件,服务端模版处理类(java) 其中只有js类是必须的,其他部分可以根据组件的功能进行选择,在目录树上展现的结构图如下所示(以dataTables组件为例): 说明: css 目录用来存放组件所定义的样式文件 images 目录用于存放组件所依赖的图片资源 designer 目录用于存放设计时组件的相关文件 server 目录用于存放服务端模版处理的相关java类文件  .js.xdoc 文件用于存放组件api的说明文档 2. 组件案例开发 下面是以$UI/system/components/justep/button 组件为例,讲解一个组件的开发过程。 组件xml描述,这个描述就是在w中创建一个button组件后的描述: <a component="$UI/system/components/justep/button/button" class="btn btn-default" label="button"> <i/><span></span> </a>   2.1 创建组件目录 创建UI2/system/components/justep/button目录 说明:组件可以创建UI2的任意目录下 [...]