Results 1 to 1 of 1

Thread: dataview in the FF browser and IE browser to display characters, there are difference

  1. #1

    Default dataview in the FF browser and IE browser to display characters, there are difference

    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();
    }
    ----
    Attached Images Attached Images

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •