web開(kāi)發(fā)中,肯定遇到像百度、google這種搜索的功能吧,那智能表單中的自動(dòng)完成可以做什么呢,下面來(lái)揭曉:
1、包含像google、百度等類似的簡(jiǎn)單搜索
2、復(fù)雜結(jié)構(gòu)的支持,比如說(shuō) 輸入產(chǎn)品編號(hào),需要將產(chǎn)品的編號(hào)、產(chǎn)品的名稱、產(chǎn)品的單價(jià)、產(chǎn)品的備注信息等填寫(xiě)會(huì)表單中的某個(gè)位置
代碼如下(頁(yè)面地址:https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form3-ele-autocomplete.html):
自動(dòng)完成
note:需要引入js文件:jquery-ui.js、jquery.fn.extend.js
在表單生成完成后,通過(guò)指定元素調(diào)用SmartSearch方法
參數(shù)說(shuō)明:
url:請(qǐng)求的url
beforeSearch:可選,在發(fā)送請(qǐng)求之前調(diào)用的方法,改方法有一個(gè)參數(shù)data包含要發(fā)送的數(shù)據(jù),如果需要添加或者修改要發(fā)送的參數(shù),修改次參數(shù)即可
formatItem:可選,如果返回的不是簡(jiǎn)單的數(shù)組字符串,則必自定義操作,用于格式化界面顯示的內(nèi)容,例中顯示的是產(chǎn)品編號(hào) + 產(chǎn)品名稱
callback:可選,如果返回的不是簡(jiǎn)單的數(shù)組字符串,則必自定義操作,用于賦值
note:如果接口返回的是簡(jiǎn)單的字符串?dāng)?shù)組,則 formatItem和callback皆可省略
這是我本地測(cè)試項(xiàng)目中運(yùn)行的截圖:
以上所述是小編給大家介紹的BootStrap 智能表單實(shí)戰(zhàn)系列(十)自動(dòng)完成組件的支持的全部敘述,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注