PDA

View Full Version : [FIXED][3.0 RC3] Transformed Combobox DOM issues



SeiginoRaikou
2 Jul 2009, 8:10 AM
Browser: Tested in FireFox 3.5, IE 7
OS: Windows XP

From what I can tell the following code doesn't seem to display properly:



<html>
<head>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all-debug.js"></script>
</head>
<body>
<table>
<tbody>
<tr>
<td>
<select id="selectA">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<span>-</span>
<select id="selectB">
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = "../../resources/images/default/s.gif";

var selectA = new Ext.form.ComboBox({
id: "selectA",
transform: "selectA",
mode: "local"
});

var selectB = new Ext.form.ComboBox({
id: "selectB",
transform: "selectB",
mode: "local"
});
});
</script>
</body>
</html>
What you'll end up with in the table cell after transforming is:


<span />
<div for the first drop down />
<div for the second drop down />
When I expected


<div for the first drop down />
<span />
<div for the second drop down />Is transforming a select tag supposed to re-append it to the parent? If so this should probably be documented, since to the best of my knowledge it wasn't re-appended in Ext 2.x

evant
2 Jul 2009, 8:29 AM
Fixed in SVN.