IE8 не показывает extjs gridpanel - PullRequest
       2

IE8 не показывает extjs gridpanel

1 голос
/ 11 декабря 2010

У меня есть панель сетки, которая не показана в IE8, но все отлично работает в ff и opera. вот мой код:

<div id="mydiv"></div>

    <style type="text/css">
    .x-grid3-cell-inner, .x-grid3-hd-inner  {white-space: inherit;}
    </style>
    <script type="text/javascript">    
    var sData=[["7039","","","dummy value","Application Administrator","Application Administrator","89/9/14?? 14:37:02 (GMT+03:30)","dummy value"],["8198","","","dummy value s","Application Administrator","","","dummy value"],["8247","","","dummy value","Application Administrator","","","dummy value"],["8261","","","dummy value","Application Administrator","","","dummy value"]];

    Ext.onReady(function(){
        Ext.QuickTips.init();
        var store = new Ext.data.Store({
            data: sData,
            reader: new Ext.data.ArrayReader({
                envelope_id: 'envelope_id'
            }, ['envelope_id', 'status_id', 'workflow_name', 'name','created_by_full_name','modified_by_full_name', {
                name: 'modified_datetime',                
            }, 'step_name'])
        });

        function linkFactory(val,x,store){
             return '<a href="/workflow/envelope/EnvelopeProperties.jsp?id='+store.data.envelope_id+'">'+val+'</a>';

        }
        function del(val){

            return '<a href="javascript:abortEnvelope(\''+val+'\', \'personal\')"><img src="../images/icons/toolbar-gen-cancel_on.gif" /></a>';}

        var grid = new Ext.grid.GridPanel({
            renderTo: Ext.get('mydiv'),
            frame: true,
            width: 520,
            stripeRows: true,
            enableColumnMove: false,
            store: store,
            columns: [
                      {header: "dummy value", width: 235,renderer:linkFactory, dataIndex: 'name',sortable:true,css: 'white-space:normal;'},
                    {header: "dummy value",width:85 ,dataIndex: 'step_name',sortable:true},
                    {header: "dummy value",width:120,dataIndex: 'modified_datetime',sortable:true,css: 'white-space:normal;'},                    
                    {header: "dummy value ", dataIndex: 'workflow_name',sortable:true,hidden:true,css: 'white-space:normal;'},
                    {header: "dummy value ", dataIndex: 'created_by_full_name',sortable:true,hidden:true,css: 'white-space:normal;'},
                    {header: "dummy value", dataIndex: 'modified_by_full_name',sortable:true,hidden:true,css: 'white-space:normal;'},
                    {renderer:del,width:25,dataIndex: 'envelope_id',hideable:false}
                      ]
        });

    });    
    </script>
</form>

Мы используем extjs 2.0. Я понятия не имею, какая часть вызывает проблемы. Есть идеи?!

Ответы [ 2 ]

2 голосов
/ 04 января 2011

Мы использовали модифицированную и локализованную версию extjs.После использования оригинальной версии проблема решена.;)

0 голосов
/ 11 декабря 2010

У вас нет установленной высоты. Использование:

renderTo: 'mydiv',
height: 500

Существует ли на вашей странице «mydiv»?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...