Commit 046bb554 authored by Jefferyne's avatar Jefferyne

Updates 前端组件/NumericTextBox.md

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