0

当显示我们的表单时，字段（文本字段、下拉列表等）正在重叠。如果我们第二次关闭，则它们已正确加载。任何人都可以为此提出解决方案吗？

我们使用的是 Extjs 版本 4。请查看下面给出的代码：

这是当我们单击一个网格上的操作列按钮时执行的代码：

   var rec = grid.getStore().getAt(rowIndex);
   var win;
   var invID=rec.get('arInvoiceId');
   var documentId=rec.get('id');
   // alert('invoiceID=='+invID);
   var datar = new Array();
   var jsonDataEncode = "";  
   Ext.define('SupportModel', {
       extend : 'Ext.data.Model',
       fields : [ {
           name : 'supportableType',
           mapping : 'properties["supportable.type"]'

       }],
       proxy : {
           type : 'ajax',
           url : 'support.htm',
           noCache: false,
           extraParams : {
               invoicdIdRef: documentId
           },
           reader : new Ext.data.JsonReader({
               root : 'results'
           })
       }

   });
   var storesupport = Ext.create('Ext.data.Store', {
       model : 'SupportModel',
       id : 'storesupport'
   });
   storesupport.load();

   storesupport.on('load', function(){
       var records = storesupport.getRange();

       for (var i = 0; i < records.length; i++) {

           datar[i] = records[i].get('supportableType');

       }

       showUpdateForm(rec, win,datar);

       Ext.getCmp('gridPnlForUpdate').getStore().load();
   });

这是我们在 showUpdateForm 方法中加载的表单...我只提供表单中的一项。但还有更多类似的领域。

    var form = Ext.create('Ext.form.Panel', {
        autoScroll: true,
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        border: false,
        bodyPadding: 10,
        fieldDefaults: {
            labelWidth: 100,
            labelStyle: 'font-weight:bold'
        },
        defaults: {
            margins: '0 0 10 0',
            style:{
                'margin-left':'20px',
                'margin-right':'20px'
            }   
        },
        items: [ 
                {
                    xtype: 'textfield',
                    fieldLabel: 'Author',
                    name: 'author',
                    id: 'author',
                    width: 150,
                    value: rec.get('author'),
                    hidden: true
            }
4

1 回答 1

1

不要将 margins 属性与样式属性中的边距一起使用，只需使用两者之一 like margins: '0 20 10 20',。

发生了什么不能说，但事实是 ExtJS 在第一次渲染时无法确定正确的布局。很可能您的组件中有问题会导致此问题。

你可以尝试的是：

对于任何进一步的帮助，我仍然需要有关您的表格或其放置位置的更多信息。我猜它被放入容器中？

顺便说一句。您的win变量未定义。

于 2012-12-19T08:59:12.737 回答