Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
H
hel-developer-guide
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
chenhao
hel-developer-guide
Commits
046bb554
Commit
046bb554
authored
Jul 28, 2017
by
Jefferyne
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Updates 前端组件/NumericTextBox.md
Auto commit by GitBook Editor
parent
bc81c042
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
16 additions
and
16 deletions
+16
-16
NumericTextBox.md
前端组件/NumericTextBox.md
+16
-16
No files found.
前端组件/NumericTextBox.md
View file @
046bb554
...
@@ -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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBoxi
d
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
id=
"numerictextbox"
disabled=
"dis
abled"
/>
<h:hlsNumericTextBox
id=
"numerictextbox"
bind=
"enabled: en
abled"
/>
//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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
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:hlsNumericTextBox
id
id=
"numerictextbox"
/>
<h:hlsNumericTextBox
id=
"numerictextbox"
/>
<script>
<script>
//方法一
//方法一
$
(
"#numerictextbox"
).
kendoNumericTextBox
({
$
(
"#numerictextbox"
).
kendoNumericTextBox
({
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment