- Description:
Name | Type | Default value | Required? | Description |
---|---|---|---|---|
mode |
String | 'suggest' |
No | 輸入模式字串,可有'suggest'與'select',suggest代表可查詢並不綁定選項的下拉選單,select代表只能選擇的下拉選單,預設'suggest' |
value |
Object|String|Number | - | Yes | 輸入初始項目物件 |
items |
Array | [] |
No | 輸入項目陣列,預設[] |
height |
Number|String | '' |
No | 輸入項目高度數字或字串,數字單位為px,預設'' |
keyText |
String | 'text' |
No | 輸入取項目物件內之顯示用文字鍵值字串,預設'text' |
textFontSize |
String | '0.85rem' |
No | 輸入文字大小字串,預設'0.85rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串,預設'black' |
textAlign |
String | 'left' |
No | 輸入文字左右對齊字串,預設'left' |
itemTextFontSize |
String | '0.8rem' |
No | 輸入項目顯示文字大小字串,預設'0.8rem' |
itemTextColor |
String | '#444' |
No | 輸入項目文字顏色字串,預設'#444' |
itemTextColorHover |
String | '#333' |
No | 輸入項目文字Hover顏色字串,預設'#333' |
itemBackgroundColor |
String | 'white' |
No | 輸入項目背景顏色字串,預設'white' |
itemBackgroundColorHover |
String | '#f2f2f2' |
No | 輸入項目背景Hover顏色字串,預設'#f2f2f2' |
itemPaddingStyle |
Object | {v:10,h:14} |
No | 輸入內寬距離設定物件,可用鍵值為v、h、left、right、top、bottom,v代表同時設定top與bottom,h代表設定left與right,若有重複設定時後面鍵值會覆蓋前面,各鍵值為寬度數字,單位為px,預設{v:10,h:14} |
expansionIcon |
String | mdiPlay |
No | 輸入顯隱圖標字串,可為mdi,md,fa代號或mdi/js路徑,預設使用mdi的圖標(mdiPlay) |
expansionIconSize |
Number | 18 |
No | 輸入顯隱圖標尺寸數字,單位為px,預設18 |
expansionIconColor |
String | 'grey' |
No | 輸入顯隱圖標顏色字串,預設'grey' |
maxHeight |
Number | 200 |
No | 輸入顯示區最大高度數字,單位為px,預設200 |
minWidth |
Number | null |
No | 輸入最小寬度,單位為px,預設null |
maxWidth |
Number | null |
No | 輸入最大寬度,單位為px,預設null |
autoFitMinWidth |
Boolean | true |
No | 輸入是否使用驅動區寬度作為內容區之最小寬度布林值,預設true |
autoFitMaxWidth |
Boolean | true |
No | 輸入是否使用驅動區寬度作為內容區之最大寬度布林值,預設true |
placementDistX |
Number | 0 |
No | 輸入彈窗距離觸發元素之水平向右平移數字,單位為px,預設0 |
placementDistY |
Number | 5 |
No | 輸入彈窗距離觸發元素之垂直向下平移數字,單位為px,預設5 |
placeholder |
String | '' |
No | 輸入無文字時的替代字符字串,預設'' |
loadingText |
String | 'Loading...' |
No | 輸入載入中字串,預設'Loading...' |
noResultsText |
String | 'No results' |
No | 輸入無過濾結果字串,預設'No results' |
searchingText |
String | 'Searching...' |
No | 輸入搜索中字串,預設'Searching...' |
defItemHeight |
Number | 43 |
No | 輸入按需顯示時各項目預設高度數字,給越準或給大部分項目的高度則渲染速度越快,單位為px,預設43 |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值,預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態布林值,預設false |
showPanel |
Boolean | false |
No | 輸入是否顯示清單布林值,預設false |
Name | Type | Default value | Required? | Description |
---|---|---|---|---|
mode |
String | 'suggest' |
No | 輸入模式字串,可有'suggest'與'select',suggest代表可查詢並不綁定選項的下拉選單,select代表只能選擇的下拉選單,預設'suggest' |
value |
Object|String|Number | - | Yes | 輸入初始項目物件 |
items |
Array | [] |
No | 輸入項目陣列,預設[] |
height |
Number|String | '' |
No | 輸入項目高度數字或字串,數字單位為px,預設'' |
keyText |
String | 'text' |
No | 輸入取項目物件內之顯示用文字鍵值字串,預設'text' |
textFontSize |
String | '0.85rem' |
No | 輸入文字大小字串,預設'0.85rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串,預設'black' |
textAlign |
String | 'left' |
No | 輸入文字左右對齊字串,預設'left' |
itemTextFontSize |
String | '0.8rem' |
No | 輸入項目顯示文字大小字串,預設'0.8rem' |
itemTextColor |
String | '#444' |
No | 輸入項目文字顏色字串,預設'#444' |
itemTextColorHover |
String | '#333' |
No | 輸入項目文字Hover顏色字串,預設'#333' |
itemBackgroundColor |
String | 'white' |
No | 輸入項目背景顏色字串,預設'white' |
itemBackgroundColorHover |
String | '#f2f2f2' |
No | 輸入項目背景Hover顏色字串,預設'#f2f2f2' |
itemPaddingStyle |
Object | {v:10,h:14} |
No | 輸入內寬距離設定物件,可用鍵值為v、h、left、right、top、bottom,v代表同時設定top與bottom,h代表設定left與right,若有重複設定時後面鍵值會覆蓋前面,各鍵值為寬度數字,單位為px,預設{v:10,h:14} |
expansionIcon |
String | mdiPlay |
No | 輸入顯隱圖標字串,可為mdi,md,fa代號或mdi/js路徑,預設使用mdi的圖標(mdiPlay) |
expansionIconSize |
Number | 18 |
No | 輸入顯隱圖標尺寸數字,單位為px,預設18 |
expansionIconColor |
String | 'grey' |
No | 輸入顯隱圖標顏色字串,預設'grey' |
maxHeight |
Number | 200 |
No | 輸入顯示區最大高度數字,單位為px,預設200 |
minWidth |
Number | null |
No | 輸入最小寬度,單位為px,預設null |
maxWidth |
Number | null |
No | 輸入最大寬度,單位為px,預設null |
autoFitMinWidth |
Boolean | true |
No | 輸入是否使用驅動區寬度作為內容區之最小寬度布林值,預設true |
autoFitMaxWidth |
Boolean | true |
No | 輸入是否使用驅動區寬度作為內容區之最大寬度布林值,預設true |
placementDistX |
Number | 0 |
No | 輸入彈窗距離觸發元素之水平向右平移數字,單位為px,預設0 |
placementDistY |
Number | 5 |
No | 輸入彈窗距離觸發元素之垂直向下平移數字,單位為px,預設5 |
placeholder |
String | '' |
No | 輸入無文字時的替代字符字串,預設'' |
loadingText |
String | 'Loading...' |
No | 輸入載入中字串,預設'Loading...' |
noResultsText |
String | 'No results' |
No | 輸入無過濾結果字串,預設'No results' |
searchingText |
String | 'Searching...' |
No | 輸入搜索中字串,預設'Searching...' |
defItemHeight |
Number | 43 |
No | 輸入按需顯示時各項目預設高度數字,給越準或給大部分項目的高度則渲染速度越快,單位為px,預設43 |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值,預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態布林值,預設false |
showPanel |
Boolean | false |
No | 輸入是否顯示清單布林值,預設false |