Commit e383fe58 authored by custom's avatar custom

Updates 前端组件/hlsCombobox.md

Auto commit by GitBook Editor
parent 968e6946
# hlsCombobox标签
# Combobox标签
ComboBox下拉列表组件
hlsCombobox 下拉列表组件
```xml
<h:combobox placeholder="combobox"
<h: hlsCombobox placeholder="combobox"
valuePrimitive="true"
dataTextField="text"
dataValueField="value"
......@@ -13,47 +12,48 @@ ComboBox下拉列表组件
```
### **主要属性**
属性名 | 类型
-------- | ---
animation | Boolean
autoBind | Boolean
autoWidth | Boolean
cascadeFrom| String
cascadeFromField | String
clearButton| Boolean
dataSource | DataSource
dataTextField | String
dataValueField| String
delay | Number
enable | Boolean
enforceMinLength| Boolean
filter | String
fixedGroupTemplate| String \| Function
footerTemplate| String \| Function
groupTemplate| String \| Function
height| Number
highlightFirst| Boolean
ignoreCase| Boolean
index| Number
minLength| Number
noDataTemplate| String \| Function
placeholder | String
suggest| Boolean
headerTemplate| String \| Function
template| String \| Function
text| String
value| String
valuePrimitive| Boolean
virtual| Boolean
change| Function
close| Function
dataBound | Function
filtering| Function
open| Function
select| Function
cascade| Function
> 属性用法请参考KendoUI文档 [http://docs.telerik.com/kendo-ui/api/javascript/ui/combobox](http://docs.telerik.com/kendo-ui/api/javascript/ui/combobox)
| 属性名 | 类型 |
| --- | --- |
| animation | Boolean |
| autoBind | Boolean |
| autoWidth | Boolean |
| cascadeFrom | String |
| cascadeFromField | String |
| clearButton | Boolean |
| dataSource | DataSource |
| dataTextField | String |
| dataValueField | String |
| delay | Number |
| enable | Boolean |
| enforceMinLength | Boolean |
| filter | String |
| fixedGroupTemplate | String \| Function |
| footerTemplate | String \| Function |
| groupTemplate | String \| Function |
| height | Number |
| highlightFirst | Boolean |
| ignoreCase | Boolean |
| index | Number |
| minLength | Number |
| noDataTemplate | String \| Function |
| placeholder | String |
| suggest | Boolean |
| headerTemplate | String \| Function |
| template | String \| Function |
| text | String |
| value | String |
| valuePrimitive | Boolean |
| virtual | Boolean |
| change | Function |
| close | Function |
| dataBound | Function |
| filtering | Function |
| open | Function |
| select | Function |
| cascade | Function |
> 属性用法请参考KendoUI文档 [http:\/\/docs.telerik.com\/kendo-ui\/api\/javascript\/ui\/combobox](http://docs.telerik.com/kendo-ui/api/javascript/ui/combobox)
### **用法示例**
......@@ -79,23 +79,26 @@ function onComboboxChange(e){
```xml
<h:combobox id="combobox" dataSource="dataSource" clearButton="true" placeholder="test" enable="false" template="fn:itemTemplate" change="onComboboxChange"/>
```
> **提示:** 某些属性类型为**String \| Function** 时,表明它可以定义为字符串或者函数。因此当需要定义为Function时需要增加前缀**fn:**来区分(例如函数template="fn:itemTemplate" )
> **提示:** 某些属性类型为**String \| Function** 时,表明它可以定义为字符串或者函数。因此当需要定义为Function时需要增加前缀**fn:**来区分\(例如函数template="fn:itemTemplate" \)
### **主要子节点**
* animation
* popup
* virtual
### **animation**
主要用来定义动画效果,例如打开关闭效果
* open 打开效果
* close 关闭效果
属性| 类型
------ |----
effects| String
duration| Number
| 属性 | 类型 |
| --- | --- |
| effects | String |
| duration | Number |
```xml
<h:combobox id="combobox">
......@@ -105,14 +108,16 @@ duration| Number
</h:animation>
</h:combobox>
```
### **popup**
弹出窗口设置
属性| 类型
--------|------
appendTo| String
origin | String
position| String
| 属性 | 类型 |
| --- | --- |
| appendTo | String |
| origin | String |
| position | String |
```xml
<h:combobox id="combobox">
......@@ -121,14 +126,14 @@ position| String
```
### **virtual**
动态加载相关设置
属性 | 类型
-----------|-----
itemHeight | Number
mapValueTo | String
valueMapper| Function
动态加载相关设置
| 属性 | 类型 |
| --- | --- |
| itemHeight | Number |
| mapValueTo | String |
| valueMapper | Function |
```javascript
function valueMapper(){
......@@ -153,3 +158,4 @@ function valueMapper(){
<h:virtual itemHeight ="20" mapValueTo="index" valueMapper="valueMapper"/>
</h:combobox>
```
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment