Commit 63d15045 authored by Jefferyne's avatar Jefferyne

Updates 前端组件/NumericTextBox.md

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