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】版本后可用

results matching ""

    No results matching ""