- 浏览: 113646 次
- 性别:
- 来自: 深圳
文章分类
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必要文件,才可以运行
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>
发表评论
-
CSS雪碧图demo(含雪碧代码)
2016-06-12 21:09 719css雪碧图demo效果图,含hover,代码附件下载sp ... -
easyui subgrid 多层子表格参考
2015-08-11 14:25 825参考回帖代码 http://bbs.csdn.net/topi ... -
鼠标拖拽DIV效果
2015-03-31 18:09 481代码效果-鼠标点击DIV,可以任意拖拽DIV <! ... -
css控制文本自动换行
2015-03-20 14:34 557http://wenku.baidu.com/link?ur ... -
js表单提交
2014-05-09 17:07 607js 表单提交 <html> <he ... -
滚动条样式
2014-05-06 20:53 293参考资料: http://manos.malihu.gr/t ... -
原生JavaScript技巧大收集100(上)
2013-12-30 19:53 395原生JavaScript技巧大收集,JavaScipt初学的各 ... -
编写jquery插件中的闭包demo
2013-12-18 16:43 2321demo中的代码,需要jquery库文件支持 //闭包特性 ... -
怎样让一个div高度自适应浏览器
2013-12-18 09:33 508网页中需要同时设置如下代码 html,body{heigh ... -
jquery框架学习
2013-12-10 09:27 367http://developer.51cto.com/art/ ... -
用JS的eval解析JSON中的注意点
2013-07-18 22:43 947eval 方法 将其中的参数 ... -
鼠标hover悬停事件
2013-07-16 16:50 822<title>鼠标hover悬停事件< ... -
html滚动条CSS样式
2013-07-16 16:19 842DEMO: body{ SCROLLBAR-FACE ... -
json数据结构
2013-06-06 16:42 566<script> //=====1===== ... -
JS函数-接收任意个参数
2013-06-06 09:28 2237<script> //可以接收任意多个参数 ... -
EXTJS3.0中文帮助文档
2013-06-05 19:38 804EXTJS中文帮助文档下载 -
EXTJS2.0表格中文排序
2013-06-05 14:42 948//引入必要的EXT开发环境 <link rel ... -
EXTJS3.0 IE9兼容性解决方案--IE兼容性解决方案
2013-05-24 14:57 1496我们的一个项目是用ExtJS做的,但在IE9下几乎完全不能用。 ... -
UI讨论
2013-05-22 15:27 7321.公司如果要研发自己的UI框架,JQuery和EXT该如何选 ... -
select 取值 jquery
2013-04-12 22:19 714<select id="country& ...
相关推荐
ExtJs组件类的对应表,很好的,分享给大家!!
这里主要介绍了ExtJS常用组件的样式修改,包括工具栏样式修改、菜单样式修改、树形菜单样式修改、表格样式修改、按钮样式修改等。
Extjs4的demo 很不错的例子
ExtJs Demo100个演示Demo
CooliteToolkit(ExtJS可视化控件)Demo ExtJS JavaScript Framework and asp.net ajax Coolite Toolkit 是一个支持ASP.NET AJAX的Web控件,Coolite Toolkit非常适合做web应用程序的开发,它提供了很多专业的Asp.net...
extjs的经典标签,表单等案例,学习extjs前端框架的基础
ExtJS 组件扩展 如何正确使用Extjs---扩展组件的两个层次
http://【localhost:5012/web】/Extjs5Demo/build/examples/index.html 【】内,输入Extjs5Demo在服务器上的地址,即可看到官方文档
ExtJS后台框架_Demo,只写了一部份,可供学习人员查看并完善!
包括从基础到深入的EXTjs组件解释,EXTjs实例,EXT核心API详解,Ext.DomQuery类
extjs组件介绍
extjs+demo+apiextjs+demo+apiextjs+demo+apiextjs+demo+api
extJS最新的源码以及相关内容的演示,需要的可以下
extjs入门学习,各个组件的使用,包括Observable、Observable、BoxComponent、Container、Panel、Viewport及Window...
Extjs4.2练习小Demo,新手第一次上传啦,多要点分好下载更多的资源的说
extJs 首页demoextJs 首页demo
EXTJS 上传组件及示例EXTJS 上传组件及示例EXTJS 上传组件及示例
extjs初体验 适合extjs初学者 extjs版本为4.2.1 结构简单 适合入门
extjs 4.0官方资源包,里边包含大量的例子,建议放在web服务下后访问。
extjs+java 的demo。 part1 后续更新完,总共2部分.