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

extjs源码分析-005(Ext.getDom,Ext.getBody)

阅读更多
var DOC = document;
//获取DOM节点对象
getDom : function(el, strict){//el-->id 或者 html节点,strict-->是否只支持ID属性(ie下IE的name属性也能获取)获取节点对象
            if(!el || !DOC){
                return null;
            }
            if (el.dom){
                return el.dom;
            } else {
                if (typeof el == 'string') {//如果传的参数是字符串,就当是ID处理
                    var e = DOC.getElementById(el);
                    // IE returns elements with the 'name' and 'id' attribute.
                    // we do a strict check to return the element with only the id attribute
                    if (e && isIE && strict) {
                        if (el == e.getAttribute('id')) {
                            return e;
                        } else {
                            return null;
                        }
                    }
                    return e;
                } else {
                    return el;
                }
            }
        },

getBody : function(){//获取文档的body节点对象
     return Ext.get(DOC.body || DOC.documentElement);
}
分享到:
评论

相关推荐

    3------通过实例学习------Ext.js------.docx

    `Ext.get`和`Ext.getBody`是两个常用的DOM访问方法,前者允许通过ID获取元素,后者则可以直接获取`<body>`元素。注意,尽管在HTML中应避免ID重复,但`Ext.get`在遇到相同ID时会返回最后一个匹配的元素。 通过这种...

    ExtJs学习资料28-Ext.data.JsonStore数据存储器.doc

    renderTo:Ext.getBody(), width:320, height:140, frame:true, collapsible:true, titleCollapse:true, hideCollapseTool:false, colModel:col, enableColumnHide:true }); ``` `GridPanel`配置了标题、...

    ExtJS-3.4.0系列:Ext.TabPanel

    在本文中,我们将深入探讨ExtJS中的`Ext.TabPanel`组件,它是创建多标签界面的核心元素。`Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图,每个面板都有自己的标题,并且可以通过标签页进行切换。让我们...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    在这里,我们对Ext.getBody()这个返回当前文档主体DOM元素的方法返回的对象使用Ext.LoadMask,这样就会在整个页面上显示加载提示。 在用户点击确认按钮之后,我们将创建一个Ext.LoadMask实例,并调用show方法来显示...

    .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

    - `renderTo`属性指定组件应渲染到哪个DOM元素,这里使用`Ext.getBody()`将表单渲染到页面的body部分。 通过这些示例,开发者可以快速上手ExtJS 2.0中的表单构建,并根据需求扩展和自定义组件。对于初学者来说,...

    ExtJs 带清空功能的日期组件

    renderTo: Ext.getBody() }); ``` 以上就是如何在ExtJs中创建一个带有清空功能的日期组件的基本过程。通过自定义组件并扩展基础功能,我们不仅满足了项目需求,还增强了用户体验。这个自定义组件可以复用在项目的...

    Extjs4.2 Chart柱状图

    renderTo: Ext.getBody(), // 渲染到页面body width: 600, height: 400, xtype: 'chart', store: store, axes: [{ type: 'numeric', position: 'left', fields: ['value'], title: 'Value' }, { type: '...

    extjs-tree.zip_extjs tree

    renderTo: Ext.getBody() // 将TreePanel渲染到页面主体 }); ``` 在上述代码中,`proxy`配置了数据的异步加载方式,`reader`定义了如何解析服务器返回的JSON数据。`autoLoad`属性控制是否在组件初始化时自动加载根...

    ExtJs GridPanel双击事件获得双击的行

    renderTo: Ext.getBody() // 渲染到页面 }); ``` 接下来,我们需要为GridPanel添加双击事件监听器。在ExtJs中,我们可以使用`viewConfig`配置项中的`selType`来定义选择模型,通常是'checkboxmodel',以便在每行前...

    老师整理的extjs学习笔记

    `Ext.Element` 是 ExtJS 中的一个核心类,它提供了操作 DOM 节点的方法。通过这个类,开发者可以轻松地选择元素、修改样式、添加事件监听器等。`Ext.Element` 对象可以通过选择器获取,例如: ```javascript var el...

    Ext.ux.GoogleChart extjs插件

    renderTo: Ext.getBody(), chartType: 'ColumnChart', width: 500, height: 300, data: [ ['Task', 'Hours per Day'], ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ], ...

    Extjs4.0学习指南(中文).docx

    renderTo: Ext.getBody() }); }); ``` 2. **创建`helloWorld.html`** ```html <!DOCTYPE html> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> ...

    ExtJs入门 ExtJs很好的电子书 ExtJS入门.pdf 入门ExtJs必备电子书

    - **示例**:在提供的部分代码中,我们可以看到如何使用`Ext.getDom()`方法来获取DOM元素,并对其内容进行修改。 ```javascript Ext.getDom('elId').innerHTML = 'Test'; ``` - **插入HTML片段**:此外,还介绍...

    ExtJs中处理后台传过来的date对象显示到页面上

    renderTo: Ext.getBody() }); ``` 通过以上步骤,ExtJs就能正确地解析后台传来的Date对象,并按照指定的格式在页面上显示。这种方法避免了在后台将Date对象转换为字符串,提高了前后端交互的效率和灵活性。同时...

    ExtJS颜色选择器(mordern版)

    renderTo: Ext.getBody(), value: '#00ff00', listeners: { select: function pickerHandler(color) { console.log('Selected color:', color); } } }); ``` 在这个例子中,我们创建了一个颜色选择器并将其...

    ExtJS中editable-column-tree组件的使用 示例

    renderTo: Ext.getBody(), store: store, viewConfig: { enableTextSelection: true }, columns: [{ text: 'Name', flex: 1, dataIndex: 'text', editor: { xtype: 'textfield' } }, { text: 'Date', ...

    Extjs4.0学习指南(中文)

    - **`Ext.onReady()`**:当 DOM 加载完成后自动调用,确保页面内所有元素都可以被脚本引用。 - 示例代码: ```javascript Ext.onReady(function () { alert('Hello World!'); }); ``` 3. **获取页面元素:**...

    Extjs核心api详解

    var domEl = Ext.getDom(el); ``` 以上介绍的是Extjs核心API中的部分基础类和方法。通过了解这些API,我们可以更高效地使用Extjs开发Web应用程序。接下来的部分将会深入探讨更多高级API,如组件、数据管理等。

Global site tag (gtag.js) - Google Analytics