WTextSuggestCore

Description:

Props

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

Props

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