listview

视图组(group)控件介绍

视图组(group)是所有容器控件的父控件。

函数-add

添加新的控件。
参数:
参数名 类型 必填 说明
node Node 必填 新视图
index integer 选填 从index位置开始插入,默认在最后添加
<template>
    <linear id="gp" orientation="vertical">
        <linear orientation="horizontal" width="matchParent">
            <text id="show" text="demo" size="26" gravity="center" layoutWeight="1"/>
            <edit text="haha" gravity="center" layoutWeight="2"/>
            <button id="btn" text="添加" gravity="center" layoutWeight="1" onClick="onClick"/>
            <button id="btn_remove" text="删除" gravity="center" layoutWeight="1" onClick="onRemoveClick"/>
        </linear>
        <spinner id="select" entries="苹果|香蕉|橘子"/>
        <image src="https://www.baidu.com/img/bd_logo1.png" width="30" height="50"/>
    </linear>
</template>

function main() {
    setupUI();
}

function onClick(event) {
    var node = createUI(`<template><button id="my_btn" text="围观" width="matchParent" onClick="onMyClick"/></template>`);
    // 在容器的最前面添加
    ui('gp').add(node, 0)
}

函数-remove

删除控件。
参数:
参数名 类型 必填 说明
node/index Node/Integer/空 选填 被删除子控件,或者被删除控件在容器中的索引,如果不填则表示删除自己
<template>
<linear id="gp" orientation="vertical">
        <linear orientation="horizontal" width="matchParent">
            <text id="show" text="demo" size="26" gravity="center" layoutWeight="1"/>
            <edit text="haha" gravity="center" layoutWeight="2"/>
            <button id="btn" text="添加" gravity="center" layoutWeight="1" onClick="onClick"/>
            <button id="btn_remove" text="删除" gravity="center" layoutWeight="1" onClick="onRemoveClick"/>
        </linear>
        <spinner id="select" entries="苹果|香蕉|橘子"/>
        <image src="https://www.baidu.com/img/bd_logo1.png" width="30" height="50"/>
    </linear>
</template>

function main() {
    setupUI();
}

function onClick(event) {
    var node = createUI(`<template><button id="my_btn" text="围观" width="matchParent" onClick="onMyClick"/></template>`);
    // 在容器的最前面添加
    ui('gp').add(node, 0)
}

function onRemoveClick(event) {
    // ui('gp').remove(ui('my_btn'));
    // ui('gp').remove(0);
    ui('my_btn').remove();
}

函数-removeAll

删除所有子控件。
参数:
参数名 类型 必填 说明
<template>
    <linear id="gp" orientation="vertical">
        <linear orientation="horizontal" width="matchParent">
            <text id="show" text="demo" size="26" gravity="center" layoutWeight="1"/>
            <edit text="haha" gravity="center" layoutWeight="2"/>
            <button id="btn" text="添加" gravity="center" layoutWeight="1" onClick="onClick"/>
            <button id="btn_remove" text="删除" gravity="center" layoutWeight="1" onClick="onRemoveClick"/>
        </linear>
        <spinner id="select" entries="苹果|香蕉|橘子"/>
        <image src="https://www.baidu.com/img/bd_logo1.png" width="30" height="50"/>
    </linear>
</template>

function main() {
    setupUI();
}

function onClick(event) {
    var node = createUI(`<template><button id="my_btn" text="围观" width="matchParent" onClick="onMyClick"/></template>`);
    // 在容器的最前面添加
    ui('gp').add(node, 0)
}

function onRemoveClick(event) {
    ui('gp').removeAll();
}