Commit e383fe58 authored by custom's avatar custom

Updates 前端组件/hlsCombobox.md

Auto commit by GitBook Editor
parent 968e6946
# hlsCombobox标签
# Combobox标签 hlsCombobox 下拉列表组件
ComboBox下拉列表组件
```xml ```xml
<h:combobox placeholder="combobox" <h: hlsCombobox placeholder="combobox"
valuePrimitive="true" valuePrimitive="true"
dataTextField="text" dataTextField="text"
dataValueField="value" dataValueField="value"
...@@ -13,47 +12,48 @@ ComboBox下拉列表组件 ...@@ -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){ ...@@ -79,23 +79,26 @@ function onComboboxChange(e){
```xml ```xml
<h:combobox id="combobox" dataSource="dataSource" clearButton="true" placeholder="test" enable="false" template="fn:itemTemplate" change="onComboboxChange"/> <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 * animation
* popup * popup
* virtual * virtual
### **animation** ### **animation**
主要用来定义动画效果,例如打开关闭效果 主要用来定义动画效果,例如打开关闭效果
* open 打开效果 * open 打开效果
* close 关闭效果 * close 关闭效果
属性| 类型 | 属性 | 类型 |
------ |---- | --- | --- |
effects| String | effects | String |
duration| Number | duration | Number |
```xml ```xml
<h:combobox id="combobox"> <h:combobox id="combobox">
...@@ -105,14 +108,16 @@ duration| Number ...@@ -105,14 +108,16 @@ duration| Number
</h:animation> </h:animation>
</h:combobox> </h:combobox>
``` ```
### **popup** ### **popup**
弹出窗口设置 弹出窗口设置
属性| 类型 | 属性 | 类型 |
--------|------ | --- | --- |
appendTo| String | appendTo | String |
origin | String | origin | String |
position| String | position | String |
```xml ```xml
<h:combobox id="combobox"> <h:combobox id="combobox">
...@@ -121,14 +126,14 @@ position| String ...@@ -121,14 +126,14 @@ position| String
``` ```
### **virtual** ### **virtual**
动态加载相关设置
属性 | 类型 动态加载相关设置
-----------|-----
itemHeight | Number
mapValueTo | String
valueMapper| Function
| 属性 | 类型 |
| --- | --- |
| itemHeight | Number |
| mapValueTo | String |
| valueMapper | Function |
```javascript ```javascript
function valueMapper(){ function valueMapper(){
...@@ -153,3 +158,4 @@ function valueMapper(){ ...@@ -153,3 +158,4 @@ function valueMapper(){
<h:virtual itemHeight ="20" mapValueTo="index" valueMapper="valueMapper"/> <h:virtual itemHeight ="20" mapValueTo="index" valueMapper="valueMapper"/>
</h:combobox> </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