Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
H
hel-developer-guide
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
chenhao
hel-developer-guide
Commits
e383fe58
Commit
e383fe58
authored
Jul 25, 2017
by
custom
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Updates 前端组件/hlsCombobox.md
Auto commit by GitBook Editor
parent
968e6946
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
66 additions
and
60 deletions
+66
-60
hlsCombobox.md
前端组件/hlsCombobox.md
+66
-60
No files found.
前端组件/hlsCombobox.md
View file @
e383fe58
# 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>
```
```
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment