chosen外掛程式的使用

2021-08-15 23:43:57 字數 2965 閱讀 8711

一、chosen 選項列表

以下引數在例項化的時候通過引數設定。

$('.my_select_box').chosen();

選項預設值

描述allow_single_deselect

false

設定為true時非必選的單選框會顯示清除選中項圖示

disable_search

false

設定為true隱藏單選框的搜尋框

disable_search_threshold

0少於n項時隱藏搜尋框

enable_split_word_search

true

是否開啟分詞搜尋,預設開啟

inherit_select_classes

false

是否繼承 select 元素的 class,如果設為true,chosen 將把 select 的 class 新增到容器上

max_selected_options

infinity

最多選擇項數,達到最大限制時會觸發chosen:maxselected事件

no_results_text

"no results match"

沒有搜尋到匹配項時顯示的文字

placeholder_text_multiple

"select some options"

多選框沒有選中項時顯示的佔位文字

placeholder_text_single

"select an option"

單選框沒有選中項時顯示的佔位文字

search_contains

false

搜素包含項,預設從第乙個字元開始匹配

single_backstroke_delete

true

多選框中使用退格鍵刪除選中專案,如果設為false,第一次按 delete/backspace 會高亮最好乙個選中專案,再按會刪除該項

width

original select width.

chosen 生成的選擇框寬度,預設為和原 select 寬度保持一致

display_disabled_options

true

是否顯示禁止選擇的專案

display_selected_options

true

多選框是否在下拉列表中顯示已經選中的項

可以通過在上設定屬性傳遞給 chosen。

 option 1option> option 2option> option 3option> select>

屬性描述

data-placeholder

佔位符文字 

注意: 改屬性會覆蓋placeholder_text_multipleplaceholder_text_single選項。

multiple

有此屬性的 select 會渲染成可以多選的 chosen 選框

selected, disabled

設定選中、禁止狀態,chosen 會讀取這些屬性

chosen 會在源元素上觸發事件。

$('.my_select_box').on('change', function(e, params) );

事件描述

change

chosen 觸發標準的 change 事件,同時會傳遞selectedordeselected引數, 方便使用者獲取改變的選項

chosen:ready

chosen 例項化完成時觸發

chosen:maxselected

超過max_selected_options設定時觸發

chosen:showing_dropdown

chosen 下拉選框開啟完成時觸發

chosen:hiding_dropdown

chosen 下拉選框關閉完成時觸發

chosen:no_results

搜尋沒有匹配項時觸發

注意:所有 chosen 自定義事件 都包含 chosen 例項chosen物件作為引數。

通過在元素上觸發特定事件可以呼叫 chosen 的監聽函式。

// tell chosen that a select has changed

$('.my_select_box').trigger('chosen:updated');

事件描述

chosen:updated

通過 js 改變 select 元素選項時應該觸發此事件,以更新 chosen 生成的選框

chosen:activate

相當於 html focus 事件

chosen:open

啟用 chosen 並顯示搜尋結果

chosen:close

關閉 chosen 並隱藏搜尋結果

1、當js更新select(改變選中項、新增option等)後,執行以下操作,用來更新chosen選框

$(".

chosen-select

").trigger("chosen:updated"); //$(

".chosen-select

")為select元素

2、allow_single_deselect清空選中項 不起作用

select中必須有乙個空的option,尤其是動態更新option的情況下,更新前後都要有乙個空的option,否則不能正常顯示清空圖示

裝置書的特殊節點 chosen

前言 參考自正點原子和部落格 正文 chosen 並不是乙個真實的裝置,chosen 節點主要是為了 uboot 向 linux 核心傳遞資料,重點是 bootargs 引數。一般.dts 檔案中 chosen 節點通常為空或者內容很少。但是,當我們進入到 proc device tree chos...

vim taglist外掛程式的使用

節選自 http hi.baidu.com liupc blog item 53ff336d0d307dfa431694ba.html 下面介紹常用的 taglist 配置選項,你可以根據自己的習慣進行配置 tlist ctags cmd 選項用於指定你的 exuberant ctags 程式的位置...

jQUery validate外掛程式的使用

reg validate pass email messages 位 remote 使用者名稱已存在 pass 位 email 錯誤時邊框的提示顏色 highlight function element,errorclass 預設時邊框的提示顏色 unhighlight function eleme...