Commit 6e85fb39 authored by Jefferyne's avatar Jefferyne

Creates assets/2172053.png

Auto commit by GitBook Editor
parent cf17d13e
# HlsHbox(分行标签)
说明:将标签的内的内容放在同一模块里面(一般放在同一行宽度不够时会转行),继承<div>标签的一般属性
```html
<h:hlsHBox>
<h:hlsMaskedTextBox name="userId" id="maskedtextbox" bind="enabled: isEnabled, value:data.userId" colspan="2" prompt="TextBox:" promptColspan="1" required="true" validationMessage="Enter {0}"/>
<h:hlsCombobox name="combobox" id="combobox" bind="enabled: isEnabled, source: comboboxSource, value:data.productId" colspan="2" dataTextField="text" dataValueField="value" placeholder="combobox" prompt="Combobox:" promptColspan="1" valuePrimitive="true"/>
<h:hlsLov name="lov" id="lov" code="LOV_ROLE" colspan="2" contextPath="${base.contextPath}" data-bind="enabled: isEnabled, value:data.userId,text:data.userName" locale="${base.locale}" placeholder="lov" prompt="Lov:" promptColspan="1" query="lovQuery" select="lovSelect" style="width: 100%"/>
<h:hlsDatePicker name="datepicker" id="datepicker" bind="enabled: isEnabled,value:data.birthday" colspan="2" placeholder="datepicker" prompt="datepicker:" promptColspan="1" required="true"/>
</h:hlsHBox>
<h:hlsHBox>
<h:hlsTlEdit id="tl" bind="value:data.name" dto="com.hand.hap.function.dto.Resource" field="name" idField="id" model="viewModel.data" placeholder="多语言" prompt="TlEdit:"/>
<h:hlsCheckbox name="checkbox" bind="enabled: isEnabled,value:data.checkbox" bindModel="viewModel" checked="checked" checkedValue="Y" prompt="Checkbox:" uncheckedValue="N"/>
<h:hlsCombobox id="products" cascadeFrom="combobox" dataSource="productsData" dataTextField="code" dataValueField="code" disabled="true" filter="contains" placeholder="Select product..." prompt="Combobox:"/>
<h:hlsDropDownList name="dropdownlist" id="dropdownlist" bind="enabled: isEnabled, source: comboboxSource, value:data.productId" colspan="2" dataTextField="text" dataValueField="value" placeholder="dropdownlist" prompt="DropDownList:" promptColspan="1" valuePrimitive="true"/>
</h:hlsHBox>
<h:hlsHBox>
<h:hlsTextArea id="tla" bind="value:data.name" colspan="4" style="width:500px" dto="com.hand.hap.function.dto.Resource" field="name" idField="id" model="viewModel.data" placeholder="多语言" prompt="TlEdit:"/>
</h:hlsHBox>
```
效果图![](/assets/802170358.png)
...@@ -6,16 +6,15 @@ ...@@ -6,16 +6,15 @@
### 一般属性: ### 一般属性:
| 属性 | 类型 | | 属性 | 类型 | 描述 |
| :--- | :--- | | :--- | :--- | :--- |
| navigationBarTitle | String | | navigationBarTitle | String | 导航栏标题 |
| navigationBar | String | | navigationBar | String | 标记为导航栏(true) |
| navigationBarContent | String | | treeTitle | String | 导航栏父节点标题 |
| treeTitle | String | | navigationBarId | String | 导航栏唯一标识 |
| navigationBarId | String | | navigatonBarClass | String | 导航栏通用标识 |
| navigatonBarClass | String | | barType | String | 导航栏类型(可以为tree或normal) |
| barType | String | | nodeLevel | String | 设置导航栏为父节点或者子节点 |
| nodeLevel | String |
### 使用: ### 使用:
......
# HlsRadioGroup,HlsRadioButton\(单选按钮组合标签\)
##### 提示:这两个标签必须在一起用且HlsRadioButton标签需写在hlsRadioGroup标签内
### 一般属性:
### hlsRadioGroup:
| 属性名称 | 类型 | 描述 |
| :--- | :--- | :--- |
| bindModel | String | 绑定数据模型 |
| bind | String | 绑定值 |
### HlsRadioButton:
| 属性名称 | 类型 | 描述 |
| :--- | :--- | :--- |
| prompt | String | 展示的值 |
| value | String | 设置默认值 |
| width | String | 设置宽度 |
| icon | String | 图标 |
### 用法:
```html
<script>
var model = kendo.observable({
data: {}
});
</script>
<h:hlsRadioGroup bindModel="model" bind="value: data.value">
<h:hlsRadioButton prompt="aa" value="AA" width="12px" icon="fa fa-arrow"></h:hlsRadioButton>
<h:hlsRadioButton prompt="bb" value="BB" width="12px" icon="fa fa-arrow"></h:hlsRadioButton>
<h:hlsRadioButton prompt="cc" value="CC" width="12px" icon="fa fa-arrow"></h:hlsRadioButton>
</h:hlsRadioGroup>
```
选中后效果图:![](/assets/2172053.png)
获取选中的值:
```html
<script>
var checkedValue = model.data.value//获取值为BB
</script>
```
## NumericTextBox ## hlsNumericTextBox\(数字框\)
一般属性:
| 属性名 | 类型 | 描述 |
| :--- | :--- | :--- |
| id | String | 唯一标识 |
| bind | String | 绑定的事件 |
| style | String | 样式 |
| prompt | String | 文本框前的标题 |
| promptColspan | String | 文本框前面的标题的宽度 |
| colspan | String | 文本框的宽度 |
| enable | String | 设置是否可编辑 |
| readOnly | String | 设置只读 |
| placeHolder | String | 设置文本框默认值 |
| format | String | 设置数字格式化 |
### 使用方法: ### 使用方法:
......
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