ExtJs4 笔记 Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件

本篇要登场的有三个控件，分别是滚轴控件、进度条控件和编辑控件。

一、滚轴控件 Ext.slider

1.滚轴控件的定义

下面我们定义三个具有代表意义滚轴控件，分别展示滚轴横向、纵向，以及单值、多值选择的特性：

[html]

?
[Js]

?

2.获取、设置滚轴控件的值

[html]

?
[Js]

?

3.效果展示

二、进度条控件 Ext.ProgressBar

1.加载进度条

[html]

?
[Js]

?

2.等候进度条

[html]

?
[Js]

?

3.等候进度条，等待第三方事件

[html]

?
[Js]

?

4.效果展示

三、编辑控件 Ext.Editor

编辑控件可以作用在一般html元素或者其他ext基本控件上，从而然这些基本元素和控件具备了编辑某些值的能力。

1.用文本框编辑普通文本

下面通过一个编辑控件作用在span标签上，双击该标签即可编辑该标签的文本类容。

[html]

?
[Js]

?
效果如下：



处于编辑状态时：

2.用下拉列表编辑

这个例子要修改Ext.Panel控件的标题。

[html]

?
[Js]

?
效果如下：



处于编辑状态时：