ExtJS4 表单横向布局

谁借莪１个温暖的怀抱￠ 2022-09-25 03:29 183阅读 0赞

效果图：

![Center][]

源码:

var win = Ext.create("Ext.window.Window", \{  
title: "审计底稿",  
width: 700,  
height: 600,  
items: \{  
xtype: "form",  
margin: 5,  
height:560,  
border: true,  
items:\[\{  
layout:'column',  
frame:false,  
border:0,  
items:\[  
\{xtype: "textfield", name: "name",  padding:10, fieldLabel: "审计项目<font color=red>\* </font>", value:'对公信贷',valueWidth:200, allowBlank: false\},  
\{xtype: "textfield", name: "name1", padding:10, fieldLabel: "审计分项<font color=red>\* </font>", value:'综合管理',valueWidth:200, allowBlank: false\}  
\]\},\{  
layout:'column',  
frame:false,  
border:0,  
items:\[  
\{xtype: "textfield", name: "name2", padding:10, fieldLabel: "业务单元<font color=red>\* </font>", value:'业务管理',valueWidth:200, allowBlank: false\},  
\{xtype: "textfield", name: "name3", padding:10, fieldLabel: "控制环节<font color=red>\* </font>", value:name1,  valueWidth:200, allowBlank: false\}  
\]  
\},\{  
layout:'column',  
frame:false,  
border:0,  
items:\[  
\{xtype: "textfield", name: "name4", padding:10, fieldLabel: "创建人<font color=red>\* </font>",  value:name2,  valueWidth:200, allowBlank: false\}  
\]  
\},  
\{xtype: "textarea", name: "name5",  padding:10, fieldLabel: "审计过程", value:'',     rows:10,cols:70,allowBlank: true\},  
\{xtype: "textarea", name: "name6",  padding:10, fieldLabel: "审计发现", value:'',     rows:10,cols:70, allowBlank: true\}  
  
\]  
       \},  
buttons: \[  
\{text: "保存",handler:function()\{win.close()\}\},  
\{text: "取消",handler:function()\{win.close()\}\}  
\]  
\});   
win.show();  
           \}

[Center]: /images/20220718/b75c0053910d4d37bb16dbef9c041195.png

发表评论取消回复

表情：

评论列表（有 0 条评论，183人围观）

还没有评论，来说两句吧...

相关阅读

相关 Bootstrap表单及表单布局

Bootstrap4 支持二种表单布局方式：堆叠表单（垂直方向），内联表单（水平方向）。示例1（堆叠表单） ![在这里插入图片描述][b614b269291b45da

r囧r小猫/ 2023年09月24日 16:57/ 0 赞/ 82 阅读

相关表单布局

表单对于横向一致排开的搜索表单（上搜索下结果），最好使用固定框宽度的布局，可以结合element表单控件在布局的时候，最好能统一html标签格式（如，统一将clas

雨点打透心脏的1/2处/ 2023年08月17日 15:44/ 0 赞/ 116 阅读

相关 ExtJS4 toolbar布局

效果图： ![Center][] tbar : \[ '->',\{ xtype : 'combobox', displayField : 'value'

落日映苍穹つ/ 2022年09月25日 08:24/ 0 赞/ 226 阅读

相关 ExtJS4 表单横向布局

效果图： ![Center][] 源码: var win = Ext.create("Ext.window.Window", \{ title: "审计底稿",

谁借莪１个温暖的怀抱￠/ 2022年09月25日 03:29/ 0 赞/ 184 阅读

相关 ExtJS4-布局系统详解

今天我们来对ExtJS 4.2 的布局（Layout）进行一次系统的学习。在ExtJS 4.2中，提供了十几种布局，我们可以在api中看到： ![image][] 在这些布

古城微笑少年丶/ 2022年09月23日 10:54/ 0 赞/ 219 阅读

相关 extjs 表单验证实例

//放在onReady的function（）\{\}中 Ext.QuickTips.init(); //为组件提供提示信息功能，

港控/mmm°/ 2022年09月20日 12:36/ 0 赞/ 178 阅读

相关 ExtJS4-页面控件（Form表单）

Ext.form.Panel 说明：Form fields包括：hiddenfield，displayfield，textfield，textareafield，filef

偏执的太偏执、/ 2022年07月13日 00:12/ 0 赞/ 249 阅读

相关 extjs4.2 from表单创建、窗口设置、显示

什么都不说了，先贴上代码 var form = new Ext.form.FormPanel({ frame: true,

淡淡的烟草味﹌/ 2022年06月03日 07:41/ 0 赞/ 323 阅读

相关 EXTJs 布局

<1>FitLayout 自适应布局 FitLayout 是布局的基础类，对应面板布局配置项（layout）的名称为 fit，使用 fit 布局将使面板子元素自动充满容器，如

曾经终败给现在/ 2022年02月27日 15:46/ 0 赞/ 292 阅读

相关 ExtJs 3.4.0 表单column布局（纵向，列布局）

column布局（纵向，列布局） \{ layout:'column', items:\[\{ columnWidth:1 / 2, // 平分宽度 la

电玩女神/ 2021年09月26日 12:12/ 0 赞/ 376 阅读