Commit 046bb554 authored by Jefferyne's avatar Jefferyne

Updates 前端组件/NumericTextBox.md

Auto commit by GitBook Editor
parent bc81c042
......@@ -15,7 +15,7 @@
For more information check this help topic:
http://docs.telerik.com/kendo-ui/framework/globalization/overview
-->
<h:hlsNumericTextBoxid id="numerictextbox" culture="de-DE"/>
<h:hlsNumericTextBox id="numerictextbox"/>
//js实现
<script>
$("#numerictextbox").kendoNumericTextBox
......@@ -30,7 +30,7 @@
说明:指定数量精度NumericTextBox时。 例如,如果小数是`2`和用户输入`12.346`,将成为价值`12.35`。 如果用户输入`12.99`,将成为价值`13.00`
```html
<h:hlsNumericTextBoxid id="numerictextbox" decimals=2/>
<h:hlsNumericTextBox id="numerictextbox"/>
//js实现
<script>
$("#numerictextbox").kendoNumericTextBox
......@@ -43,7 +43,7 @@
##### 3.[downArrowText](http://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox#configuration-downArrowText)[`String`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)_\(default: "Decrease value"\)_
```html
<h:hlsNumericTextBoxid id="numerictextbox" downArrowText="Less" />
<h:hlsNumericTextBox id="numerictextbox"/>
//js实现
<script>
$("#numerictextbox").kendoNumericTextBox
......@@ -58,7 +58,7 @@
说明:假设以数字15输入,并把NumberitextBox的属性设为0.01,则显示的结果为15%。
```html
<h:hlsNumericTextBoxid id="numerictextbox" />
<h:hlsNumericTextBoxi id="numerictextbox" />
<script>
$("#numerictextbox").kendoNumericTextBox({
......@@ -78,7 +78,7 @@ $("#numerictextbox").kendoNumericTextBox({
说明: 设置控件显示的格式,常用的有c(货币形式)、n(数值形式)和p(百分比形式),实例中的c3表示货币形式,精确到小数后三位。
```html
<h:hlsNumericTextBoxid id="numerictextbox" format="c3"/>
<h:hlsNumericTextBox id="numerictextbox"/>
//js实现
<script>
$("#numerictextbox").kendoNumericTextBox({
......@@ -94,7 +94,7 @@ $("#numerictextbox").kendoNumericTextBox({
说明:限制显示的最大数
```html
<h:hlsNumericTextBoxid id="numerictextbox" max=100 />
<h:hlsNumericTextBox id="numerictextbox"/>
//js实现
<script>
$("#numerictextbox").kendoNumericTextBox({
......@@ -110,7 +110,7 @@ $("#numerictextbox").kendoNumericTextBox({
说明:设置文本框里面的默认值
```html
<h:hlsNumericTextBoxid id="numerictextbox" placeholder="Set A Value" />
<h:hlsNumericTextBox id="numerictextbox" placeholder="Set A Value" />
<script>
$("#numerictextbox").kendoNumericTextBox({
placeholder: "Set A Value"
......@@ -125,7 +125,7 @@ $("#numerictextbox").kendoNumericTextBox({
说明:当点击文框,是否允许设置显示的最大小数长度
```html
<h:hlsNumericTextBoxid id="numerictextbox" estrictDecimals=false/>
<h:hlsNumericTextBox id="numerictextbox" />
<script>
$("#numerictextbox").kendoNumericTextBox({
decimals: 3,
......@@ -141,7 +141,7 @@ $("#numerictextbox").kendoNumericTextBox({
说明:是否启用文本框右边的上下按钮
```html
<h:hlsNumericTextBoxid id="numerictextbox" spinners=false/>
<h:hlsNumericTextBox id="numerictextbox" />
<script>
$("#numerictextbox").kendoNumericTextBox({
spinners: false
......@@ -154,7 +154,7 @@ $("#numerictextbox").kendoNumericTextBox({
说明:点击右边上下按钮增加或者减少的值
```html
<h:hlsNumericTextBoxid id="numerictextbox" step=0.1 />
<h:hlsNumericTextBox id="numerictextbox" />
<script>
$("#numerictextbox").kendoNumericTextBox({
step: 0.1
......@@ -167,7 +167,7 @@ $("#numerictextbox").kendoNumericTextBox({
说明:设置默认值
```html
<h:hlsNumericTextBoxid id="numerictextbox" value=10/>
<h:hlsNumericTextBox id="numerictextbox" />
<script>
$("#numerictextbox").kendoNumericTextBox({
value: 10
......@@ -182,7 +182,7 @@ $("#numerictextbox").kendoNumericTextBox({
说明:是否启用编辑
```html
<h:hlsNumericTextBoxid id="numerictextbox" disabled="disabled" />
<h:hlsNumericTextBox id="numerictextbox" bind="enabled: enabled" />
//js实现
<script>
$("#numerictextbox").kendoNumericTextBox();
......@@ -198,7 +198,7 @@ numerictextbox.enable(false);
说明:是否启用只读
```html
<h:hlsNumericTextBoxid id="numerictextbox" />
<h:hlsNumericTextBox id="numerictextbox" />
<script>
$("#numerictextbox").kendoNumericTextBox();
var numerictextbox = $("#numerictextbox").data("kendoNumericTextBox");
......@@ -213,7 +213,7 @@ numerictextbox.readonly();
说明:聚焦
```html
<h:hlsNumericTextBoxid id="numerictextbox" />
<h:hlsNumericTextBox id="numerictextbox" />
<script>
$("#numerictextbox").kendoNumericTextBox();
var numerictextbox = $("#numerictextbox").data("kendoNumericTextBox");
......@@ -226,7 +226,7 @@ numerictextbox.focus();
说明:获取和设置值
```html
<h:hlsNumericTextBoxid id="numerictextbox" />
<h:hlsNumericTextBox id="numerictextbox" />
<script>
$("#numerictextbox").kendoNumericTextBox();
var numerictextbox = $("#numerictextbox").data("kendoNumericTextBox");
......@@ -242,7 +242,7 @@ numerictextbox.value(0.5);
##### 1.[change](http://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox#events-change)
```html
<h:hlsNumericTextBoxid id="numerictextbox" />
<h:hlsNumericTextBox id="numerictextbox" />
<script>
//方法一
$("#numerictextbox").kendoNumericTextBox({
......
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