`
CDMA1333
  • 浏览: 5450 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

初学EXT有些地方不是很明确特抛出我遇到的一个问题

阅读更多
问题描述:我用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初学好资料”压缩包提供了一个全面了解EXT JS并进行实践学习的良好起点。通过阅读“ExtJS使用简明教程.chm”和参考“www.pudn.com.txt”中的资源,初学者可以逐步掌握EXT JS的原理和实践,进而...

    几个简单的 ext初学例子

    很适合初学者学习ext的小例子。在工程已经部署好了,如果没入门的可以好好看看怎么进行部署。

    Ext学习文档,很适合初学者

    Ext学习文档,很适合初学者,是个不错的整理…Ext学习文档Ext学习文档

    ext初学者的资料书籍

    我整理了自己自学的ext 的资料希望给大家有点帮助

    Windows 7下使用Ext2Fsd读取写入Linux Ext3&Ext4分区文件

    在Windows操作系统中,由于文件系统不兼容性,通常无法直接访问Linux系统中的Ext3或Ext4分区。然而,有了第三方工具如Ext2Fsd,Windows用户可以实现对这些Linux文件系统的读取和写入操作。本文将详细介绍如何在...

    EXT多实例Demo,非常适合初学者

    这个"EXT多实例Demo"显然是一个教学资源,适合初学者快速上手EXT库的使用。 1. **EXT简介** EXT JS提供了一套完整的组件模型,包括表格、树、表单、面板、菜单等,它使用MVC(Model-View-Controller)架构,使得...

    初学者必备资料-php-ext学习

    7. **编写EXT的实践**:从简单的EXT开始,如创建一个返回Hello World的EXT,逐步提升到实现复杂功能,如数据库访问、加密解密等。 8. **EXT的版本管理**:理解PHP的版本兼容性问题,因为不同的PHP版本可能需要不同...

    EXT2.3+EXT2.0教程

    "EXT 中文手册.pdf"是EXT组件库的中文版文档,对于初学者来说是一份宝贵的参考资料。手册通常会详细介绍EXT的安装步骤、基本概念、组件使用方法以及事件处理等核心内容。通过阅读这份手册,新手可以理解EXT的架构,...

    ext JS 源码和学习资料

    2. EXT_JS实用开发指南_个人整理笔记.docx:这是一份个人整理的学习笔记,可能包含了一些实战经验,对于学习EXT JS的实际应用和解决常见问题很有帮助。 3. ExtJS实用开发指南.pdf:同名但格式不同的文档,可能提供了...

    ext2.0

    这个标签指明了资源的类型,即一份详细的教学文档或指南,可能包含了Ext JS框架的安装、配置、基础组件的使用、高级特性的讲解以及常见问题的解决方法等内容。 #### 部分内容解析 文档的部分内容提到了Ext JS的...

    ext+js.rar_ext_ext js_ext js java_java+ext

    标题中的"ext+js.rar_ext_ext js_ext js java_java+ext"似乎是在组合提及几个关键词,包括"ext","js",以及它们与"java"的关联。这些词汇主要涉及JavaScript的一个流行库——Ext JS,它是一个用于构建富客户端Web...

    ext 包,解压就用

    "ext 包,解压就用"这个标题和描述提到了一个名为"ext"的工具,版本为2.0,且特别强调了它的解压缩功能。我们可以推断这是一个专用于处理压缩文件的软件或者库,可能适用于不同的操作系统或开发环境。在IT行业中,...

    EXT 增删改查的一个例子

    EXT,全称EXT JS,是一款基于JavaScript的前端框架,由Sencha公司开发,主要用于构建富互联网应用程序(RIA)。EXT提供了一套完整的组件模型、数据绑定、布局管理以及强大的图形功能,使得开发者能够创建出功能丰富...

    整理的Ext API详解

    Ext API详解是一个全面介绍Ext库核心功能的文档集合,它涵盖了Ext 2.0版本的主要模块。这个压缩包包含了多个文本文件,每个文件都详细解释了Ext库中的一个关键部分,帮助开发者理解和应用这个强大的JavaScript框架。...

    springMVC+hibernate+ext搭建的一个demo示例

    这个DEMO示例对于初学者来说是一个很好的学习资源,因为它涵盖了Web开发中的后端处理、数据库管理和前端展示等多个方面。通过研究和实践这个示例,开发者能够深入理解SpringMVC、Hibernate和EXT如何协同工作,从而...

    ext API帮助文档(chm格式),及ext教程

    EXT 3.0是这个库的一个版本,提供了丰富的组件和功能,使得开发者可以创建出具有桌面应用般用户体验的网页应用。EXT API帮助文档和EXT教程是学习和掌握EXT 3.0的关键资源。 《EXT 3.0 API帮助文档(中文CHM格式)》...

    ext 实例集

    "EXT实例集"是一个集合,包含了多种EXT的使用示例,对于初学者和有经验的EXT开发者来说都是一个宝贵的资源。 在EXT中,组件是构建用户界面的基础,包括表格(Grid)、面板(Panel)、窗口(Window)、菜单(Menu)...

    Ext+java学生管理系统源代码带数据库

    "对于初学Ext框架的人来说是很好的参考"意味着这个项目对于初学者具有很高的教育价值。通过阅读和分析源代码,初学者可以了解如何在实际项目中应用Ext JS,包括如何组织组件,如何处理数据,以及如何与后端进行通信...

    ext学习pdf

    一个pdf阅读器,特别适合对ext有兴趣的人和初学ext的人!!

Global site tag (gtag.js) - Google Analytics