首页 教程 API文档

构建ui规则

2015-09-11 13:53:02

属性


使用频率
所属模块 Std.ui
成员类型 静态成员函数

描述


Std.ui.build方法用于将一个ui规则脚本字符串构建成一组实例对象

当Std.ui.build方法构建完成后,会返回一个Object对象,这个Object对象包含以下2个键:

名称 类型 描述
data Array 所有已经构建的UI对象实例
dataMap Object 包含名称与对象实例对应的Object对象

规则描述


UI规则的写法和css选择器完全相同,其中属性选择器表示创建的UI实例对象的参数选项,例如[width=80]表示UI组建的width参数设置为80

class选择器表示的Std.options静态实例的名称,例如 LineEdit.basic 表示LineEdit使用静态Std.options实例basic作为参数选项.

ID选择器表示在构建的时候需要添加到构建结果中dataMap中的实例,例如LineEdit#name,那么在构建结果中的dataMap键中就会存在name对应LineEdit模块实例的键.

其中伪类选择器表示在创建UI模块实例之后需要执行的成员函数.

其中子选择器对应的是UI模块的名为children的action方法,内容选择器{}中的,对应的是UI模块名为content的action方法.

语法



Object Std.ui.build(String name);
        

参数


名称 类型 描述
name String UI规则的名称,使用Std.ui.rule.add方法添加的UI规则脚本的名称,或者使用type为text/std-ui的script标签的std-name属性值.

返回值


构建完成的Object对象

相关例子


html代码,增加UI规则


<script type="text/std-ui" std-name="test">
GridLayout[rows=3][columns=2] > (
    (Label{名称:} + LineEdit#name) +
    (Label{日期:} + DateTimeEdit#dateTime) +
    (Label{描述:} + TextEdit#text)
)
</script>
        

js代码


/*
 * 构建上面定义的UI规则
*/
var result = Std.ui.build("test");