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”。

在extjs中如何开发表格？

1 个答案: