`
tntxia
  • 浏览: 1512330 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

关于Extjs的Dom操作

 
阅读更多

1.appentTo

 

sp.appendTo(Ext.get("d2"));

 将元素附加到另一个元素上

 

2. appendChild

 

sp.appendChild('d2');

 与appendTo相反,把另一个元素加入自身。

 

3. createChild

自定义添加的元素。

 

sp.createChild({
		tag:'button',
		html:'hello'
	})

 

4. remove 删除指定元素

 

sp.remove();

 5. wrap 创建一个元素,把当前元素包裹起来。

sp.wrap("<h1></h1>");

 

 6. 增加样式

 

sp.addCls("red");

 

7. 控制Style

 

sp.applyStyles('backgroundColor:blue');

 

也可以写成:

 

sp.applyStyles({
		backgroundColor:'yellow'
	});

 

0
1
分享到:
评论

相关推荐

    ExtJS DOM元素操作经验分享

    好了,今天这篇文章的主题是分享下我使用 ExtJS 操作 DOM 元素的一些经验。 设置元素点击处理函数的方法 代码如下: var elem = Ext.get(‘start’); elem.on(‘click’, function(e, t) { alert&#40;t.id&#41;; });...

    extjs+java实现短信猫发生短信dom

    5. DOM操作:通过EXTJS对DOM进行操作,构建发送短信的表单界面。 遗憾的是,由于没有具体的代码或详细文档,我们无法深入探讨实现细节,只能根据提供的信息推测项目的架构和关键技术。如果能获取更多项目资源,将有...

    轻松搞定Extjs 带目录

    在Extjs中推荐使用`Ext.onReady`事件来确保页面的DOM完全加载后再执行脚本,这样可以保证脚本执行的正确性。 #### 6. 元素操作与模板 - **DomHelper类**: 提供了一种简洁的方法来创建和操作DOM元素。 - **...

    EXTJS讲解个人项目经历

    - **底层API(core)**:这是EXTJS的基础,包含DOM操作、事件处理、查询器等功能,如`DomHelper.js`和`Element.js`。 - **控件(widgets)**:EXTJS提供了大量的可视化组件,如面板、表格、树、窗口等,它们都基于...

    EXTJS入门教程(非常详细)

    在EXTJS中,DOM节点获取是通过Element类实现的,这是一个封装了原生DOM操作方法的类,使得操作DOM元素变得更加方便和安全。Element类中包含很多方法来获取和操作DOM元素,如:get、query、select等方法。通过这些...

    extjs4学习文档

    返回的是一个Element对象,可以直接进行DOM操作。如果需要根据特定选择器获取一组元素,可以使用EXTJS提供的选择器功能,例如获取所有class为'myClass'的元素。 EXTJS4的学习文档还包括更多关于组件、布局、数据...

    extjs4.2 desktop 拓展

    开发人员可以通过监听鼠标事件和利用DOM操作,实现元素的位置调整。 再者,"多级开始菜单"是桌面应用中常见的一种组织和访问功能。在ExtJS 4.2 Desktop拓展中,开始菜单可以有层次结构,用户可以轻松地浏览和启动...

    ExtJS2.0教程.chm +Extjs2.2.1压缩包

    `ext-core-debug.js` 和 `ext-core.js`:这是ExtJS的核心组件集,包含了一些基本的DOM操作和UI元素,如窗口、面板、表单等。这些文件相对于完整的库来说体积更小,适合对性能有高要求或只需要基础功能的项目。 `...

    Extjs6示例中文版

    - **DOM操作**:ExtJS简化了对DOM的操作,使得开发者能够更加高效地操纵网页元素。 #### 3. 构建开发环境 - **安装Sencha Cmd**:Sencha Cmd是一款命令行工具,用于管理和构建ExtJS项目。安装此工具是开始ExtJS...

    extjs中文文档大全

    手册将详细解析Ext Core中的组件、DOM操作和事件处理,帮助开发者理解其精简但强大的特性。 在学习这些文档时,建议首先从"EXT 中文手册"入手,了解EXT库的基本概念和组件,然后通过"ExtJS实用开发指南"掌握如何将...

    ExtJS 界面设计器

    这意味着开发者无需手动编写大量DOM操作和事件处理代码,只需要关注于UI设计和逻辑结构,极大地简化了开发流程。 5. **提高开发效率**:对于ExtJS开发者来说,界面设计器减少了编写和调试前端代码的时间,使得他们...

    extjs帮助文档

    EXTJS的核心是EXT Core,这是一个轻量级的JavaScript库,提供基础的DOM操作和事件处理。 "extjs开发文档"是EXTJS学习的重要参考资料,它涵盖了EXTJS的各种组件、类库、方法和配置选项的详细说明。这些文档通常包括...

    ExtJs官方网站中文的入门指南 javascript

    **Element**是ExtJs中最核心的概念之一,它为DOM操作提供了统一而强大的API。 ##### **3.1 获取DOM节点** 传统JavaScript中,我们通常使用`document.getElementById('id')`获取DOM节点。这种方法虽然有效,但在...

    ExtJS 多文件上传 UploadDialog For ExtJS3.x

    - **DOM操作**:确保所有的DOM操作(如元素的选择、创建等)符合ExtJS 3.x的API要求。 - **样式和布局**:根据新版框架中的样式和布局规则调整组件样式,确保UI的一致性和美观。 - **事件绑定**:更新事件绑定方式,...

    Extjs4的demo

    `Ext.get`返回的是一个Element对象,你可以使用Element.dom直接操作底层的DOM节点。如果你需要获取一组具有相同特征的元素,可以使用选择器,如`var ps = Ext.select('p')`,这将返回页面上所有`&lt;p&gt;`标签的集合。 ...

    ExtJS官方帮助文档6.5.0

    5. **数据绑定**:ExtJS的数据绑定机制允许开发者轻松地将视图组件与数据源关联,实现数据的实时更新,减少了手动处理DOM操作的需求。 6. **Model-View-Controller (MVC)**:ExtJS采用MVC模式组织代码,提高代码...

    extjs4-教程

    在机器上安装完上述软件后,需要进行如下操作来准备ExtJS开发环境: 1. **部署WebBuilder**:WebBuilder是一个可视化开发环境,可以通过其提供的安装向导完成安装。下载WebBuilder的安装包,并解压至合适的位置。 2...

    EXTJS扩展例子集

    3. **工具类**:可能包含一些实用的函数,用于处理数据、DOM操作或者优化性能。 4. **主题**:EXTJS支持主题定制,开发者可以通过扩展来创建自己的UI风格。 5. **插件(Plugins)**:对于已存在的EXTJS组件,插件...

Global site tag (gtag.js) - Google Analytics