1. #1
    Ext User
    Join Date
    Jan 2008
    Posts
    5
    Vote Rating
    0
    johnbarbic is on a distinguished road

      0  

    Default Issue with Combo Box behavior within a form that is within a tab

    Issue with Combo Box behavior within a form that is within a tab


    I have a 4 tab page with a form embedded on each one that drives a grid. As I begin to code my first tab I added a combo box the form and noticed two things: First, the drop down options wasn't sized width-wise with respect to the combo, and second, I can't seem to get the selected value to post when the form posts. In other words, if I select the second option, and that option's value is 2, 2 will not be found in the form fields on post.


    I found threads on layoutOnTabChange, and also some threads about anchoring forms, but I don't exactly know how to do that or if it would solve my problem. The form and combo box code work just fine when they are not with the tabs, in other words, when the form is rendered to a div, but not in this configuration so I hope I am missing something, but what and how?

    Thanks for your time.

    Here is relevant code and I have also attached a screen shot of the combo box so you can see the layout problem


    Code:
    Ext.onReady(function(){
    
    	var tabPanel236 = new Ext.TabPanel({
    		renderTo: "out",
    		activeTab: Ext.state.Manager.get('active_tab', 0),
    			listeners: {
    				'tabchange': function(){
    				Ext.state.Manager.set('active_tab', Ext.getCmp('id-community-tabpanel').getActiveTab().getId()) ;
    				}
    			},
    		autoHeight: true,
    		deferredRender: false,
    		frame: true,
    		hideBorders: true,
    		id: "id-community-tabpanel",
    		layoutOnTabChange: true,
    		plain: true,
    		renderTo: "out",
    		width: 900,
    			items: [
    					{
    					id: "id-tab-friends",
    					title: "Friends",
    					layout: "form",
    					defaults: { width: 850 },
    					defaultType: "textfield",
    					items: [
    					{
    				xtype: "form",
    				id:'filterForm',
    				bodyStyle: "padding: 10px",
    				border: false,
    				labelAlign: "left",
    				labelWidth: 0,
    				width: 800,
    				standardSubmit:false,
    		items: [
    				{
    					id: "contactId",
    					labelSeparator: ":",
    					name: "contactId",
    					value: "146",
    					width: 200,
    					fieldLabel: "Contact Id",
    					name: "contactId",
    					xtype: "hidden"
    				} ,
    				{
    					id: "qType",
    					labelSeparator: ":",
    					name: "qType",
    					value: "1",
    					width: 200,
    					fieldLabel: "Q Type",
    					name: "qType",
    					xtype: "hidden"
    				} ,
    							{
    
    								xtype		: "combo",
    								editable	: false,
    								hideLabel	: true,
    								store		: new Ext.data.SimpleStore({
    													fields: ["value", "text"],
    													data: [
    													["1", "My Network"] ,
    													["2", "Networks I Belong To"] ,
    													["0", "Both"]  ]
    												}),
    								listeners: {select:function(combo,record,index){frm = Ext.getCmp('filterForm').getForm();frm.submit()}},
    								name: "networkInd",
    								triggerAction: "all",
    
    								width: 200,
    								mode: "local",
    								displayField: "text",
    								valueField: "value",
    								hiddenName: "networkInd",
    								fieldLabel: "Network"
    					        }
    					 ],
    		defaults: {
    			dummy: true
    		}
    
    	}
    	 ],
    		html: "<div id=\"frnd\"></div>",
    
    		dummy: true
    
    	}
    Attached Images

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi