bui.btn Class

Defined in: /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.btn.js:8

Module: UI

绑定按钮跳转

一个页面只需要静态绑定一次,在最外层的ID,找到页面所有要跳转的按钮,获取页面参数请查看 bui.getPageParams

预览地址: demo

方法说明:

load: 页面跳转,支持单个页面跟容器内的多个按钮
submit: 提交数据

Constructor

`bui.btn`

(

option

)

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.btn.js:8

Parameters:

option Object
- id String
  
  [控件id]
- [handle] String optional
  
  [点击区域]
- [progress] Boolean optional
  
  [是否有进度调]
- [timeout] Number optional
  
  [进度自动关闭时间默认3000,取消则为0]
- [replace] Boolean optional
  
  [(1.3.0新增)是否替换当前地址]

Example:

html:

  <div id="page">
      <div class="bui-btn" href="btn.html">首页</div>
      <div class="bui-btn" href="btn.html" param='{"id":"222"}'>新闻</div>
  </div>

js:

var uiBtn = bui.btn({ id:"#page", handle: ".bui-btn" // 绑定多个样式名 ".bui-btn,.submit" })

   // 所以按钮有href时点击会跳转
   uiBtn.load();

Index
Methods

Item Index

Methods

`load`

()

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.btn.js:90

页面跳转,跟 bui.load 的区别在于,通过按钮绑定跳转会增加一层防止快速点击加载2次的问题注意: 这个默认跳转会阻止默认事件,a, input的checkbox label的for 等等,包在btn元素里面都会失效页面如何接收参数请查看 bui.getPageParams

Example:

示例: 绑定页面所有有href的按钮的跳转(一个页面只需要初始化一次)

html:

      <div id="page">
          <div class="bui-btn" href="btn.html">首页</div>
          <div class="bui-btn" href="btn.html" param='{"id":"222"}'>新闻</div>
      </div>

js:

       bui.btn({ 
           id:"#page",
           handle: ".bui-btn"  // 绑定多个 ".bui-btn,.submit"
       }).load();

`off`

()

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.btn.js:232

取消事件

Example:

       uiBtn.off();

`submit`

(

callback
param

)

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.btn.js:190

绑定按钮提交数据,提交数据成功以后需要在回调里面关闭进度条

Parameters:

callback Function

[提交的回调]
param Object

[ loading 的参数修改]

Example:

       bui.btn("#btn").submit(function(loading){ 
            //关闭进度条
            loading.stop(); 
        });