logo

iMAG移动应用开发指南

Content

页面内容控件

标签

标签名 描述 说明 子标签
content 页面内容标签 包含页面的内容部分

属性

属性名 取值 描述
id String id编码
style String
content样式,包括:
current Boolean 是否是当前的Content,取值:
true:当前的Content
false:非当前的Content,默认值
current属性仅当Content放在Contents内容组内使用时有效。Contents将显示current="true"的当前Content
draggable String 设置页面内容是否可拖拽,取值:
true:可拖拽
false:不可拖拽,默认值
ondragdown Javascript 页面内容向下拖拽时触发的事件
ondragup Javascript 页面内容向上拖拽时触发的事件

方法

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

Bottom

Content底部内容

标签名 描述 说明
bottom 底部内容子标签 Bottom中的内容将始终位于Content的底部

属性

属性名 取值 描述
id String id编码
style String
bottom样式,包括:
onclick Javascript脚本 点击时触发的脚本

标签示例

● 页面内容可以拖拽

<content draggable="true">
    <button style="width:120">按钮</button>
</content>

设置draggable属性

● 页面内容拖拽事件

<content draggable="true" ondragup="hint('向上拖拽')" ondragdown="hint('向下拖拽');this.hideTop();">
    <button style="width:120">按钮</button>
</content>

效果:

设置ondragupondragdown事件,向下拖拽之后顶部的等待提示内容不会自动消失,必须手动调用hideTop()方法来隐藏。

脚本示例

● 添加控件

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

● 移除控件

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

● 清空控件

$('test_content').clear();

● 判断是否包含控件

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

示例下载

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