ExtJS panel

JS 代码:Ext.onReady(function(){  myPanel = new Ext.Panel({               id:‘id‘,
              title:‘名字‘,
              width:600,
              autoheight:true,
              closable:true,
             collapsible:true,
             html: ‘‘,
             renderTo:myDiv
           });
       });

上面是JS代码,另外还要定义HTML代码,指定<div>位置。

HTML 代码:
 <div id="myDiv"></div>    

刷新机制:

panel没有reload()函数,有重新加载引用页的load()函数,中间需要穿参数。

刷新的话用Ext封装的另一个函数里的refresh,如下:

1 myPanel.getUpdater().refresh();

ExtJS  在线中文API文档 地址:

http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.panel.Panel

时间: 2024-10-25 02:00:15

ExtJS panel的相关文章

ExtJS Panel 基本介绍

1.Panel 是一个特殊的容器,因为他既有容器的特性,又具有自己独有的特性. Panel是一个容器,具有特定的功能和结构组件,使它使能够完美地为面向应用的用户界面创建部件. Panel继承自Ext.container.Container,可以设置自身的layout布局,并且可以包含子组件.要么指定Panel的items,要么动态向Panel中添加Components ,要记得考虑 你希望Panel如何排列这些子元素,并且这些子元素是否需要使用Ext内建的layoutlayout规则调整尺寸.

Extjs.panel.Panel赋值的问题

初学extjs,很是不爽.也是只有初学者才犯的错误,发出来以免再犯. 先创建一个panel var panel1 = Ext.create('Ext.panel.Panel', { id: 'p1', autoScroll: true }); 但是我要在Ext.grid.Panel中使用它,双击选中行并赋值给上面的这个panel. var maGrid = Ext.create("Ext.grid.Panel", { store: Ext.data.StoreManager.looku

ExtJs Panel 滚动条设置

设置autoscroll:true同时出现横向和纵向滚动条. 不要设置autoscroll属性,或者autoscroll:false,然后设置bodyStyle : 'overflow-x:hidden; overflow-y:scroll'. bodyStyle :'overflow-x:hidden;overflow-y:scroll', //隐藏水平滚动条,显示用overflow-x:visible  overflow-x属性 解释                          hid

集成 extjs 和 highcharts

highcharts 库的画图效果比 ExtJS 好,但 ExtJS 拥有强大的类管理.两者都很不错. 通常在商业项目上,尽量只选择一个库,以减少成本.但如果只是用于非盈利项目上,那么,可以把两者结合起来,既可以用到 extjs 强大的类管理,又可以用到 highcharts 强大的图像功能.各取两者的优势,也是一种不错的使用办法哦. 利用了 extjs panel 的标题,又使用了 highchart 的画图 1 导入库 如下代码所示:具体就是引用 extjs,jquery, highchar

G4Studio+extjs+highcharts 下在ext4j的panel中放入hightCharts图表

在G4Studio+extjs下.创建一个panel,然后将highCharts图表放入panel中.实现方法例如以下: 首先简单给出的部分代码: Ext.onReady(function() { var panel = new Ext.Panel({ title: '', region:'center', items: [{ html: '<div id="container" style="width: auto;height: 487px; margin: 0 a

基于利用Jquery模拟Extjs的Panel界面的开发

JQuery 是一个强大js 选择器的开源框架脚本,有了他,本来要写20多行的js脚本,现在只需要10行就能完成,可惜的是,在界面方面,他虽然有Jquery-ui, 但他并没有建立一整套开源成熟的组件,如果他像Extjs/sencha那么成熟的套件,相信会更多人爱他.而像extjs的juqery成熟的开发库 miniUI 却要收费. 所以我尝试,仿照Extjs,模拟重写像Extjs的一套Panel窗口 ,但代码量足足比Extjs/sencha少了50%. 下载连接: https://github

谁对EXTJS熟悉,有关关闭panel的问题?

谁对EXTJS熟悉,有关关闭panel的问题?比如:我在A.js 中写了一个  var  win  =   new  Ext.Window( { b.js });   win.show(); 打开了一个新的窗口,然后在b.js 中写了一个按钮提交信息. 现在我想在b的提交完了后,能够关闭win.show();出来的窗口,应该怎么做? 我试着在b中用window.close();不能关闭,或者能不能调用到窗口中的叉事件关闭? 用close事件的时候我记得有个问题,close好像是永远的销毁了这个对

【extjs】 extjs5 Ext.grid.Panel 搜索示例

先看效果图: 页面js: <script type="text/javascript"> /** * 日志类型 store * */ var logTypeStore = Ext.create('Ext.data.Store', { fields: ['type', 'name'], data : [ {"type":"1", "name":"登录日志"}, {"type":

Extjs学习笔记--Ext.tree.Panel

Ext.create('Ext.tree.Panel', { title: 'Simple Tree', width: 200, height: 150, store: store, rootVisible: false, //是否显示根节点 lines:false,//是否显示树节点前面的虚线 参考图A,B renderTo: Ext.getBody() });            图片A                           图片B