Есть комбобокс, в комбо бокс загружаются не только названия стран, но и флаги. в моциле всё работает, загружаются страны со значками, а вот в эксплорере - только названия стран.
Вот код: HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Combo Boxes</title>
<!-- ExtJS -->
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script defer type="text/javascript" src="pngfix.js"></script>
<!-- <script src="DD_belatedPNG_0.0.8a.js"></script> -->
<script type="text/javascript" src="../../bootstrap.js"></script>
<!-- Shared -->
<link rel="stylesheet" type="text/css" href="../shared/example.css" />
<!-- Example -->
<script type="text/javascript" src="IconCombo.js"></script>
<script type="text/javascript" src="combos.js"></script>
<style type="text/css">
.ux-flag-us {
background-repeat: no-repeat;
top:10px;
background-image:url(us.png) ! important;
}
.ux-flag-de {
top:10px;
background-repeat: no-repeat;
background-image:url(de.png) ! important;
}
.ux-flag-fr {
top:10px;
background-repeat: no-repeat;
background-image:url(fr.png) ! important;
}
.ux-icon-combo-icon {
background-repeat: no-repeat;
background-position: 0 50%;
width: 18px;
height: 14px;
}
/* X-BROWSER-WARNING: this is not being honored by Safari */
.ux-icon-combo-input {
padding-left: 25px;
}
.x-form-field-wrap .ux-icon-combo-icon {
position:fixed;
top: 3px;
left: 5px;
}
.ux-icon-combo-item {
background-repeat: no-repeat ! important;
background-position: 3px 50% ! important;
padding-left: 24px ! important;
}
</style>
</head>
<body>
<h1>Combo Boxes</h1>
<p>The js is not minified so it is readable. See <a href="combos.js">combos.js</a>.</p>
<div class="example">
<h2>Data Sources</h2>
<p>The combo box can use any type of Ext.data.Store as its data source.
This means your data can be XML, JSON, arrays or any other supported format. It can be loaded using
Ajax, via script tags or locally. This combo uses local data from a JS array:</p>
<div id="iconCombo"></div>
.............................. i tak dalee...........................
.js
var rec = this.store.findRecord(this.valueField, this.getValue());//.itemAt(0);
//if (showDescriptor){
if(rec) {
switch (this.showDescriptor) {
case false:
this.bodyEl.dom.children[0].value = ""; //text in der Anzeige leer setzen
this.bodyEl.dom.children[0].classList.remove(this.bodyEl.dom.children[0].lastIconClass); //remove the last used icon css class
this.bodyEl.dom.children[0].classList.add(rec.get(this.iconClsField)); // set new icon css class
this.bodyEl.dom.children[0].lastIconClass = rec.get(this.iconClsField); // memorize the css class
break;
case true:
//this.bodyEl.dom.children[0].classList.remove(this.bodyEl.dom.children[0].lastIconClass); //remove the last used icon css class
this.bodyEl.dom.children[0].classList.add(rec.get(this.iconClsField)); // set new icon css class
this.bodyEl.dom.children[0].lastIconClass = rec.get(this.iconClsField); // memorize the css class
break;
default:
//this.bodyEl.dom.children[0].value = ""; //text in der Anzeige leer setzen
this.bodyEl.dom.children[0].classList.remove(this.bodyEl.dom.children[0].lastIconClass); //remove the last used icon css class
this.bodyEl.dom.children[0].classList.add(rec.get(this.iconClsField)); // set new icon css class
this.bodyEl.dom.children[0].lastIconClass = rec.get(this.iconClsField); // memorize the css class
break;
} // switch
в чем может быть проблема?
спасибо за ответы
