Skip to content

H
hel-developer-guide
Commit 99585074 authored by Jefferyne's avatar Jefferyne
Browse files
Options

Conflict resolution

parents 06ef8be8 3a0561f3
Hide whitespace changes
Inline Side-by-side
Showing with 124 additions and 124 deletions
前端组件/hlsDatePicker.md
View file @ 99585074
# hlsDatePicker标签（时间控件）
日期选择器(不包含时分秒)
xml配置
```xml
<!--基本用法-->
<h:hlsDatePicker id="hlsDatePickerId" bind="enabled:isEnabled,value:data.value" placeholder="hlsDatePicker"/>
```
### **主要属性**
属性名 | 类型 | 说明 |
-------- | -----| --- |
promptColspan | Integer | 描述字段所占列数 |
promptClassName | String| 描述的样式名称 |
prompt | String| 描述 |
colspan | Integer | datePicker所占列数 |
hlsClassName | String | 样式名称 |
animation | Boolean | 动画 |
format| String | 格式化 |
max| String | 最大时间 |
min| String | 最小时间 |
value | String | 值 |
name | String | name属性 |
bind | Function | 绑定数据 |
required | Boolean | 必输 |
change | Function | chang事件 |
placeholder | String | 占位符 |
timeFormat |String| 时间格式化 |
> **提示:** 属性用法请参考kendoui API文档 http://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker
### **用法示例**
```javascript
//注意是写在script标签内的
var viewModel = kendo.observable({
data:{},
isEnabled:true
});
function open(){
//...
}
function change(e){
//...
}
```
```xml
<h:hlsDatePicker id="hlsDatePickerId"bind="enabled: isEnabled,value:data.value"
style="width:200px;"
max="2016-6-6"
placeholder="hlsDatePicker"
open="open"
required="true"
change="change"
prompt="日期选择器:"
/>
id:可写可不写;
bind:属性里面包含配置两个选项:
(1)enabled配置日期选择器是否可以编辑,值为Boolean类型的变量,在viewModel里面配置。
(2)value配置日期选择器与变量关联,默认是在ViewModel下面的变量;
max:可选择日期的上限值;
style可改变该控件的样式;
open:点击控件调用的方法;
change:选择日期之后的事件;
prompt:为控件添加一个label,该属性一般和<h:hlsForm>、<h:hlsHBox>一起使用;
```
> **提示:**
> - 上述所有属性直接添加在标签内即可，（**[属性名] = "..."**）,对于既是**String**类型又是**Function**类型的属性，只需要加**fn:**前缀区分即可,（**fn:函数名**）
> - 对于**max min**等本该是**时间类型**的属性，改为日期字符串，且连接符号为"**-**"
# hlsDatePicker标签（时间控件）
日期选择器(不包含时分秒)
xml配置
```xml
<!--基本用法-->
<h:hlsDatePicker id="hlsDatePickerId" bind="enabled:isEnabled,value:data.value" placeholder="hlsDatePicker"/>
```
### **主要属性**
属性名 | 类型 | 说明 |
-------- | -----| --- |
promptColspan | Integer | 描述字段所占列数 |
promptClassName | String| 描述的样式名称 |
prompt | String| 描述 |
colspan | Integer | datePicker所占列数 |
hlsClassName | String | 样式名称 |
animation | Boolean | 动画 |
format| String | 格式化 |
max| String | 最大时间 |
min| String | 最小时间 |
value | String | 值 |
name | String | name属性 |
bind | Function | 绑定数据 |
required | Boolean | 必输 |
change | Function | chang事件 |
placeholder | String | 占位符 |
timeFormat |String| 时间格式化 |
> **提示:** 属性用法请参考kendoui API文档 http://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker
### **用法示例**
```javascript
//注意是写在script标签内的
var viewModel = kendo.observable({
data:{},
isEnabled:true
});
function open(){
//...
}
function change(e){
//...
}
```
```xml
<h:hlsDatePicker id="hlsDatePickerId"bind="enabled: isEnabled,value:data.value"
style="width:200px;"
max="2016-6-6"
placeholder="hlsDatePicker"
open="open"
required="true"
change="change"
prompt="日期选择器:"
/>
id:可写可不写;
bind:属性里面包含配置两个选项:
(1)enabled配置日期选择器是否可以编辑,值为Boolean类型的变量,在viewModel里面配置。
(2)value配置日期选择器与变量关联,默认是在ViewModel下面的变量;
max:可选择日期的上限值;
style可改变该控件的样式;
open:点击控件调用的方法;
change:选择日期之后的事件;
prompt:为控件添加一个label,该属性一般和<h:hlsForm>、<h:hlsHBox>一起使用;
```
> **提示:**
> - 上述所有属性直接添加在标签内即可，（**[属性名] = "..."**）,对于既是**String**类型又是**Function**类型的属性，只需要加**fn:**前缀区分即可,（**fn:函数名**）
> - 对于**max min**等本该是**时间类型**的属性，改为日期字符串，且连接符号为"**-**"
前端组件/grid.md → 前端组件/hlsGrid.md
View file @ 99585074
## Grid
## hlsGrid
#### 表格
......@@ -8,19 +8,19 @@
```xml
<!--h:为命名空间,必须要加的，grid为组件名;id可写可不写-->
<h:grid id="grid"/>
<h:hlsGrid id="grid"/>
```
```xml
<!--grid-->
<h:grid dataSource="dataSource" selectable="multiple, rowbox" editable="true">
<h:hlsGrid dataSource="dataSource" selectable="multiple, rowbox" editable="true">
<h:pageable pageSizes="5, 10, 20, 50" buttonCount="5" refresh="true">
</h:pageable>
<h:columns>
<h:column field="moduleCode" title='' width="100"/>
<h:column field="functionCode" title='' width="180"/>
</h:columns>
</h:grid>
</h:hlsGrid>
```
---
......@@ -137,17 +137,17 @@ function rowTemplate(){
```xml
<!--delimeter是Object类型-->
<h:grid>
<h:hlsGrid>
<h:allowCopy>
<h:delimeter />
</h:allowCopy>
</h:grid>
</h:hlsGrid>
<!--delimeter是String类型-->
<h:grid>
<h:hlsGrid>
<h:allowCopy delimeter=",">
</h:allowCopy>
</h:grid>
</h:hlsGrid>
```
#### **columns**子标签
......@@ -187,20 +187,20 @@ function rowTemplate(){
**attributes**用法:
```xml
<h:grid>
<h:hlsGrid>
<h:columns>
<h:column>
<h:attributes "style"="text-align:center"/>
</h:column>
</h:columns>
</h:grid>
</h:hlsGrid>
```
**command**用法：
```xml
<!--对于数组来说，有两种形式，一种是直接用逗号分隔，放在标签上的,如 aggregates;另一种是创建子标签，再创建item子标签，再将数组内的内容整合到item子标签上，如command，先创建command子标签，再创建item子标签，再将数组中的每一个集合放在item标签上-->
<h:grid>
<h:hlsGrid>
<h:columns aggregates="count,min,max">
<h:column template="fn:template"/>
<h:column field="functionId" width="30px/>
......@@ -211,7 +211,7 @@ function rowTemplate(){
</h:command>
</h:column>
</h:columns>
</h:grid>
</h:hlsGrid>
```
**editor**用法：
......@@ -223,19 +223,19 @@ function editor(){
```
```xml
<h:grid>
<h:hlsGrid>
<h:columns>
<h:column editor="editor">
</h:column>
</h:coulmns>
</h:grid>
</h:hlsGrid>
```
**filterable**用法：
```xml
<!--以filterable举例 遇到对象就向下添加子标签-->
<h:grid>
<h:hlsGrid>
<h:columns>
<h:column>
<h:filterable>
......@@ -243,19 +243,19 @@ function editor(){
</h:filterable>
</h:column>
</h:columns>
</h:grid>
</h:hlsGrid>
```
**headerAtrributes**用法:
```xml
<h:grid>
<h:hlsGrid>
<h:columns>
<h:column>
<h:headerAttributes "style"="color:red">
</h:column>
</h:columns>
</h:grid>
</h:hlsGrid>
```
#### **ColumnMenu**子标签
......@@ -270,11 +270,11 @@ function editor(){
用法:
```xml
<h:grid id="grid">
<h:hlsGrid id="grid">
<h:columnMenu columns="true" fileterable="false">
<h:messages columns="choose columns"/>
</h:columnMenu>
</h:grid >
</h:hlsGrid >
```
#### **editable**子标签
......@@ -292,11 +292,11 @@ function editor(){
用法:
```xml
<h:grid id="grid">
<h:hlsGrid id="grid">
<h:columnMenu columns="true" fileterable="false">
<h:messages columns="choose columns"/>
</h:columnMenu>
</h:grid >
</h:hlsGrid >
```
#### **pageable**子标签
......@@ -317,11 +317,11 @@ function editor(){
```xml
<!--pageSizes 为array时-->
<h:grid>
<h:hlsGrid>
<h:pageable pageSizes="all,5,10,20,50" buttonCount="5" refresh="true">
<h:messages display="show"/>
</h:pageable>
</h:grid>
</h:hlsGrid>
```
#### **messages**子标签
......@@ -334,11 +334,11 @@ function editor(){
用法:
```xml
<h:grid>
<h:hlsGrid>
<h:messages noRecords="no data">
<h:commands cancel="cancel"/>
</h:messages >
</h:grid>
</h:hlsGrid>
```
#### **noRecords**子标签
......@@ -350,10 +350,10 @@ function editor(){
用法:
```xml
<h:grid>
<h:hlsGrid>
<h:noRecords template="no records">
</h:noRecords>
</h:grid>
</h:hlsGrid>
```
#### **scrollable**子标签
......@@ -365,9 +365,9 @@ function editor(){
用法:
```xml
<h:grid>
<h:hlsGrid>
<h:scrollable virtual="true"/>
</h:grid>
</h:hlsGrid>
```
#### **sortable**子标签
......@@ -380,9 +380,9 @@ function editor(){
用法:
```xml
<h:grid>
<h:hlsGrid>
<h:sortable allowUnsort="true" mode="multiple"/>
</h:grid>
</h:hlsGrid>
```
#### **toolbar**子标签
......@@ -401,7 +401,7 @@ function template(){
```xml
<!--toolbar是数组 所以属性都是针对于数组内的集合来说的-->
<h:grid>
<h:hlsGrid>
<h:toolbar>
<h:item name="create">
<!--当template为String时，由于xml会对标签的封闭符号敏感，所以可以采取下面的方式-->
......@@ -410,7 +410,7 @@ function template(){
</h:template>
</h:item>
</h:toolbar>
</h:grid>
</h:hlsGrid>
```
> **提示**：
......
融租易开发手册.md
View file @ 99585074
......@@ -38,7 +38,7 @@
* V. 前端UI开发
* [5.1 hlsCombobox\(下拉框\)](/前端组件/hlsCombobox.md)
* 5.2 [hlsDataSource\(数据源\)](/前端组件/hlsDataSource.md)
* [5.2 hlsDataSource\(数据源\)](/前端组件/hlsDataSource.md)
* [5.3 hlsMaskedTextBox\(文本框\)](/前端组件/hlsMaskedTextBox.md)
* [5.4 hlsPage\(分页控件\)](/前端组件/hlsPage.md)
* [5.5 hlsTextArea\(文本域\)](/前端组件/hlsTextArea.md)
......@@ -51,7 +51,7 @@
* [5.12 hlsForm\(表单\)](/前端组件/hlsForm.md)
* [5.13 hlsCombobox\(下拉框\)](/前端组件/hlsCombobox.md)
* [5.14 hlsCheckBox\(复选框\)](/前端组件/hlsCheckBox.md)
* [5.15 grid\(表格\)](/前端组件/grid.md)
* [5.15 hlsGrid\(表格\)](/前端组件/hlsGrid.md)
* [5.16 dataSource\(数据源\)](/前端组件/dataSource.md)
* [5.17 hlsGridBox\(表格\)](/前端组件/hlsGridBox.md)
* [5.18 hlsNumericTextBox\(数字框\)](/前端组件/hlsNumericTextBox.md)
......
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