Button标签
button标签的属性 :
注意:id属性的值和onclick属性的值不能相同,存在冲突
button标签属性分别如下:
其中value为必填项,下面必填项加上了*号;
id : id属性
name : name属性
size : size为尺寸标签,可以填的数值范围为(1-12),如size="6",button标签的默认size为1
class: class属性
type : type属性,默认为“button”
* value : value属性主要为button显示的名字
icon : icon属性为button中的图标样式,默认为“search”,可填的数值详见bootstrap官网,【2.0】版本后可以使用图标扩展,即可以使用font-increator下的图标,前缀需要加"ext_",如“ext_assessedbadge”
onclick : onclick属性
data_target : data_target属性为绑定模态框时使用,值为指向的modal框的id值 data_target="add-modal"
auth_key【1.1】: 权限属性,如auth_key="brch_add",非必填项,如果没有该属性,则为非权限按钮,如果存在,
则会根据sys_func表去匹配url字段判断该角色是否存在权限
position【1.1】: 按钮position属性,用于相对位置(left:居左、center:居中、right:居右)
check_resubmit【1.2.2】: 按钮防止重复提交属性,默认false,为true时检查重复提交
color【2.1】: 颜色属性,可以填的值为"success"、"danger"、"info"、"warning"、"primary"
title【2.0】: 按钮提示
style_type【2.2】:style_type属性,可填值“icon”,按钮变成图标风格,不填为默认风格
button标签的引入方式 :
<@button id="bbs" size="1" value="查询" icon="search" onclick="ss();" title="提示"/>
<@button id="dd" size="1" value="删除" icon="remove" title="提示"/>
<@button id="rr" size="1" value="重置" icon="repeat"/>
button标签的显示结果 :
button图标使用,icon="xxxxxx",值取样式表名称的“-”横线后的字符串,如下图所示
http://v3.bootcss.com/components/
- bootstrap默认图标
- font-increator中的扩展图标,【2.0】版本后可用