logo

iMAG移动应用开发指南

Row

单行布局控件

标签

标签名 描述 说明
row 单行标签 row里的控件都显示在同一行

属性

属性名 取值 描述
id 文本 id编码
style 样式
row样式,包括:

方法

方法名 参数 返回值 描述
css(name:String) name:样式名称 String 根据样式名称得到样式的值
css(name:String, value:String)
name:样式名称
value:样式值
None 设置单个样式
css(style:String) style:样式文本,多个样式用分号分隔 None 设置多个样式
css(style:Object) style:样式对象,键值对形式 None 设置多个样式
add(widget:Object) widget:Widget对象 None 为row添加一个widget控件
remove(widget:Object) widget:Widget对象 None 移除row中的一个widget控件
clear() None None 移除row中所有的widget控件
contains(widget:Object) widget:Widget对象 Boolean 判断row中是否包含某一widget控件

标签示例

● row布局示例

<list type="group">
    <item>
        <row><label style="align:left">居左</label></row>
    </item>
    <item>
        <row><label style="align:center">居中</label></row>
    </item>
    <item>
        <row><label style="align:right">居右</label></row>
    </item>
</list>
<list type="group">
    <item>
        <row><label style="align:left">居左</label><button style="align:left">居左</button></row>
    </item>
    <item>
        <row><label style="align:center">居中</label><button style="align:center">居中</button></row>
    </item>
    <item>
        <row><label style="align:right">居右</label><button style="align:right">居右</button></row>
    </item>
</list>

效果:

脚本示例

● 创建row

 var row = $C('row', {id:'test_row'});

● 添加控件

$('test_row').add($C('<button id="test_button" style="width:120">按钮</button>'));

● 移除控件

$('test_row').remove($('test_button'));

● 清空控件

$('test_row').clear();

● 判断是否包含控件

$('test_row').contains($('test_button'));

示例下载

点此下载row相关的示例代码:imag-row.zip