新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序WeUI·搜索組件
Searchbar
搜索組件Searchbar提供搜索的功能,并展示搜索的結(jié)果。

創(chuàng)新互聯(lián)于2013年開始,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目成都做網(wǎng)站、網(wǎng)站設(shè)計網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元武威做網(wǎng)站,已為上家服務(wù),為武威各地企業(yè)和個人服務(wù),聯(lián)系電話:18982081108
示例代碼:
{
"usingComponents": {
"mp-searchbar": "../components/searchbar/searchbar"
},
"navigationBarTitleText": "UI組件庫"
}
SearchBar
搜索欄
Page({
data: {
inputShowed: false,
inputVal: ""
},
onLoad() {
this.setData({
search: this.search.bind(this)
})
},
search: function (value) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve([{text: '搜索結(jié)果', value: 1}, {text: '搜索結(jié)果2', value: 2}])
}, 200)
})
},
selectResult: function (e) {
console.log('select result', e.detail)
},
});
屬性列表
| 屬性 | 類型 | 默認(rèn)值 | 必填 | 說明 |
|---|---|---|---|---|
| ext-class | string | 否 | 添加在組件內(nèi)部結(jié)構(gòu)的class,可用于修改組件內(nèi)部的樣式 | |
| focus | boolean | false | 否 | 是否在組件開始創(chuàng)建的時候focus搜索輸入框 |
| placeholder | string | 搜索 | 否 | 搜索輸入框的placeholder |
| value | string | 否 | 搜索輸入框的默認(rèn)值 | |
| search | function | 是 | 輸入過程不斷調(diào)用此函數(shù)得到新的搜索結(jié)果,參數(shù)是輸入框的值value,返回Promise實例 | |
| throttle | number | 500 | 否 | 調(diào)用search函數(shù)的間隔,單位ms |
| cancelText | string | 取消 | 否 | 取消按鈕的文本 |
| cancel | boolean | true | 否 | 是否顯示取消按鈕 |
| bindfocus | eventhandle | 否 | 在輸入框focus的時候觸發(fā)事件 | |
| bindblur | eventhandle | 否 | 在輸入框blur的時候觸發(fā)事件 | |
| bindclear | eventhandle | 否 | 在clear按鈕點擊的時候觸發(fā)事件 | |
| bindinput | eventhandle | 否 | 在輸入框輸入過程中觸發(fā)事件 | |
| bindselectresult | eventhandle | 否 | 在選擇搜索結(jié)果的時候觸發(fā)事件 |
本文標(biāo)題:創(chuàng)新互聯(lián)小程序教程:微信小程序WeUI·搜索組件
網(wǎng)站地址:http://m.fisionsoft.com.cn/article/dpigcee.html


咨詢
建站咨詢
