Javascript-форум (https://javascript.ru/forum/)
-   ExtJS (https://javascript.ru/forum/extjs/)
-   -   FieldSet в контейнере (https://javascript.ru/forum/extjs/12170-fieldset-v-kontejjnere.html)

Opts 04.10.2010 18:58

FieldSet в контейнере
 
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = 'D:/libs/ext-3.2.1/resources/images/default/s.gif';

	var fieldSet = new Ext.form.FieldSet({
		border: false,
	    height: 40,
	    items:[
	            {
	                xtype: 'combo',
	                fieldLabel: 'Filter Activities'
	            }
	        ]
	});
	
	var headerListActivities = new Ext.Container({
	    layout: 'hbox',
	    items: [
	            {
	            	xtype: 'spacer',
	            	width: 10
	            },
	            {
	                xtype: 'label',
	                text: 'List Activity:'
	            },
	            {
	            	xtype: 'spacer',
	            	width: 470
	            },
	            {
	            	border: false,
	            	items: [fieldSet]
	            }
	        ]
	});
	
	
	var panel = new Ext.FormPanel({
		width: 850,
		height: 100,
		renderTo: listactivity,
	    items: [
	            headerListActivities
	    ],
	    buttons: [
	       {
	    	   text: 'Create'
	       }, 
	       {
	    	   text: 'Cancel'
	       },
	       {
	    	   text: 'Open'
	       }
	    ]
	})
  });

так в IE

а в файрфоксе вообще ничего не отображает. И не могу понять что ему не нравится. И FireBug пустой. Даже не знаю в какую сторону смотреть.

VKS 05.10.2010 13:32

Вообщем вот пример, думаю разберешься

Ext.onReady(function() {
    Ext.QuickTips.init();
    var fieldset1 = {
      xtype       : 'fieldset',
      title       : 'Name',
      flex        : 1,
      border      : false,
      labelWidth  : 50,
      defaultType : 'field',
      defaults    : {
        anchor     : '-10',
        allowBlank : false
      },
      items : [
        {
          fieldLabel : 'First',
          name       : 'firstName'
        },
        {
          fieldLabel : 'Middle',
          name       : 'middle'
        }
      ]
    }
    
    var fieldset2 = Ext.apply({}, {
      flex       : 1,
      labelWidth : 50,
      title      : 'Address',
      items      : [
        {
          fieldLabel : 'Address',
          name       : 'address'
        },
        {
          fieldLabel : 'City',
          name       : 'city'
        }
      ]
    
    }, fieldset1);
    
    
    
    var fieldsetContainer = {
      xtype  : 'container',
      layout  : 'hbox',
      height  : 120,
      layoutConfig : {
        align : 'stretch',
      },
      items  : [
        fieldset1,
        fieldset2
      ]
    }
    
    var fp = new Ext.form.FormPanel({
      renderTo     : Ext.getBody(),
      width        : 700,
      title        : 'Title',
      height       : 500,
      frame        : true,
      style        : 'margin: 20',
      layout       : 'vbox',
      layoutConfig : {
            align : 'stretch'
        },
    
      defaults     : {
        msgTarget : 'side',
        anchor    : '-20'
      },
      items        : [
        fieldsetContainer
      ]
    });
});

Opts 05.10.2010 16:32

Спасибо, работает.


Часовой пояс GMT +3, время: 07:29.