微信小程序wx.showToast()，action-sheet 反饋上拉菜單，js動(dòng)態(tài)給前臺(tái)元素綁定事件
發(fā)布時(shí)間：2018-02-06 15:26 所屬欄目：小程序開(kāi)發(fā)教程
一：wx.showToast()
-
var pageObject = { -
onLoad: function () { -
wx.showToast({ -
title: '成功', //標(biāo)題 -
icon: 'loading', //圖標(biāo)，支持"success"、"loading" -
image: '../image/img.png', //自定義圖標(biāo)的本地路徑，image 的優(yōu)先級(jí)高于 icon -
duration: 2000000, //提示的延遲時(shí)間，單位毫秒，默認(rèn)：1500 -
mask: false, //是否顯示透明蒙層，防止觸摸穿透，默認(rèn)：false -
success: function () { }, //接口調(diào)用成功的回調(diào)函數(shù) -
fail: function () { }, //接口調(diào)用失敗的回調(diào)函數(shù) -
complete: function () { } //接口調(diào)用結(jié)束的回調(diào)函數(shù) -
}) -
} -
} -
Page(pageObject)
二：action-sheet 反饋上拉菜單
//js
-
var items = ['item1', 'item2', 'item3', 'item4'] -
var pageObject = { -
data: { -
actionSheetHidden: true, -
actionSheetItems: items -
}, -
actionSheetTap: function (e) { -
this.setData({ -
actionSheetHidden: !this.data.actionSheetHidden -
}) -
}, -
actionSheetChange: function (e) { -
this.setData({ -
actionSheetHidden: !this.data.actionSheetHidden -
}) -
} -
} -
for (var i = 0; i < items.length; ++i) { -
(function (itemName) { -
pageObject['bind' + itemName] = function (e) { -
console.log('click' + itemName, e) -
} -
})(items[i]) -
} -
Page(pageObject)
//wxml
-
<button type="default" bindtap="actionSheetTap">彈出action sheet</button> -
<action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetChange"> -
<block wx:for-items="{{actionSheetItems}}"> -
<action-sheet-item class="item" bindtap="bind{{item}}">{{item}}</action-sheet-item> -
</block> -
<action-sheet-cancel class="cancel">取消</action-sheet-cancel> -
</action-sheet>
三：js動(dòng)態(tài)給前臺(tái)元素綁定事件
//js動(dòng)態(tài)給前臺(tái)綁定事件
-
var myList = ["items1","items2","items3"] -
pageObject = { -
data:{ -
actionSheetItems:myList -
} -
} -
for(var i = 0;i < myList.length;++i){ -
(function(itemName){ -
pageObject[itemName] = function(e){ -
//pageObject['<span><span class="string">bind</span></span>'+itemName] 事件名稱 -
//function(){}事件主體 -
} -
})(myList[i]) -
} -
Page(pageObject)
//wxml
-
<block> -
<action-sheet hidden="false"> -
<block wx:for-items="{{actionSheetItems}}"> -
<action-sheet-item bindtap="{{item}}">{{item}}</action-sheet-item> -
</block> -
<action-sheet-cancel class="cancel">取消</action-sheet-cancel> -
</action-sheet> -
</block>
易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開(kāi)源
碼云倉(cāng)庫(kù):
本文地址：http://m.chqfk.com/wxmini/doc/course/21621.html 復(fù)制鏈接
如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢： 點(diǎn)擊咨詢
