閱讀(2.3k) 書簽贊(0) 我要糾錯

Vue EasyUI 下拉列表框

2020-06-24 15:40 更新

下拉列表框（ ComboBox ）顯示一個可編輯的文本框以及下拉列表。下拉列表框（ ComboBox ）頂部可直接輸入文本，也可以從列表中選擇若干個預(yù)設(shè)的值。

屬性列表

名稱	數(shù)據(jù)類型	作用描述	默認值
value	string, number, array	字段值。	null
data	array	要加載的數(shù)據(jù)。	[ ]
valueField	string	綁定到此組件的底層數(shù)據(jù)值名稱。	value
textField	string	綁定到此組件的基礎(chǔ)數(shù)據(jù)字段名。	text
limitToList	boolean	為True時,將輸入值限制為列出的項。	true
lazy	boolean	是否延遲加載數(shù)據(jù)。	false
virtualScroll	boolean	是否啟用虛擬滾動。	false
rowHeight	number	行高度，當virtualScroll設(shè)置為true時啟用此屬性。	30
pageNumber	number	設(shè)置virtualScroll屬性時，初始化頁碼	1
pageSize	number	設(shè)置virtualScroll屬性時，初始化頁面大小。	10
total	number	設(shè)置virtualScroll屬性時，初始化總記錄數(shù)。	0

名稱	參數(shù)	作用描述
selectionChange	event	更改選擇時觸發(fā)。
filterChange	pageNumber, pageSize, filterValue	當過濾器值更改時觸發(fā)。

名稱	參數(shù)	作用描述
item	row,rowIndex	數(shù)據(jù)項的作用域。

注：
- 繼承: ComboBox 。

<Label for="c1" align="top">選擇一個值:</Label>
<ComboBox inputId="c1" v-model="value" :data="data"></ComboBox>
<p v-if="value">選擇值: {{value}}</p>

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充