0

フォームが表示されると、フィールド (テキストフィールド、ドロップダウン リストなど) が重なって表示されます。2 回目の for を閉じると、適切にロードされます。誰かがこれに対する解決策を提案できますか?

Extjs バージョン 4 を使用しています。以下のコードをご覧ください。

これは、1 つのグリッドのアクション列ボタンをクリックしたときに実行されるコードです。

   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 メソッドで読み込んでいるフォームです...フォームには 1 つのアイテムしか提供していません。しかし、それに似たフィールドが他にもあります。

    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: '0 20 10 20',。

何が起こったのかはわかりませんが、ExtJS が最初のレンダリングで正しいレイアウトを判断できないのは事実です。ほとんどの場合、これを引き起こすコンポーネント内に問題があります。

あなたが試すことができるものは次のとおりです。

さらにサポートが必要な場合は、フォームまたはフォームの配置場所に関する詳細情報が必要です。コンテナに入れられていると思いますか？

そしてところで。あなたのwin変数は未定義のままです。

于 2012-12-19T08:59:12.737 に答える