问题描述:我用Ext.getDom("dddd").innerHTML想将id为dddd的元素放到title为“第二个条”的容器里面去,但是不能成功代码如下。
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="resources/js/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="resources/css/common.css" />
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<script type="text/javascript">
var tabPanel=new Ext.TabPanel({
id:"tabPanel",
region:'center',
deferredRender:false,
activeTab:0,
iconCls: 'tabs',
items:[{
contentEl:'center',
title: '主页',
autoScroll:true
}]
});
new Ext.Viewport({
layout:"border",
items:[{region:"north",height:70,html:"<h1 align='center'>我的样式</h1>"},
{title:"菜单",
id:'menu',
region:"west",
width:200,
collapsible:true,
split:true,
layout:'accordion',
items:[{title:'第一个条',html:"<input type='button' value='点击这里弹出窗体' onclick='showwin();' id='aa'>", autoScroll:true, iconCls:'user', border:false},{title:'第二个条',html:Ext.getDom("dddd").innerHTML, autoScroll:true, iconCls:'unit', border:false}]
},
{xtype:"tabpanel",region:"center",items:[{title:"面板1",html:'面板一里面的内容'},{title:"面板2",html:'面板2的内容'}]
}]
});
function showalert(){
Ext.MessageBox.alert('提示', '是个什么样式的弹出框呢?');
}
function showwin(){
var win=new Ext.Window({title:'一个窗体',width:200,height:200,html:'<h1>测试信息</h1>'});
win.show();
}
function showtest(){
Ext.MessageBox.alert('提示', Ext.getDom("dddd").innerHTML);
}
</script>
<div id='aaaa'><input type='button' value='点击这里弹出窗体' onclick='showwin();' id='aa'></div>
<div id='bbbb'><input type='button' value='点击这里弹出警告框' onclick='showalert();' id='bb'></div>
<div id='xxxx'><input type='button' value='点击这里弹出测试信息对话框' onclick='showtest();'></div>
<div id="dddd">在div里面的测试信息</div>
<input type="hidden" value="测试消息" id="cccc">
</body>
</html>
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="resources/js/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="resources/css/common.css" />
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<script type="text/javascript">
var tabPanel=new Ext.TabPanel({
id:"tabPanel",
region:'center',
deferredRender:false,
activeTab:0,
iconCls: 'tabs',
items:[{
contentEl:'center',
title: '主页',
autoScroll:true
}]
});
new Ext.Viewport({
layout:"border",
items:[{region:"north",height:70,html:"<h1 align='center'>我的样式</h1>"},
{title:"菜单",
id:'menu',
region:"west",
width:200,
collapsible:true,
split:true,
layout:'accordion',
items:[{title:'第一个条',html:"<input type='button' value='点击这里弹出窗体' onclick='showwin();' id='aa'>", autoScroll:true, iconCls:'user', border:false},{title:'第二个条',html:Ext.getDom("dddd").innerHTML, autoScroll:true, iconCls:'unit', border:false}]
},
{xtype:"tabpanel",region:"center",items:[{title:"面板1",html:'面板一里面的内容'},{title:"面板2",html:'面板2的内容'}]
}]
});
function showalert(){
Ext.MessageBox.alert('提示', '是个什么样式的弹出框呢?');
}
function showwin(){
var win=new Ext.Window({title:'一个窗体',width:200,height:200,html:'<h1>测试信息</h1>'});
win.show();
}
function showtest(){
Ext.MessageBox.alert('提示', Ext.getDom("dddd").innerHTML);
}
</script>
<div id='aaaa'><input type='button' value='点击这里弹出窗体' onclick='showwin();' id='aa'></div>
<div id='bbbb'><input type='button' value='点击这里弹出警告框' onclick='showalert();' id='bb'></div>
<div id='xxxx'><input type='button' value='点击这里弹出测试信息对话框' onclick='showtest();'></div>
<div id="dddd">在div里面的测试信息</div>
<input type="hidden" value="测试消息" id="cccc">
</body>
</html>
起初我认为是Ext.getDom("dddd").innerHTML这个方法用的不对,特意将这个方法做了一个测试代码如下Java代码
<input type='button' value='点击这里弹出测试信息对话框' onclick='showtest();'>
function showtest(){
Ext.MessageBox.alert('提示', Ext.getDom("dddd").innerHTML);
}
<input type='button' value='点击这里弹出测试信息对话框' onclick='showtest();'>
function showtest(){
Ext.MessageBox.alert('提示', Ext.getDom("dddd").innerHTML);
}
发觉这样调用是对的,那我为什么不能把dddd放到title为“第二个条”的容器里面去呢?谢谢
分享到:
相关推荐
总的来说,这个“EXT初学好资料”压缩包提供了一个全面了解EXT JS并进行实践学习的良好起点。通过阅读“ExtJS使用简明教程.chm”和参考“www.pudn.com.txt”中的资源,初学者可以逐步掌握EXT JS的原理和实践,进而...
很适合初学者学习ext的小例子。在工程已经部署好了,如果没入门的可以好好看看怎么进行部署。
Ext学习文档,很适合初学者,是个不错的整理…Ext学习文档Ext学习文档
我整理了自己自学的ext 的资料希望给大家有点帮助
在Windows操作系统中,由于文件系统不兼容性,通常无法直接访问Linux系统中的Ext3或Ext4分区。然而,有了第三方工具如Ext2Fsd,Windows用户可以实现对这些Linux文件系统的读取和写入操作。本文将详细介绍如何在...
这个"EXT多实例Demo"显然是一个教学资源,适合初学者快速上手EXT库的使用。 1. **EXT简介** EXT JS提供了一套完整的组件模型,包括表格、树、表单、面板、菜单等,它使用MVC(Model-View-Controller)架构,使得...
7. **编写EXT的实践**:从简单的EXT开始,如创建一个返回Hello World的EXT,逐步提升到实现复杂功能,如数据库访问、加密解密等。 8. **EXT的版本管理**:理解PHP的版本兼容性问题,因为不同的PHP版本可能需要不同...
"EXT 中文手册.pdf"是EXT组件库的中文版文档,对于初学者来说是一份宝贵的参考资料。手册通常会详细介绍EXT的安装步骤、基本概念、组件使用方法以及事件处理等核心内容。通过阅读这份手册,新手可以理解EXT的架构,...
2. EXT_JS实用开发指南_个人整理笔记.docx:这是一份个人整理的学习笔记,可能包含了一些实战经验,对于学习EXT JS的实际应用和解决常见问题很有帮助。 3. ExtJS实用开发指南.pdf:同名但格式不同的文档,可能提供了...
这个标签指明了资源的类型,即一份详细的教学文档或指南,可能包含了Ext JS框架的安装、配置、基础组件的使用、高级特性的讲解以及常见问题的解决方法等内容。 #### 部分内容解析 文档的部分内容提到了Ext JS的...
标题中的"ext+js.rar_ext_ext js_ext js java_java+ext"似乎是在组合提及几个关键词,包括"ext","js",以及它们与"java"的关联。这些词汇主要涉及JavaScript的一个流行库——Ext JS,它是一个用于构建富客户端Web...
"ext 包,解压就用"这个标题和描述提到了一个名为"ext"的工具,版本为2.0,且特别强调了它的解压缩功能。我们可以推断这是一个专用于处理压缩文件的软件或者库,可能适用于不同的操作系统或开发环境。在IT行业中,...
EXT,全称EXT JS,是一款基于JavaScript的前端框架,由Sencha公司开发,主要用于构建富互联网应用程序(RIA)。EXT提供了一套完整的组件模型、数据绑定、布局管理以及强大的图形功能,使得开发者能够创建出功能丰富...
Ext API详解是一个全面介绍Ext库核心功能的文档集合,它涵盖了Ext 2.0版本的主要模块。这个压缩包包含了多个文本文件,每个文件都详细解释了Ext库中的一个关键部分,帮助开发者理解和应用这个强大的JavaScript框架。...
这个DEMO示例对于初学者来说是一个很好的学习资源,因为它涵盖了Web开发中的后端处理、数据库管理和前端展示等多个方面。通过研究和实践这个示例,开发者能够深入理解SpringMVC、Hibernate和EXT如何协同工作,从而...
EXT 3.0是这个库的一个版本,提供了丰富的组件和功能,使得开发者可以创建出具有桌面应用般用户体验的网页应用。EXT API帮助文档和EXT教程是学习和掌握EXT 3.0的关键资源。 《EXT 3.0 API帮助文档(中文CHM格式)》...
"EXT实例集"是一个集合,包含了多种EXT的使用示例,对于初学者和有经验的EXT开发者来说都是一个宝贵的资源。 在EXT中,组件是构建用户界面的基础,包括表格(Grid)、面板(Panel)、窗口(Window)、菜单(Menu)...
"对于初学Ext框架的人来说是很好的参考"意味着这个项目对于初学者具有很高的教育价值。通过阅读和分析源代码,初学者可以了解如何在实际项目中应用Ext JS,包括如何组织组件,如何处理数据,以及如何与后端进行通信...
一个pdf阅读器,特别适合对ext有兴趣的人和初学ext的人!!