logo

iMAG移动应用开发指南

Footer

底部控件

标签

标签名 描述 说明
footer 底部标签 footer的内容始终显示在屏幕底部

属性

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

方法

方法名 参数 返回值 描述
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 为footer添加一个widget控件
remove(widget:Object) widget:Widget对象 None 移除footer的一个widget控件
clear() None None 移除footer中所有的widget控件
contains(widget:Object) widget:Widget对象 Boolean 判断footer中是否包含某一widget控件

控件详解

● 底部内容

<?xml version="1.0" encoding="utf-8"?>
<imag>
    <script>
    <![CDATA[
        function addOverlays() {
            $('test_footer').add($C('<button id="test_button" style="width:100">按钮</button>'));
        }
        
    ]]>
    </script>
    <page>
       <title>
            <center>
                <label>底部</label>
            </center>
        </title>
        <content draggable="true">
           <list type="group" style="background:#444444;">
               <item>
                    <row><button onclick="addOverlays();">添加底部内容</button></row>
                </item>
           </list>
           <list type="group" style="height:1000;background:#444444;">
           </list>
        </content>
        <footer id="test_footer" style="background:#333333;padding:5">
            <row><label style="align:center;color:white">底部内容</label></row>
        </footer>
    </page>
</imag>

效果:

● 添加控件

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

● 移除控件

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

● 清空控件

$('test_footer').clear();

● 判断是否包含控件

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

示例下载

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