`
bevis.cn
  • 浏览: 154550 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Ext Js中 Ext.QuickTips的应用

阅读更多
<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>

在看ExtJs的例子中很多都有Ext.QuickTips.init();这一句话;

ExtJs2.0增加了一个扩展组件就是Ext.QuickTips,支持在超文本中定义浮动提示的内容,界面也比HTML中的那个缺省的样式好看

比如

<inputtype="button"value="tip button"ext:qtitle="tip button"ext:qtip="Thisisaquicktipfrommarkup"></input>

只要你导入了ext,并且初始化了Ext.QuickTips.init(),

这样在你在刚才的页面里鼠标移动到 tip buuton上时就会出现我们提示的那些提示,和html里自带的那种提示不一样,要好看一点

分享到:
评论

相关推荐

    用tip解决Ext列宽度不够的问题

    这是通过调用`Ext.QuickTips.init()`实现的。这行代码告诉ExtJS解析页面上的`ext:qtip`属性,并为相应的元素设置提示功能。 这样,当用户将鼠标悬停在含有`ext:qtip`属性的元素上时,就会弹出一个带有标题和内容的...

    ext2.0中文语言包gb2312格式

    EXT JS是一个广泛使用的JavaScript库,用于构建富互联网应用程序(RIA)。它提供了一套完整的组件模型,包括数据绑定、可拖放功能、强大的表格和图表,以及许多其他高级UI元素。EXT JS 2.0版本是其发展历程中的一个...

    ext常用注释

    Ext.QuickTips.init(); ``` 调用 `init` 方法初始化提示工具,这使得可以在任何地方添加提示信息。 ### 2. Ajax 请求处理 #### 2.1 发送Ajax请求 使用 `Ext.Ajax.request` 方法可以轻松发送Ajax请求,并处理服务器...

    用ext来登录的程序代码

    - **表单初始化**: `Ext.QuickTips.init();` 启用了快速提示功能。 - **表单配置**: - `labelWidth`: 定义了表单标签的宽度。 - `baseCls`: 设置了基本的CSS类名。 - `defaults` 和 `defaultType`: 分别设置了...

    EXT 完美教程

    EXT,全称Ext JS,是一种强大的JavaScript用户界面库,专门用于构建富客户端Web应用程序。它不是单纯的JavaScript库,而是提供了一整套组件和工具,帮助开发者创建复杂的、交互性强的Web应用界面。EXT最初是作为...

    Ext 表单布局实例代码

    `Ext.QuickTips.init()`是初始化快速提示功能的,这个功能可以为表单中的元件提供提示信息。在表单验证中,这些提示信息通常用来显示客户端验证的错误信息。 `Ext.form.Field.prototype.msgTarget = 'under';`这行...

    Ext学习笔记-个人版.doc

    在示例中,`Ext.QuickTips.init()`初始化了快速提示功能,这样表单字段就能显示验证提示。`Ext.form.Field.prototype.msgTarget="side"`设置提示信息显示的位置,这里选择在字段旁边显示,`msgTarget`可以是`"side"`...

    grid js 例子一个 ext 的

    - **Ext.QuickTips.init()**:初始化快速提示功能。 - **CheckboxSelectionModel**:创建一个复选框选择模型,允许用户多选行。 - **ColumnModel**:定义 Grid 的列模型,其中包括行号、选择复选框以及两列数据(`id...

    ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解及工程源码

    Ext.QuickTips.init(); // turn on validation errors beside the field globally //Ext.form.Field.prototype.msgTarget = 'side'; var bd = Ext.getBody(); /* * ================ Form 5 ==============...

    Ext控件大全,适合新手学习

    Ext.QuickTips.init(); ``` ### 四、总结 通过对Ext控件的深入了解,我们不仅掌握了创建基本控件的方法,还学会了如何使用更高级的功能来增强用户体验。Ext JS 的强大之处在于它能够帮助开发者快速构建复杂的Web...

    ext可编辑表格

    2. **Ext.QuickTips.init()**:初始化快速提示功能,当鼠标悬停在表格元素上时,可以显示预设的提示信息。 3. **formatDate**:这是一个自定义的日期格式化函数,用于将日期对象转换为指定格式的字符串,例如'Y年m...

    extjs详细ppt

    Ext.QuickTips.init(); var comboStore = Ext.create('Ext.data.Store', { fields: [{ name: 'nativePlace' }, { name: 'number' }], data: [ { nativePlace: '北京', number: '100' }, { nativePlace: '上海...

    treePanel到panel的拖拽 等等操作详细,及步骤

    - **Ext.QuickTips.init()**: 初始化工具提示功能。 - **Ext.lib.Ajax.defaultPostHeader**: 设置默认的POST请求头,这里添加了字符集设置。 - **nodes**: 定义了一个树形数据结构,用于填充TreePanel。 - **...

    ExtJs中简单的登录界面制作方法

    一 首先请看图片 二 登陆界面Ext代码 代码如下: /// ”http:////www.jb51.net/Resources/ExtJs/vswd-ext_2.0.2.js”&gt; //加载提示框 Ext.QuickTips.init(); //创建命名空间 Ext.namespace(‘XQH.ExtJs.Frame’); //...

    extjs xtype

    EXTJS 是一个流行的JavaScript框架,用于构建富...在EXTJS开发中,理解和熟练运用`xtype`、`Ext.QuickTips.init()`以及`vtype`能够帮助我们更高效地构建用户界面,提供更好的用户体验,同时确保数据的准确性和安全性。

    Extjs 常用属性

    调用`Ext.QuickTips.init();`可以初始化快速提示系统,之后就可以在页面上添加带有`ext:qtip`属性的元素,以显示工具提示。 #### 控件状态属性 - `disabled`: 设置控件是否禁用。 - `hidden`: 设置控件是否隐藏。 ...

    Extjs2.x 实现文件上传组件

    Ext.QuickTips.init(); var uploadProgress = new Ext.ux.form.FileUploadField({ createHiddenField: false, plugin: new Ext.ux.form.UploadProgress({ text: '上传中...' }) }); // 将uploadProgress添加到...

Global site tag (gtag.js) - Google Analytics