2008-07-03
全文显示

mask

Ext.Msg.alert( String title, String msg, [Function fn], [Object scope] )方法应用起来后能看到蒙版的效果。也就是除了alert框内的东东能点击外，其他部分均不可操作。 图1-alert效果图 其实蒙版效果也可完全作用于任何一个组件。通过调用Element的mask()方法即可。 那么他们间是如何联系的呢？ 先来看看Ext的组件的超类Ext.Component,这个类中有getEl()方法，返回的是Element元素对象实例。 因此，如果是想蒙版一个组件实例，即可这样应用。如： var fp = new Ext.form.F ...
2008-07-03
全文显示

EXTJS动态树的实现

http://yahaitt.javaeye.com/blog/207696
2008-07-03
全文显示

透析Extjs源码之结合API写事件响应函数

我在一个论坛看到EXT传递参数的问题，觉得很多学EXT的人都会碰到： ++++++++++++++++++++++++++++++++++++++++ 通过示例代码中的msg-box.js 我们可以看到 Ext.get('mb1').on('click', function(e){ Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult); }); 这样的代码，还有它的回调函数showResult： function showResult(btn){ Ext.example.msg('B ...
2008-07-03
全文显示

透析Extjs源码之layout（二）FormPanel与FormLayout的关系

理解了layout之后，再看看FormPanel源码，发现它指定了layout:'form',而FormPanel又是Container的子孙类，所以，它就是用了FormLayout布局。只是通过FormPanel，将FormLayout所需要的配置都做了些初始化提取出来了，便于开发者使用和理解。所以，在FormPanel渲染后就会用FormLayout来进行doLayout功能。 所以写成下面两种方式的代码，效果是一样的： 一、用FormPanel Js代码 Ext.onReady(function(){        ...
2008-07-03
全文显示

透析Extjs源码之layout（一）layout的实现

1、配置选项layout什么时候可用？ 只有Ext.Container的子类或子孙类才具有layout的功能， 如果在这些子孙类中不指定layout的配置选项，那么layout就有个默认值是'auto',即为Ext.layout中的超类：Ext.layout.ContainerLayout。 每个layout类，看layout包下的类，都是直接或间接的继承了Ext.layout.ContainerLayout，并且每个layout类都会注册到Ext.Container.LAYOUTS中去，如：Ext.Container.LAYOUTS['form'] = Ext.layout.FormLayo ...
2008-07-02
全文显示

透析Extjs的Ext.js源码（五）分析继承的实现

ext中有关继承的实现的关键代码如下：（Ext.js中） extend: Js代码 extend : function(){                // inline overrides                var io&nb ...
2008-07-02
全文显示

透析Extjs的Ext.js源码（四）去理解Ext.js

//先定义匿名方法，第一个括号对里的，必须要有这个括号对，之后第二个括号对用来执行这个匿名方法，如果这个匿名方法返回的是function，那么可以加第三个括号对。 (function(){ alert("aa") return function(){ alert("bb"); } })();// 输出结果：aa //带参数的匿名方法使用 (function(a,b){ alert(a); alert(b); return functio ...
2008-07-02
全文显示

透析Extjs的Ext.js源码（三）扩展

if(!Person.extend){//若extend属性还未存在则执行里面的代码 Person.applay(Person,{ extend:function(){ alert("定义时执行"); return function(){ alert("hello"); } }()// 注意这里加了一对()，表示在new一个Person对象的时候就会立即执行extend后面定义的方法，并且返回里面 ...
2008-07-02
全文显示

透析Extjs的Ext.js源码（二）能在定义时就能执行的方法的写法 function(){...}

/** * 第二部分：能在定义时就能执行的方法的写法 function(){...}(); */ /** * 一、普通的方法的定义与执行 */ // 1-1、普通的方法定义，不带返回值的情况 fun = function() { alert("执行"); }; // 1-2、普通的方法执行，不带返回值的情况 // fun();// 输出结果：执行 // 2-1、普通的方法定义，带返回值，且返回值是个字符串的情况 fun = function() { alert(" ...
2008-07-02
全文显示

透析Extjs的Ext.js源码（一）对象属性的添加和设置

/** * 分析Ext.js */ /** * 第一部分：对象属性的添加和设置 */ Person = { sex : 'woman'// 初始属性设置 }; Person.applay = function(source, copy, defaults) { if (defaults) { Person.applay(source, defaults) } if (source && copy && typeof copy == ...
2008-07-02
全文显示

ExtJs关于Ext.extend()的说明

Ext.extend方法是用来实现类的继承。 extend(Object subclass,Object superclass,[Object overrides] : Object 第一个参数：子类 第二个参数：父类 第三个参数：要覆盖的属性。 这里需要强调一下，子类继承下来的是父类中通过superclass.prototype方式定义的属性（包括用此方法定义的函数）。 例子如下： Js代码 <script type="text/javascript">         &n ...
2008-07-02
全文显示

用了ExtJs后，IE打开页面是空白的问题解决

用了ExtJs后，IE打开页面是空白的问题解决: 好不容易搞了个EXTJS的DEMO(自己写的)，然后里面就写了个HTML页面，结果浏览器访问时，发现FIREFOX显示正常，而IE却显示空白页面。 这个时候是需要检查一下html的DTD有没有写，如果没有写，加上就可以了。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org ...
2008-07-02
全文显示

ExtJs中解决IE的min-width问题

当使用了ExtJs后，脚本documentElement.clientWidth得到的值是0，需要换成Ext.getBody().getWidth()来获得。 关于解决IE的min-width方法就可以这样写： //===========Style===============// #hxcy{ text-align:right;margin:0 auto; min-width:778px;width: expression((Ext.getBody().getWidth() < 778) ? "778px" : "auto" );} /*---注意：这里将documentE ...
wangyu
搜索本博客
我的相册
4a4a4c43-84f9-3c9d-9259-f29f3081cdc9-thumb
strutsWorkflow
共 3 张
最近加入圈子
存档
最新评论