本文转载自:http://czpae86.iteye.com/blog/691683,作者:czpae86
在项目开发中,难免会用到Extjs写插件来实现需求,有一些功能写插件就可以搞定的,无需重新封装一个类。
下面用一个以前写的插件来讲解。
插件功能说明:
1,实现功能:鼠标放在文本框上面时提示信息,鼠标离开后提示信息消失。
2,要求:提示信息可以自定义。
代码讲解:
Fieldtips代码:
FieldTips = Ext.extend(Object, { init : function(f){ this.field = f; if(f.msg){ this.tips = new Ext.ToolTip({ html : '<div style="margins:0px 0px 0px 2px">'+ f.msg +'</div>' }); } f.on('afterrender',this.initTips, this); }, initTips : function(){ this.field.el.on('mouseover', this.showTips, this); this.field.el.on('mouseout', this.hideTips, this); }, showTips : function(e, t, o){ if(this.tips)this.tips.showAt(e.getXY()); }, hideTips : function(e, t, o){ if(this.tips)this.tips.hide(); } });
使用fieldtips插件代码:
var fp = new Ext.FormPanel({ labelWidth: 75, labelAlign:'right', frame:true, title: '测试', bodyStyle:'padding:5px 5px 0', width: 350, defaults: {width: 230}, defaultType: 'textfield', items: [{ fieldLabel: '标题', name: 'title', plugins : new FieldTips(), msg : "来匆匆去冲冲!" },{ fieldLabel: '内容', xtype : "textarea", name: 'content', plugins : new FieldTips(), msg : "请您写下宝贵的建议,吾万分感谢!" }] }).render(document.body);
运行效果图:
相关推荐
extjs插件开发教程
话不多说,这是一个便宜而已好用的dreamweaver的extjs插件,喜欢用extjs的朋友赶快来下载吧~~
内容 1. 拖放 o 基本拖放 o 创建购物车式拖放 o 创建课程表 o 等等 基本拖放 ...这个例子会创建3个DIV元素然后让它们变得可拖放。 ...首先,创建三个DIV元素: <div id="dd1" class="dd-demo"></div> ...
第十五讲: EXTJS4.0的高级组件Grid补充02插件和其他相关知识 第十六讲: EXTJS4.0的高级组件Tree上 第十七讲: EXTJS4.0的高级组件Tree下 第十八讲: EXTJS4.0的高级组件Tree+Grid整合案例上 第十九讲: EXTJS4.0的高级...
7款强大的Javascript网格插件 Javascript 汉字编码转换 Javascript 面向对象之封装 Javascript 面向对象之构造函数的继承 Javascript 面向对象之非构造函数的继承 JavaScript对象与继承教程之内置对象(下) ...
自己写的ExtJs简明教程,第一节是入门,包括如下内容: ExtJs包的内容和简介 Spket插件的安装 API的使用和安装(针对不停loading的问题) 还有入门实例和它的代码
第十五讲:extjs4.0的高级组件grid补充02插件和其他相关知识 第十六讲:extjs4.0的高级组件tree上 第十七讲:extjs4.0的高级组件tree下 第十八讲:extjs4.0的高级组件tree+grid整合案例上 第十九讲:extjs4.0的高级...
第十五讲:extjs4.0的高级组件grid补充02插件和其他相关知识 第十六讲:extjs4.0的高级组件tree上 第十七讲:extjs4.0的高级组件tree下 第十八讲:extjs4.0的高级组件tree+grid整合案例上 第十九讲:extjs4.0的高级...
第十五讲:extjs4.0的高级组件grid补充02插件和其他相关知识 第十六讲:extjs4.0的高级组件tree上 第十七讲:extjs4.0的高级组件tree下 第十八讲:extjs4.0的高级组件tree+grid整合案例上 第十九讲:extjs4.0的...
EXT2.0,也就是EXTJS2.0是目前最新的技术产品,很强大的功能和完善、美观的界面,是JavaScript(JS)和JAVA用户开发WEB应用程序想要美化界面必需的插件,现打包完整,下载解压后在编写的代码中相应的调用就可以了!...
MyEclipse 下直接添加网上有教程步骤,这只是个需要的插件包,内涵sdk.js3
MyEclipse 插件 spket-1.6.23 第一步:解压插件包到当前文件夹 第二步:复制到myeclipse\dropings目录下 第三步:启动或重启myeclipse,在Window>Preferences选项就下可以看到Spket菜单证明安装成功。 ---------...
这个教程主要是提供给编写ExtJS的用户在MyEclipse8.5中安装Spket使用的。方便在MyEclipse中出现代码提示功能
包含spket 1.6.22破解版. spket在myeclipse10 上配置extjs提示的详细教程。
SpketIDE 能减少代码出错的机会,并对代码文件进行高效管理,Spket目前为止最新版本(1.6.16)的破解版,可方便地提示ExtJS代码和Jquery代码, 是一款非常实用的插件
所以用.NET就要选用jQuery而非Dojo,ExtJS等. jQuery有如下特点: 1.提供了强大的功能函数 使用这些功能函数, 能够帮助我们快速完成各种功能, 而且会让我们的代码异常简洁. 2.解决浏览器兼容性问题 ...
Flash开发框架:jQuery, Extjs , Flex 等; ————————————————– 搭建教程 小程序源码导入之前,需求开通小程序账号,并且AppId复制过来填写到开发者工具中,还需求配置合法域名-开发-开发管理,...