移动BOS控件介绍-按钮

栏目:eas cloud知识作者:金蝶来源:金蝶云社区发布:2024-09-22浏览:2

移动BOS控件介绍-按钮

1. 名词解释

控件:用于开始一个即时操作,标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑。


2. 样式展示

大按钮

中按钮

小按钮

    

左图右文

上图下文

    


3. 控件属性

3.1 通用属性

属性名

属性ID

类型

默认值

说明

ID

ID

String


按钮的ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性

类型

type

String

btn


文本

title

String


设置按钮的名称,这里可以设置多语言,在不同语言环境显示当前语种

大小

size

String

lg:大

按钮的大小

lg:大;

sm:中;

xs:小;

ws:微;

风格类型

btnType

String

default:背景色白

按钮的风格类型:设置按钮背景色

default:背景色白;

primary:背景色深蓝;

success:背景色绿;

info:背景色浅蓝;

warning:背景色黄;

danger:背景色红;

link:背景色紫;

second:背景色白

状态

status

String

show:显示

按钮的状态

show:显示;

hide:隐藏;

disabled:禁用;

按钮样式

btnstyle

String

btntext:文本

按钮样式

btntext:文本;

btnupicdtext:上图下文;

btnlpicrtext:左图右文;

选择图标

btnicon

String


选择按钮的图标,在按钮样式配置为上图下文或左图右文时显示

布局设置

属性名

属性ID

类型

默认值

说明

占宽比

row

int

0

把整个页面分为12等分,选择数字控件宽度占12等分的几等分

左偏移

offset

int

12

把整个页面分为12等分,选择数字控件向右便宜占12等分的几等分

3.2 样式属性

属性名

属性ID

类型

默认值

说明

自定义样式类

customclass

String


用户可以自定义样式,也可以选择默认样式

背景色

background-color

String


设置控件背景颜色

字体颜色

color

String


设置控件字体颜色

圆角半径

border-radius

String


设置控件圆角半径,像素和百分比两种格式,填写数字

高度

height

String


设置控件高度,像素和百分比两种格式,填写数字

宽度

width

String


设置控件宽度,像素和百分比两种格式,填写数字

右内边距

padding-right

String


设置控件右内边距,像素和百分比两种格式,填写数字

左内边距

padding-left

String


设置控件左内边距,像素和百分比两种格式,填写数字

下内边距

padding-bottom

String


设置控件下内边距,像素和百分比两种格式,填写数字

上内边距

padding-top

String


设置控件上内边距,像素和百分比两种格式,填写数字

右外边距

margin-right

String


设置控件右外边距,像素和百分比两种格式,填写数字

左外边距

margin-left

String


设置控件左外边距,像素和百分比两种格式,填写数字

下外边距

margin-bottom

String


设置控件下外边距,像素和百分比两种格式,填写数字

上外边距

margin-top

String


设置控件上外边距,像素和百分比两种格式,填写数字

边框颜色

border-color

String


设置控件边框颜色

字体大小

font-size

String


设置控件字体大小,像素和百分比两种格式,填写数字

4.控件事件

点击事件


在定义了点击事件名后点右上角的保存按钮,js事件里会自动生成对应的方法名,只需在方法名里写对应的事件方法

5.控件方

mbos("控件id").disable();

禁用

mbos("控件id").enable();

隐藏

mbos("控件id").hide();

显示

mbos("控件id").show();

清除

mbos("控件id").remove();   



移动BOS控件介绍-按钮

1. 名词解释控件:用于开始一个即时操作,标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑。2. 样式展示• 大...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息