---
title: "Ext.slider.Tip"
description: "xtype 为 slidertip 的 Ext JS 原生组件参考。"
---

> Documentation Index
> Fetch the complete documentation index at: https://ag.879818327.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Ext.slider.Tip

源码定义：`ext-all-debug.js:140272`。分类：选择器与滑块。

## 创建示例

```javascript
var component = Ext.create("Ext.slider.Tip", {
  xtype: "slidertip",
  align: null,
  defaultHorizontalPosition: 'top',
  defaultVerticalPosition: 'left',
  isSliderTip: true,
  renderTo: Ext.getBody()
});
```

## 属性

| 属性 | 类型 | 默认值 | 说明 | 配置示例 |
| --- | --- | --- | --- | --- |
| `align` | `Object/null` | `null` | 配置组件的 `align` 选项。 | `align: null` |
| `defaultHorizontalPosition` | `String` | `'top'` | 配置组件的 `defaultHorizontalPosition` 选项。 | `defaultHorizontalPosition: 'top'` |
| `defaultVerticalPosition` | `String` | `'left'` | 配置组件的 `defaultVerticalPosition` 选项。 | `defaultVerticalPosition: 'left'` |
| `isSliderTip` | `Boolean` | `true` | 控制是否启用 `isSliderTip` 行为。 | `isSliderTip: true` |
| `minWidth` | `Number` | `10` | 配置 `minWidth` 限制值。 | `minWidth: 10` |
| `offsets` | `Object/null` | `null` | 配置组件的 `offsets` 选项。 | `offsets: null` |
| `position` | `String` | `''` | 配置组件的 `position` 选项。 | `position: ''` |

## 方法

| 方法 | 参数 | 说明 | 调用示例 |
| --- | --- | --- | --- |
| `init` | `slider` | 初始化组件。 执行时会更新 `position`、`align` 状态。 | `component.init(...)` |
| `onSlide` | `slider, e, thumb` | 处理 `slide` 回调。 执行时会刷新界面或布局。源码涉及 `show()`、`update()`、`getText()`。 | `component.onSlide(...)` |
| `getText` | `thumb` | 读取并返回 `text`。 | `component.getText(...)` |

## 事件

源码中未找到该组件自身注册的事件；可监听继承事件。

Source: https://ag.879818327.xyz/ext/picker/slider-tip/index.mdx