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

ext 实用工具

阅读更多
1.onReady,利用它来注册HTML内容并加载完成后所必须的代码
第一个参数必须,HTML加载后执行的函数,第二个作用域
function init(){
alert();}
Ext.onReady(init);
2.get 获取HTML的DOM对象,当前HTML中的组件 ,EXT元素
Ext.oneady(function(){
var e=new Ext.Element('hello');
alert(Ext.get("hello"));//Element对象,可以设置属性
alert(Ext.get(document.getElementById("hello")));  //DOM对象
alert(Ext.get(e));
})
<div id='hello'></div>
两种对象转变:Ext.get(id).dom 即可获得实际的DOM对象
getCmp获取一个Ext组件,也就是一个已经在页面被初始化的component或其子类的对象,根据制定Id就可以获得相应的组件
var h=new Ext.Panel({
   id:"h2",
   title:XX
})
Ext.getCmp("h2").setTitle("新的标题");
getDom 
var e=new Ext.Element("hello");
Ext.getDom("hello");
Ext.getDom(e);
Ext.getDom(e.dom);
getBody
直接获取与document.body这个DOM节点对应的EXT元素,实质就是把document.body对象封装成EXT元素对象并作为结果返回,该方法不带任何参数
var h=new Ext.Panel({
    title:"测试",
  width:223,
  height:222
});
h.render(Ext.getBody());
作为更新页面显示组件的方法
getDoc 类似getBody,只是后者只能显示,而document对象包含了更对对页面的操作

query函数返回元素数组,select返回一个Ext.CompositeElement类型对象,
Ext.select('p').highlight();
function(){
var array=Ext.query('p');
for(){}
}
Ext.select('div.red').highlight();
function(){
var array=Ext.query('div.red');
for(){}
}


Ext.isEmpty
var params=null;  //为null
delete params;   //未定义
var params='';   //为空字符串
Ext.isEmpty(params);//都返回为true
isEmpty()无法判断一个数组,对象是否为空,无论数组是否为空,都返回为false

Ext.each
需要对数组中每一个元素做同一种操作时,
var array={1,2,3,4};
var sun=0;
Ext.each(array,function(item)){
  sum+=item;
});
如果回调函数中包含 this引用,就需要在Ext.each()函数进行迭代循环是制定回调函数的执行范围
如:
App={
   sum:0,         //调用App方法与属性
  fn:function(item){
       this.sum+=item;
   }
};
Ext.each(array,App.fn,App);
alert(App.sum);
分享到:
评论

相关推荐

    Ext常用属性总结

    NULL 博文链接:https://hanxs8866-163-com.iteye.com/blog/1174152

    linux 系统EXT3修复工具

    linux 修复ext3文件系统 修复顺坏ext3文件系统 linux常用工具

    Ext单词学习工具Demo

    是采用Ext框架编写的一个富客户端英语单词学习工具,简单的实现了CRUD的功能,这个东西可以帮助你快速的入门Ext,基本上一些常用的功能都包含在这里面了。如果想学习Ext这个是个最好的入门教材。单词库采用Derby纯...

    Ext常用功能开发总结

    表格顶端工具条 7 表格底端工具条 8 表格的加载与查询的实现 8 表格的单击事件 8 包装表格中的某列 9 可编辑表格的实现 10 对话框的使用 12 弹出窗口的使用 12 可伸缩的panel 14 EditGridPanel的构成、数据提交及...

    Ext JS权威指南

    第12~16章分别讲解了表单、窗口、按钮、菜单、工具条、图形、图表,以及其他组件和实用功能;第17~19章分别介绍了ext.direct、动画功能和拖放功能;第20~22章则分别讲解了扩展与插件、主题开发、mvc应用的架构。

    Paragon Ext2fs Anywhere2.5汉化版

    最常用的是一个叫做explore2fs的工具。这个工具可以免费下载,并且提供接口以方便扩展。explore2fs操作是图形化界面,只要运行就知道怎么用了。该工具支持ext2,ext3,还可以将Linux分区上的文件拷贝出来,通常用来...

    Ext2.2 中文手册

    Ext2.2的中文学习手册.很实用.快速掌握Ext最新版本的好工具.

    ext4.0学习总结及使用说明

    Ext4 支持在线碎片整理,并将提供 e4defrag 工具进行个别文件或整个文件系统的碎片整理。 11. inode 相关特性。 Ext4 支持更大的 inode,较之 Ext3 默认的 inode 大小 128 字节,Ext4 为了在 inode 中容纳更多的扩展...

    深入浅出Ext.JS (7)

    全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...

    Android代码-AyoLang常用工具类

    常用工具类,java函数糖,安卓函数糖 没整到jcenter上,暂时就用aar包吧,也挺省劲:下载地址 下载下来文件名是:ayo-lang.aar,拷到libs目录里 然后在build.gradle里引入: repositories { flatDir { dirs 'libs'...

    深入浅出Ext.JS (6)

    全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...

    深入浅出Ext.JS (4)

    全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...

    Ext Js权威指南(.zip.001

    1.4 ext js的开发工具的获取、安装与配置介绍 / 18 1.4.1 ext designer / 18 1.4.2 在visual studio中实现智能提示 / 23 1.4.3 spket / 28 1.4.4 在eclipse中实现智能提示 / 32 1.5 如何获得帮助 / 32 1.6 本...

    Ext学习的PPT及简单的介绍Ext的控件

    Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo! UI的基础上发展而来的。...Ext的几个特点  1、使用标准的W3C技术;  2、庞大的组件模型及控件库;... 4、强大实用的工具封装  5、开源GPL

    读Ext之十三(Ext元素)

    NULL 博文链接:https://snandy.iteye.com/blog/875776

    ext chm中文版

    内容齐全,与时俱进,比较实用的工具说明书

    ext的几种常用类demo

    NULL 博文链接:https://myao.iteye.com/blog/2089235

    Ext JS 权威指南

    第12~16章分别讲解了表单、窗口、按钮、菜单、工具条、图形、图表,以及其他组件和实用功能;第17~19章分别介绍了ext.direct、动画功能和拖放功能;第20~22章则分别讲解了扩展与插件、主题开发、mvc应用的架构。

    ext 学习资料大全

    我最近整理的,很有用。包括:《深入浅出ExtJS》 EXT工具 Ext 2 API EXT 中文手册.pdf extjs实用开发指南.pdf EXT实战.rar ExtJS学习.pdf 学生管理系统源码

Global site tag (gtag.js) - Google Analytics