PDA

View Full Version : dataview in the FF browser and IE browser to display characters, there are difference



bluegone
20 Feb 2010, 1:11 AM
Special characters display the form, found in FF, chrome may be a normal show effect, but can not be achieved under IE7.0:

the Code :

css:
-------
<style type="text/css">
.char-item {
float: left;
border: 1px solid #99BBE8;
margin: 3px;
text-align: center;
vertical-align: middle;
width: 25px;
height: 25px;
font-size: 18px;
color: #15428B;
cursor: pointer;
}
.char-over {
border: 1px solid #15428B;
background-color:#d0def0;
}
</style>
---------

program:
-------
function ShowSpecialCharts()
{
var SpecicalChars_Data=[['?'],['?'],['?'],['?'],[''],['?'],[''],['?'],['?'],['?'],['?'] ,['?'],['?'],['?'],['?'],['?'],['?'] ,['?'],['?'],['?'],['?'],['?'],['?'],['?'],['?'],['?'],['?'],['?'],['?']];
var SpecialCodewidow=new Ext.Window(
{
title:"Specical Char",
width:350,
height:280,
modal:true,
closeAction:'close',
layout:'fit',
maximizable:false,
items:[
{
xtype:"dataview",
autoHeight:true,
frame:false,
border:true,
store:new Ext.data.SimpleStore(
{
fields:['char'],
data:SpecicalChars_Data
}),
tpl:new Ext.XTemplate(
'<tpl for="."><div class="char-item">{char}</div></tpl><div class="x-clear"></div>'),
overClass:"char-over",
itemSelector:"div.char-item"
}],
buttons:[
{
text:"EXIT",
buttonalign:'center',
handler:function ()
{
SpecialCodewidow.close()
}
}]
});
SpecialCodewidow.show();
}
----