PDA

View Full Version : Item Selector CSS issue



prijithkr
23 Oct 2012, 4:22 AM
Hi, I am using ux.ItemSelector.js in my Application

I included the file in my HTML file, and also have put them in the Ext.requires


<script type="text/javascript" src="extjs-4.1/src/ux/form/MultiSelect.js"></script>
<script type="text/javascript" src="extjs-4.1/src/ux/form/ItemSelector.js"></script>

But i am not seeing the ItemSelector properly, I think i am missing some CSS file, please provide me a solution


var ds = Ext.create('Ext.data.ArrayStore', { data: [[123,'One Hundred Twenty Three'],
['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
fields: ['value','text'],
sortInfo: {
field: 'value',
direction: 'ASC'
}
});

var addcomboPopUpTBPanel = Ext.create('Ext.panel.Panel',{
id: 'addcomboPopUpTBPanel',
layout:'hbox',
border:false,
bodyPadding:'10 10 10 100',

items:[{
xtype: 'itemselector',
name: 'itemselector',
anchor: '100%',
fieldLabel: 'ItemSelector',
// imagePath: '../ux/images/',


store: ds,
displayField: 'text',
valueField: 'value',
value: ['3', '4', '6'],


allowBlank: false,
// minSelections: 2,
// maxSelections: 3,
msgTarget: 'side'
}]
});

39524

mitchellsimoens
25 Oct 2012, 6:25 AM
Did you include the CSS for the ItemSelect? It's in examples/ux/css/ItemSelect.css file

tlegault
21 Aug 2014, 6:16 AM
How can I include the itemselector style in a custom theme that derives from neptune with Sencha CMD 4.0.4.84 and ExtJS 4.2?

That way they will be included in the *-all.css file that gets built.