Creates assets/2172053.png

Auto commit by GitBook Editor

前端组件/HlsHbox.md

+# 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)
+

前端组件/HlsNavigationBar.md

@@ -6,16 +6,15 @@
 
 ### 一般属性：
 
-| 属性 | 类型 |
-| :--- | :--- |
-| navigationBarTitle | String |
-| navigationBar | String |
-| navigationBarContent | String |
-| treeTitle | String |
-| navigationBarId | String |
-| navigatonBarClass | String |
-| barType | String |
-| nodeLevel | String |
+| 属性 | 类型 | 描述 |
+| :--- | :--- | :--- |
+| navigationBarTitle | String | 导航栏标题 |
+| navigationBar | String | 标记为导航栏（true） |
+| treeTitle | String | 导航栏父节点标题 |
+| navigationBarId | String | 导航栏唯一标识 |
+| navigatonBarClass | String | 导航栏通用标识 |
+| barType | String | 导航栏类型（可以为tree或normal） |
+| nodeLevel | String | 设置导航栏为父节点或者子节点 |
 
 ### 使用：
 

前端组件/HlsRadioButton.md

+# 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.md

-## NumericTextBox
+## hlsNumericTextBox\(数字框\)
+
+一般属性：
+
+| 属性名 | 类型 | 描述 |
+| :--- | :--- | :--- |
+| id | String | 唯一标识 |
+| bind | String | 绑定的事件 |
+| style | String | 样式 |
+| prompt | String | 文本框前的标题 |
+| promptColspan | String | 文本框前面的标题的宽度 |
+| colspan | String | 文本框的宽度 |
+| enable | String | 设置是否可编辑 |
+| readOnly | String | 设置只读 |
+| placeHolder | String | 设置文本框默认值 |
+| format | String | 设置数字格式化 |
 
 ### 使用方法：