PDA

View Full Version : ext applying inline styles...that i don't want



bcamp1973
31 Jan 2008, 2:11 PM
ext is applying inline styles to a combo box. i'm trying to position it, but the inline styles of course override anything i do...here's my code...


function customerSelect(){

var customerStore = new Ext.data.JsonStore({
url : '../shared/data/json_customers.php'
,root : 'customers'
,totalProperty : 'totalCount'
,id : 'id'
,fields : ['name']
});

var customerSwitch = new Ext.form.ComboBox({
store : customerStore
,renderTo : 'customerSwitch'
,displayField : 'name'
,valueField : 'id'
,typeAhead : true
,mode : 'local'
,width : 130
,triggerAction : 'all'
,emptyText : '[selected customer]'
,selectOnFocus : true
})

customerStore.load();
}

...and it's applied here...



<ul>
...
<li id="customerSwitch"></li>
...
</ul>


...and it's adding this...



<ul>
...
<li id="customerSwitch" >
<div id="ext-gen409" class="x-form-field-wrap" style="width: 249px; left: 439px; top: 216px;"> // <-- ???
<input id="ext-comp-1034" class="x-form-text x-form-field x-form-empty-field" type="text" name="ext-comp-1034" autocomplete="off" size="24" style="top: auto; left: auto; width: 224px;"/>
<img id="ext-gen410" class="x-form-trigger x-form-arrow-trigger" src="../ext-2.0.1/resources/images/default/s.gif"/>
</div>
</li>
...
</ul>