ExtJs4 札记（8） Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件

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

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

一、滚轴控件 Ext.slider

1.滚轴控件的定义

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

[html]

3.效果展示

二、进度条控件 Ext.ProgressBar
1.加载进度条[html]

[Js]
三、编辑控件 Ext.Editor
编辑控件可以作用在一般html元素或者其他ext基本控件上，从而然这些基本元素和控件具备了编辑某些值的能力。
1.用文本框编辑普通文本
下面通过一个编辑控件作用在span标签上，双击该标签即可编辑该标签的文本类容。
[html]

效果如下：
处于编辑状态时：
2.用下拉列表编辑
这个例子要修改Ext.Panel控件的标题。
[html]

[Js]

效果如下：
处于编辑状态时：
作者：李盼（Lipan）
出处：[Lipan]?（http://www.cnblogs.com/lipan/）
版权声明：本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。