目录

按钮(Button)

功能说明

Button 控件为按钮,用于响应用户的点击事件。

HTML

  1. <input id="button0" value="按钮" onclick="onclick()" type="button"/>

属性列表

属性名 属性值 说明
value string 按钮显示文字
bindfield 控件绑定字段

支持公共属性
参见公共属性说明

事件列表

事件名 说明

支持公共事件
参见公共事件说明

实例

1、value与onclick事件的同时使用

  1. <input id="button0" value="按钮" onclick="onclick()" type="button"/>
  1. onclick(sender, args) {
  2. alert($id("button0").get("value")); //button上显示“按钮”
  3. }

2、按钮控件支持边宽线和圆角设置

首先拖三个布局容器在页面上,为了示意区别给具体控件设置了颜色

为适配不同的手机屏幕大小充满手机屏幕,把比重设置成1:1:1
对每一个容器控件设置如下属性

在每个容器控件中拖入三个自由布局容器控件,设置每个布局容器控件高度为100,每个div控件中拖入一个Button,如下图所示

Button属性设置如下
设置文本属性

设置宽和高属性为92,边框宽度和颜色设置如下

不同的Button文本属性设置成1-9如下图

如需把正方形变成圆形
设置边框半径属性

设计器效果如下

当边角半径设置为20时,效果如下:

文档更新时间: 2018-01-12 16:31