Commit 32c97a4a authored by custom's avatar custom

Merge origin/master into master

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