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);
}
分享到:
相关推荐
`Ext.get`和`Ext.getBody`是两个常用的DOM访问方法,前者允许通过ID获取元素,后者则可以直接获取`<body>`元素。注意,尽管在HTML中应避免ID重复,但`Ext.get`在遇到相同ID时会返回最后一个匹配的元素。 通过这种...
renderTo:Ext.getBody(), width:320, height:140, frame:true, collapsible:true, titleCollapse:true, hideCollapseTool:false, colModel:col, enableColumnHide:true }); ``` `GridPanel`配置了标题、...
在本文中,我们将深入探讨ExtJS中的`Ext.TabPanel`组件,它是创建多标签界面的核心元素。`Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图,每个面板都有自己的标题,并且可以通过标签页进行切换。让我们...
在这里,我们对Ext.getBody()这个返回当前文档主体DOM元素的方法返回的对象使用Ext.LoadMask,这样就会在整个页面上显示加载提示。 在用户点击确认按钮之后,我们将创建一个Ext.LoadMask实例,并调用show方法来显示...
- `renderTo`属性指定组件应渲染到哪个DOM元素,这里使用`Ext.getBody()`将表单渲染到页面的body部分。 通过这些示例,开发者可以快速上手ExtJS 2.0中的表单构建,并根据需求扩展和自定义组件。对于初学者来说,...
renderTo: Ext.getBody() }); ``` 以上就是如何在ExtJs中创建一个带有清空功能的日期组件的基本过程。通过自定义组件并扩展基础功能,我们不仅满足了项目需求,还增强了用户体验。这个自定义组件可以复用在项目的...
renderTo: Ext.getBody(), // 渲染到页面body width: 600, height: 400, xtype: 'chart', store: store, axes: [{ type: 'numeric', position: 'left', fields: ['value'], title: 'Value' }, { type: '...
renderTo: Ext.getBody() // 将TreePanel渲染到页面主体 }); ``` 在上述代码中,`proxy`配置了数据的异步加载方式,`reader`定义了如何解析服务器返回的JSON数据。`autoLoad`属性控制是否在组件初始化时自动加载根...
renderTo: Ext.getBody() // 渲染到页面 }); ``` 接下来,我们需要为GridPanel添加双击事件监听器。在ExtJs中,我们可以使用`viewConfig`配置项中的`selType`来定义选择模型,通常是'checkboxmodel',以便在每行前...
`Ext.Element` 是 ExtJS 中的一个核心类,它提供了操作 DOM 节点的方法。通过这个类,开发者可以轻松地选择元素、修改样式、添加事件监听器等。`Ext.Element` 对象可以通过选择器获取,例如: ```javascript var el...
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] ], ...
renderTo: Ext.getBody() }); }); ``` 2. **创建`helloWorld.html`** ```html <!DOCTYPE html> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> ...
- **示例**:在提供的部分代码中,我们可以看到如何使用`Ext.getDom()`方法来获取DOM元素,并对其内容进行修改。 ```javascript Ext.getDom('elId').innerHTML = 'Test'; ``` - **插入HTML片段**:此外,还介绍...
renderTo: Ext.getBody() }); ``` 通过以上步骤,ExtJs就能正确地解析后台传来的Date对象,并按照指定的格式在页面上显示。这种方法避免了在后台将Date对象转换为字符串,提高了前后端交互的效率和灵活性。同时...
renderTo: Ext.getBody(), value: '#00ff00', listeners: { select: function pickerHandler(color) { console.log('Selected color:', color); } } }); ``` 在这个例子中,我们创建了一个颜色选择器并将其...
renderTo: Ext.getBody(), store: store, viewConfig: { enableTextSelection: true }, columns: [{ text: 'Name', flex: 1, dataIndex: 'text', editor: { xtype: 'textfield' } }, { text: 'Date', ...
- **`Ext.onReady()`**:当 DOM 加载完成后自动调用,确保页面内所有元素都可以被脚本引用。 - 示例代码: ```javascript Ext.onReady(function () { alert('Hello World!'); }); ``` 3. **获取页面元素:**...
var domEl = Ext.getDom(el); ``` 以上介绍的是Extjs核心API中的部分基础类和方法。通过了解这些API,我们可以更高效地使用Extjs开发Web应用程序。接下来的部分将会深入探讨更多高级API,如组件、数据管理等。