Extjs组件render说明与Demo

submaze

浏览: 117897 次
性别:
来自: 深圳

最近访客更多访客>>

esports52

ufostop

psht

116856645

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

html UI EXTJS

1.调用组件的render方法
   panel.render('div');

2.在配置中指定 renderTo 属性
   renderTo:'div',

3.配置中指定 applyTo ，这将把元素呈现到该属性的父元素上
   applyTo:'divChild',

4.通过指定 el 属性，指定后调用 render 方法
   el:'div'
   panel.render();

5.通过调用 show 方法
   panel.show(); //一般用在显示已经被 hide 的元素上

Demo is EXTJS 2.0版本--需要引入EXT必要文件，才可以运行


	<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
	<script type="text/javascript" src="extjs/js/ext-base.js"></script>
	<script type="text/javascript" src="extjs/js/ext-all.js"></script>
	<script type="text/javascript" src="extjs/js/ext-lang-zh_CN.js"></script>
	
		
	<script type="text/javascript">
		Ext.onReady(function(){
			var box = new Ext.BoxComponent({
				el:'test2',
				style:'background-color:green;position:absolute;',
				pageX:200,
				pageY:250,
				width:200,
				height:150
			});
			box.render();
		
			var panel = new Ext.Panel({
				el:'test',
				title:'测试标题',
				floating:true,
				shadow:true,
				draggable:true,
				collapsible:true,
				html:'测试内容',
				pageX:100,
				pageY:50,
				width:200,
				height:150
			});
			panel.render();
		});
	</script>

  </head>
  
  <body>
    <div id="test"></div>
    <div id="test2"></div>
  </body>

分享到：

深入浅出ExtJS随书源码--EXTJS2.0 | JAVA多线程死锁程序Demo

2013-05-02 16:05
浏览 1696
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Extjs组件render说明与Demo

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Extjs组件render说明与Demo

评论

发表评论

相关推荐

CSS雪碧图demo（含雪碧代码）

easyui subgrid 多层子表格参考

鼠标拖拽DIV效果

css控制文本自动换行

js表单提交

滚动条样式

原生JavaScript技巧大收集100（上）

编写jquery插件中的闭包demo

怎样让一个div高度自适应浏览器

jquery框架学习

用JS的eval解析JSON中的注意点

鼠标hover悬停事件

html滚动条CSS样式

json数据结构

JS函数-接收任意个参数

EXTJS3.0中文帮助文档

EXTJS2.0表格中文排序

EXTJS3.0 IE9兼容性解决方案--IE兼容性解决方案

UI讨论

select 取值 jquery

最近访客更多访客>>