EXTJS的ITEMS的问题

问题描述

var top = new Ext.({ labelAlign: 'top',//标题显示位置 frame:true, title: 'Multi Column, Nested Layouts and Anchoring', bodyStyle:'padding:5px 5px 0', width: 600, items: [{ layout:'column',//采用列布局 items:[{ columnWidth:.5,//占用50％ layout: 'form' }]})按照官方的翻译是一个或一组控件将被装入到当前容器中，而控件的要求是只要继承于Ext.Component上面的代码中的具体是加入了哪一种控件呢如果是FormPanel这个控件的话但我没有找到columnWidth这个属性不知道有谁可以解决这下问题

解决方案

panel的layout为column时，可以在items中使用columnWidth此时是按列的布局formPanel其实是一个layout为form的panel，所以不能用columnWidth正确的做法是layout为column的panel中嵌套formpanel（用过swing或swt的话，很类似）

时间： 2024-09-21 06:28:27

EXTJS的ITEMS的问题的相关文章

ExtJs 动态RadioGroup的子项 [ Ext | RadioGroup | items ]

前言 ExtJs的RadioGroup在3.0中正式的放在了Ext.form命名空间下面,也是常用的控件之一,本文将实现简化该元件并动态指定子项. 版本 ext-3.0.0 正文 1. 实现代码 //Ext.form.RadioGroup扩展Ext.override(Ext.form.RadioGroup, {     getItems:function(){         return this.items;     },     setItems:function(data){      

EXTJS 子窗口中的combo二级关联第二次选中项后combo不刷新

问题描述 1.第一次选择'郑州铁路供电牵引系统'次级COMBO显示如下数据(正常)2.第二次选择'自来水系统'次级COMBO显示数据如下(非正常)3.选择'自来水系统'次级COMBO正常显示数据应该如下4.问题所在..5.排除后台数据错误可能(因为本人已经细心调试过,也查看过数据库数据)6.代码片段以下JS代码在按钮的handler事件中vartempAddFP=newForum.themePanel(['theme','问题名称','是否启用','问题状态','问题描述','选择项目','所属

ExtJS入门教程06，grid分页的实现

前面两篇内容分别介绍了extjs grid的基本用法和extjs grid异步加载数据,这篇文章将介绍extjs grid的分页. 数据量大的时候我们必须用到分页,结合上一篇的异步加载数据,今天我们就看看如何异步的加载分页数据. 在extjs grid的请求中,包含几个参数,如图: page:当前页 start:起始行的行号 limit:每页数据行数,默认为25 在请求处理的时候,我们只要获得这些参数,就可以方便的将想要的分页后的数据返回给客户端. 接下来我们新建一个handler,用来处理分页

弹窗-Extjs 网页弹表格窗问题

问题描述 Extjs 网页弹表格窗问题 10C 我需要的是点击一个按钮弹出一个图上这样的窗口 然后双击 其中任意一行获取到改行的数据添加到对应的多个输入框中 因为刚到公司不久 对EXT不熟悉 公司封装的是从数据库中取值 我要换成从后台方法中取值的方式,研究一天了没有头绪,公司又催的太紧没有办法了只能求助各位大神,麻烦给我提供一个能实现该功能的源码 最好是有传参类型的 谢谢大家了 解决方案 因为没有你具体的代码,没法帮到你,这里有个类似的参考:http://www.tuicool.com/arti

[ExtJS]设置级联菜单的默认值

前言 ExtJS在修改这样的页面上赋值是很方便的,在正文中1.2.1代码中可以看出,一行代码就可以搞定,但这是对于普通控件而言,如文本框.对于ComboBox可没这么简单...   版本 Ext JS Library 3.0.0   正文 一.问题 1.1 截图   1.2 代码 1.2.1 前端代码     <script type="text/javascript">         //        function ExtStore(url)         {

ext-js中使用blur()和focus()来控制焦点

问题再现: 我们遇到以下的问题,就是在ext-js的一个combo控件上选择并点击一个menu item,会弹出一个对话框,如果不选择对话框的时候,焦点始终在原来的combo控件上,而不会定位到弹出对话框中的输入文本框中. 如图: 当我们在这个combobox中选择upgrade时候,会弹出一个输入密码对话框: 这时候,如果不点击"Password Check"对话框中的密码文本框,那么焦点始终在原来的Combobox上. 这个comboBox的代码如下: xtype: 'combo'

用Asp.net扩展ExtJS

<% List<ExtJS.Net.ExtJsBase> list = new List<ExtJS.Net.ExtJsBase>() { new ExtJS.Net.ExtJS.Form.ExtFormPanel() { border=false, bodyStyle="padding:10px;", items=new List<ExtJS.Net.ExtJsBase>() { new ExtJS.Net.ExtJS.Form.ExtTex

ExtJs实践

假如我们程序中有产品(Product)和产品分类(Category)这2个类,前端使用 ExtJs,通过JSON格式同后端进行通讯: public class Category { public string Id { get; set; } public string Name { get; set; } } public class Product { public string Id { get; set; } public string Name { get; set; } public

ExtJs学习笔记(14)_Column布局

Column布局有点象传统html中的table的td,但是也有不同的地方: 先看下代码 <script type="text/javascript"> Ext.onReady(function(){ var win=new Ext.Window({ title:"Column Layout", height:300, width:400, plain:true, layout:'column', items:[{ title:"width=5