摘要：var xxxPanel = new Ext.Panel({//...各种属性listeners:{'collapse': function(node,e){//todo 收缩的操作 },'expand' : function(node,e){//todo 展开的操作 }},//...其他属性});
阅读全文
随笔分类 - | Extjs |
摘要：panel有一个收缩属性配置。配置为true后就是一个向上的箭头，点击后收缩。调用 panel.collapse(true),可以执行面板的收缩效果，panel.expand()为展开~
阅读全文
摘要：Important: this config is only effective forcollapsiblePanels which are direct child items of aborder layout.Whennota direct child item of aborder layout, then the Panel's header remains visible, and the body is collapsed to zero dimensions. If the Panel has no header, then a new header (orienta
阅读全文
摘要：Ext布局总的来说是很灵活的，因此我觉得有必要一块探讨一下。Ext常用的布局都在Ext.layout下，这里几乎涵盖了所有的布局方式（但是值得注意的是通常我们不是直接通过"new"来创建这些类的对象然后往里面添加控件使用，而是作为控件一个配置属性使用让Ext自动创建对应的类），满足开发者需求。那么我们就其中常用的方式逐一介绍。Border布局Border布局是Ext中常用布局方式（经常用到整个页面的总体布局），感觉用的几率很大。在看代码之前先熟悉一种特殊的容器ViewPort，它是对于浏览器视窗的抽象，你可以将它理解为浏览器的可见区域，它将渲染到document.body并
阅读全文
摘要：目标：介绍Panel布局的各种类 Panel布局类在VS中的介绍内容：Panel布局类有10种：容器布局，自适应布局，折叠布局，卡片式布局，锚点布局，绝对位置布局，表单布局，列布局，表格布局，边框布局 1，Ext.layout.ContainerLayout 容器布局 提供容器作为布局的基础逻辑，通常会被扩展而不通过new关键字直接创建，一般作为默认布局存在 2，Ext.layout.FitLayout 自适应布局使用layout:'fit' 将使面板子元素自动充满容器，如果有多个子面板也只会第一个会被显示 3，Ext.layout.AccordionLayout 折叠布局 （
阅读全文
摘要：为了在发起某一事件后，阻止用户对界面的进行操作，可以使用ExtJS提供的针对Ext.Element的mask和unmask例如：1、对整个body操作 1 function reLoadData(){ 2 Ext.getBody().mask("数据重新加载中，请稍等"); 3 4 var requestConfig = { 5 url : '#',//url可以根据需要设置 6 callback : function(options, success, response){ 7 var msg = ["", , "\n&quo
阅读全文
