在extjs中如何开发表单？

Question

您好，我正在尝试用extjs开发一个简单的表单，但问题是我无法设置字段的坐标

实际上，在extjs中，当我开发一个表单时，假设有两个

var uplift_box = new Ext.form.NumberField({
    name:'uplift_box' ,
    value:0 , 
    allowblank:false , 
    enableKeyEvents:true ,
    fieldLabel:'UPLIFT BOX' });

var uplift_box2 = new Ext.form.NumberField({
    name:'uplift_box2' ,
    value:0 , 
    allowblank:false , 
    enableKeyEvents:true ,
    fieldLabel:'UPLIFT2 BOX' }); 

var myform = new Ext.FormPanel({ 
    //url: 'your.php',
          //renderTo: Ext.getBody(),
    collapsible:true,
    frame:true,
    bodyStyle:'',
    title: 'Form Standard',
    layout: {
    type: 'form',
    msgTarget: 'side'
    },
    region:'north',
    //width: 250,
    height:150,
    items: [ uplift_box , uplift_box2 ]
});

这些字段总是一个接一个地显示，如何将它们与所显示的标签并排显示

Answer 1

我建议看一下extJs示例的源代码：

ExtJs dynamic form examples

如果希望表单域彼此相邻，可以通过使用表单域的父表单面板的ColumnLayout来实现。看一下给定链接的第三个示例的源代码，它应该会变得非常清楚。

要显示标签，请在属性"fieldLabel“中设置文本，要将标签与表单域左侧或顶部对齐，请在formPanel中使用"labelAlign”。