`
shnsvyu
  • 浏览: 9172 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

extjs多列显示

阅读更多
var detailForm = new Ext.FormPanel({   
        id:"detail",   
        layout:"form",   
        labelWidth: 60,   
        labelAlign:"right",   
        border:false,   
        frame:true,   
        width: 600,//宽度设置要合理,如果FormPanel的宽度小于控件的宽度,column布局时控件不能正常显示   
        height:400,   
//      autoHeight:true,   
//      defaultType: 'textfield',//column布局时不能设置该属性,否则不能正常显示   
        items: [{//第一行   
            layout:"column",   
            items:[{   
                columnWidth:.3,//第一列   
                layout:"form",   
                items:[{   
                    xtype:"textfield",   
                    fieldLabel: '合同编号',   
                    name: 'contractId',   
                    width:100   
                    }]   
            },{   
                columnWidth:.3,//第二列   
                layout:"form",   
                items:[{   
                    xtype:"textfield",   
                    fieldLabel: '合同名称',   
                    name: 'contractId1',   
                    width:100   
                    }]   
            },{   
                columnWidth:.3,//第三列   
                layout:"form",   
                items:[{   
                    xtype:"textfield",   
                    fieldLabel: '合同',   
                    name: 'contractId2',   
                    width:100   
                    }]   
            }]},//第一行结束   
            {//第一行   
            layout:"column",   
            items:[{   
                columnWidth:.3,//第一列   
                layout:"form",   
                items:[{   
                    xtype:"textfield",   
                    fieldLabel: '合同编号',   
                    name: 'contractId',   
                    width:100   
                    }]   
            },{   
                columnWidth:.3,//第二列   
                layout:"form",   
                items:[{   
                    xtype:"textfield",   
                    fieldLabel: '合同名称',   
                    name: 'contractId1',   
                    width:100   
                    }]   
            },{   
                columnWidth:.3,//第三列   
                layout:"form",   
                items:[{   
                    xtype:"textfield",   
                    fieldLabel: '合同',   
                    name: 'contractId2',   
                    width:100   
                    }]   
            }]},//第一行结束   
            {//第一行   
            layout:"column",   
            items:[{   
                columnWidth:.3,//第一列   
                layout:"form",   
                items:[{   
                    xtype:"textfield",   
                    fieldLabel: '合同编号',   
                    name: 'contractId',   
                    width:100   
                    }]   
            },{   
                columnWidth:.3,//第二列   
                layout:"form",   
                items:[{   
                    xtype:"textfield",   
                    fieldLabel: '合同名称',   
                    name: 'contractId1',   
                    width:100   
                    }]   
            },{   
                columnWidth:.3,//第三列   
                layout:"form",   
                items:[{   
                    xtype:"textfield",   
                    fieldLabel: '合同',   
                    name: 'contractId2',   
                    width:100   
                    }]   
            }]}//第一行结束   
           ]   
      });

 

分享到:
评论

相关推荐

    Extjs gridpanel 出现横向滚动条问题的解决方法

    Extjs gridpanel 出现横向滚动条问题的解决方法,在gridpanel中加入以下代码即可。

    基于Extjs的开源控件库ExtAspNet v3.1.9.rar

    ExtAspNet - 基于 ExtJS ...-复选框列的排列位置默认靠左显示,同时更新示例grid/grid_centercolumn.aspx。 -为Grid增加多表头功能,增加示例/grid/gridgroupheader.aspx和/grid/gridgroupheader2.aspx(快乐的猪)。

    掏钱学Ext(完整版) 附全部源码

    2.4. 按顺序,咱们先要把常见功能讲到,让grid支持按列排序 2.5. 让单元格里显示红色的字,图片,按钮,你还能想到什么? 2.6. 更进一步,自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. 全选checkbox的时间了...

    基于Extjs的开源控件库ExtAspNet英文版 v3.1.9

    基于Extjs的开源控件库ExtAspNet英文版 v3.1.9,ExtAspNet - 基于 ExtJS 的专业 ASP.NET 2.0 ...-修正CheckBoxList和RadioButtonList初始为空时页面不能显示的BUG(e先生、黑眼睛咪咪、宇洋)。 -预祝俺家小师生日快乐!

    基于Extjs的开源控件库ExtAspNet中文版 v3.1.9

    基于Extjs的开源控件库ExtAspNet中文版 v3.1.9,ExtAspNet - 基于 ExtJS 的专业 ASP.NET 2.0 ...-修正CheckBoxList和RadioButtonList初始为空时页面不能显示的BUG(e先生、黑眼睛咪咪、宇洋)。 -预祝俺家小师生日快乐!

    4.0Ext 树型结构

    树是在ExtJS里面最多彩缤纷的组件之一,用于显示层次状明显的数据来说十分适合。树跟表格都是来自同一个基类的,可用于表格的扩展或者插件都可以用到树上。比如多列、尺寸控制、拖放、渲染和筛选这些功能

    Ext Js权威指南(.zip.001

    10.2.4 通过列对象定义单元格的显示格式 / 525 10.2.5 设置行的背景颜色 / 532 10.2.6 列标题的分组 / 533 10.2.7 使用锁定列 / 534 10.2.8 grid的配置项、属性、方法和事件 / 535 10.3 grid的附加功能 / 537 ...

    树形表格菜单 动态添加节点/动态删除节点/动态移动节点

    1.完整的包命名空间 2.自定义header footer 3.动态添加节点/动态删除节点/动态...15.支持插件开发,可以为树添加更多功能,例如下拉框树,选择框树,可编辑内容的树,拖动节点等都可以很容易自己实现或者根据第三方js实现

    ExtAspNet_v2.3.2_dll

    ExtAspNet - ExtJS based ASP.NET Controls with Full AJAX Support ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有...

    Tabletree4j Version 2

    支持插件开发,可以为树添加更多功能,例如下拉框树,选择框树,可编辑内容的树,拖动节点等都可以很容易自己实现或者根据第三方js实现 最新版本下载主页: http://sourceforge.net/projects/tabletree4j/files/ 百度...

    EXT教程EXT用大量的实例演示Ext实例

    看看extjs那些美丽的例子。 1.1. 一切从extjs发布包开始 1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总...

    EXT2.0中文教程

    看看extjs那些美丽的例子。 1.1. 一切从extjs发布包开始 1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +修正动态创建Grid列的BUG(feedback:gxpan)。 -增加示例(data/grid_dynamic_columns.aspx)。 -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, ...

    Sveil开源商城系统 1.0

    5、在IE浏览器右列错误。 6、添加礼品包装信息 7、订单PDF打印不支持长产品名称。 8、设置墙纸失败 9、Sveil最新版通告窗口不能自动关闭 10、tiny_mce在IE浏览器中错误 11、在IE浏览器中添加/编辑分类...

    ExtAspNet控件 v3.1.9源码2012825

    基于 ExtJS 的专业 ASP.NET 2.0 控件库,拥有原生的 AJAX 支持和华丽的UI效果。 ExtAspNet的使命 创建没有 JavaScript,没有 CSS,没有 UpdatePanel,没有 ViewState,没有 WebServices 的网站应用程序。 支持的...

    Ext 开发指南 学习资料

    看看extjs那些美丽的例子。 1.1. 一切从extjs发布包开始 1.2. 看看ext-2.0.2的文档 1.3. 为什么有的例子必须放在服务器上才能看到效果? 1.4. 为什么自己按照例子写的代码,显示出来总找不到图片 1.5. 我们还需要...

    EzDict.NET 易典 免费在线辞典

    左侧其它几个标签中所列词条均可双击查询。 谷歌查询、维基查询——为方便用户从外部获取信息,您可通过点击顶部查询按钮右侧设置的“G”、“W”按钮在新页面中察看谷歌或维基查询结果。 历史纪录——查询记录被...

    UniGUI 说明

    cmj 等人,给了众多使用 UniGUI 的人很多帮助。 这个文档, 主要是学习与方便后来之人, 文档积累的起因是严肃而正式的, 因为每个人 都有学习的需求;但文档的所谓版权、著述, 我希望它是有公益色彩的东西,如有哪...

Global site tag (gtag.js) - Google Analytics