YUI.Ext相关

Ext.MessageBox工具类简介 2016-06-02

Ext.MessageBox工具类简介,研究源码才能发现更多的东西.注意:1 ,Ext.MessageBox是一个工具类,继承自object对象 2 ,实质上它只是当前页面的一个层. 案例如下: 代码如下: Ext.onReady(function(){ Ext.MessageBox.alert("提示","请单击我,确定",call ...

ext监听事件方法初级篇 2016-05-10

ext监听事件实例代码<script>function a(){alert('some thing');}Ext.onReady(function(){     Ext.get("btnAlert").addListener("click",a);//这里监听            //或者使用            Ex ...

如何简单地用YUI做JavaScript动画 2016-04-26

原文地址:http://www.jackslocum.com/blog/2006/08/24/javascript-animations-with-yahoo-ui-made-easy/ YUI的动画类简直就是一门艺术工作.不像其它的传统的JS库,提供了已经"预设好"的直接可运行的效果,相反,它由开发者做自己喜欢的.在这点,我比较喜欢适当地运行一些动画和 ...

Gird事件机制初级读本 2016-04-25

原文地址 文章日期:2006/09/25/  新版.32 的YUI-EXT包含了GIRD事件机制的重要升级.许多新事件现在可以用了,监听事件的机制也改变了(尽管它仍然向后兼容). 侦听事件的方法 鉴于 YAHOO.util.CustomEvent只提供简单的访问,Grid和相关的对象扩展了新的方法来侦听事件,这些事件你应该是熟悉的.它们是: addListener(even ...

学习YUI.Ext第七日-View&JSONViewPartTwo-一个画室网站的案例 2016-04-12

之前在Part 1简单介绍了Veiw和JSONView.今天这里小弟为大家说说应用的案例,原本Jack的Image Chooser是一个非常好的案例,当中包含Jack大量的奇技淫巧,不过正因为这样,过于深奥,小弟我亦不能全盘吃透,只挑其"勃大茎深"之处,与君共勉之!本文包含四大知识点:1.在LayoutDialog中加入Tabs:2.View的使用方式: ...

学习YUI.Ext第五日--做拖放Darg&Drop 2016-04-06

拖放某个元素Darg&Drop是windows(视窗)问世时的一个重要特征.现在我们要在浏览器里面实现,怎么做呢?先看看基本例子: 代码如下:YAHOO.example.DDApp = function() {      var dd;      return {          init2: function() {  //   var dropzone =[& ...

学习YUI.Ext第二天 2016-03-30

遇到一些JS的语法上的问题,没有理解透,恶补基本功!   匿名函数 An anonymous function 没有名字的就叫作"匿名函数",像这个 function(x,y){return x+y} 没有名字当然不能直接调用,也无法调用:最多能只能把它赋值或闭包处理(闭包是什么下面再讲),如: var sum =function(x,y){return ...

用tip解决Ext列宽度不够的问题 2016-03-07

当一个列用render渲染的时候,如果列宽度不够,内容多出的部分会被隐藏,无法显示.这时需要一个鼠标滑过提示全部内容的tip功能.渲染的函数写成如下: function renderHallName(value, meta, rec, rowIdx, colIdx, ds){ return '<div ext:qtitle="" ext:qtip= ...

YUI读码日记之YAHOO.lang.is* 2016-03-05

在 YUI 框架的 %BULID%/yahoo/yahoo.js 中,包含了一系列的变量类型检测方法,它们被分装成 YAHOO.lang.is* .其中,这些函数的大部分封装都是 typeof 操作符的封装,我个人比较敢兴趣的事 isArray 与 isValue 的两个函数.YAHOO.lang = YAHOO.lang || {     isArray: functio ...

ext列表页面关于多行查询的办法 2016-03-02

在列表页面中遇到不少查询问题,那么查询的字段由于类型很多,所以导致了需要多行显示查询列,查询列采用toolbar首先在Ext.grid.GridPanel中必须要有tbar对象 然后要增加listeners: { 'render': function() { bbar2.render(this.tbar); //add one tbar //twoTbar.render(t ...

对YUI扩展的Gird组件Part-1 2016-03-01

原文地址 文章日期:2006/9/26 新版的GIRD可以支持远程数据了.分页和远程排序的设置是通俗易懂的,另外一些常用的自定义的参数我会在这篇贴子中说明一下.新论坛的界面(在建设中)就是一个分页和远程排序的好例子,而本文的代码均来自那个例子. 新方法和属性 利用LoadableDatatModel对象(XMLDataModel和JSONDataModel的父类)实现分页和 ...

可缩放Reloaded-一个针对可缩放元素的复用组件 2016-02-06

可缩放Reloaded-一个针对可缩放元素的复用组件
原文地址:http://www.jackslocum.com/blog/2006/11/24/resizable-reloaded/ 这些范例展示了元素如何应用了一个浮动(默认)和装上可缩放的组件. 查看 basic.js 完整代码. 基本范例这是个简单的可缩放的范例.在矩形附近可调节大小.这个例子采用了"浮动"的默认处理. Resize Me! var ...

JavascriptYUI读码日记之YAHOO.util.Dom-Part.3 2015-11-27

在 YAHOO.util.Dom 中能发现很多有趣的东西.下面先说下 toCamel 的函数,感谢 小马 帮助我理解了这个函数.toCamel 把指定名称替换为驼峰写法,比如把 border-width 替换为 borderWidth .var patterns = {     HYPHEN: /(-[a-z])/i,     ROOT_TAG: /^body|html$/ ...

Ext面向对象开发实践代码第1/2页 2015-11-25

Ext面向对象开发实践代码第1/2页
这是自己在学习Ext过程中一个写的一个示例程序,仅为练习,功能并不全,现将其记录在我的博客中,希望可以和学习Ext的朋友一起分享示例程序简述: 这个Demo为了演示如将使用GridPanel显示数据,并为GridPanel添加工具条按钮,提供弹出式窗体新增数据. 使用到的Ext组件 这个Demo涉及到Ext中的GridPanel,FormPanel和Window三个组件.效 ...

javascriptYUI读码日记之YAHOO.util.Dom-Part.4 2015-10-17

YAHOO.util.Dom 中的 getXY 函数让开发者充分体验到不同浏览器的 Hack 的乐趣.IE8 即将破壳而出,但愿下面的函数不会又多个 if 判断.getXY 函数使用 匿名函数执行返回 函数听起来有点拗口,可以参考 圆心 Blog 上的一篇文章.var getXY = function() {     // 判断是否是 IE     if (document ...

extcheckboxgroup回填数据解决 2015-09-24

解决checkboxgroup回填数据问题的实现代码重写 代码如下: //解决checkboxgroup回填数据问题 Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function( ...

学习YUI.Ext第六天--关于树TreePanel(Part2异步获取节点) 2015-09-04

下面将介绍如何异步取一棵树的所有节点,具体做法与官方同步取节点有很大不同,尤其在json的id属性上,下面是我一些摸索,可能不是最佳方案,有待大家一起研究. 异步取节点的思路是这样的: 1.先定义一个初始化节点(也可以不定义,看个人需求) 2.yui-ext根据该节点id请求服务器,获得子节点各属性 3.循环 特点:可以在上一级目录中,在服务器端预先将该节点是否有子节点读好 ...

JavascriptYUI读码日记之YAHOO.util.Dom-Part.20 2015-08-18

继续在 YAHOO.util.Dom 中徘徊.由于 YAHOO.util.Dom 多次调用 batch 方法,所以先看看这个函数是怎么写的.有关 batch 的用法,可以参见这里,相关的代码如下batch: function(el, method, o, override) {     // 让 el 始终为 HTMLElement     el = (el &&a ...

YUI读码日记之YAHOO.util.Dom-Part.1 2015-07-21

DOM 操作是学习 Javascript 很重点的一块.YUI 提供了丰富的 DOM 操作接口,它们定义在 %BUILD%/dom/dom.js 中封装成 YAHOO.util.Dom.由于 DOM 操作比较重要,我计划将其分成几个 Part 分析.先绕开头部很多的 if...else (其实就是定义 toCamel 与 getStyle 两个函数) - 由于浏览器的实现不 ...

Ext.FormPanel提交和Ext.Ajax.request异步提交函数的区别 2015-07-10

Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别小结,需要的朋友可以参考下.(1)Ext.FormPanel f.getForm().submit({ url:"......", params:{ XX:xx .....} success: function (c,v,e) { //e: 触发事件 var json ...