PDA

View Full Version : MultiSelect



aero2010
11 May 2010, 5:15 AM
Hi all,

I have problem with MultiSelect, the gap between each listitem is quite big. As shown on the attached screenshot.

Anyone encountered the same problem before? And how to resolve it?

aero2010
11 May 2010, 6:38 AM
Attached the missing image.

CrazyEnigma
11 May 2010, 6:58 AM
I have no problems with Multi-select. Some code might help to resolve your issue.

aero2010
11 May 2010, 5:47 PM
Code from html page



<!-- ExtJS css -->
<link rel="stylesheet" type="text/css" href="res/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="res/ext/examples/ux/css/MultiSelect.css"/>
<link rel="stylesheet" type="text/css" href="res/ext/examples/shared/examples.css" />

<!-- ExtJS js -->
<script src="res/ext/adapter/ext/ext-base.js"></script>
<script src="res/ext/ext-all.js"></script>
<script type="text/javascript" src="res/ext/examples/ux/MultiSelect.js"></script>

?
<script src="res/js/module1/module1/test.js"></script>

<div id="test"></div>


test.js



Ext.onReady(function(){
Ext.form.Field.prototype.msgTarget = 'side';

var searchmatchform = new Ext.form.FormPanel({
title: 'Search Match',
labelAlign: 'left',
labelWidth: 200,
buttonAlign: 'left',
frame: true,
waitMsgTarget: true,
items: [
{
xtype: 'multiselect',
fieldLabel: 'Multi Select',
id: 'multisel',
width: 250,
height: 100,
allowBlank:false,
store: [[123,'One Hundred Twenty Three'],
['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
displayField: 'name',
valueField: 'id',
ddReorder: true
}
]
});

//form.end();
searchmatchform.render(test);

});

aero2010
14 May 2010, 6:38 AM
The issue is resolved after I added this css.
<link rel="stylesheet" type="text/css" href="../res/ext/examples/shared/extjs/css/extjs.css" />