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...
PHP 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...
PHP Code:
<ul>
...
<li id="customerSwitch"></li>
...
</ul>
...and it's adding this...
PHP Code:
<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>