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