EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: cn1109 on July 19, 2011, 08:40:06 AM



Title: IE8 Frozen Column(s)
Post by: cn1109 on July 19, 2011, 08:40:06 AM
IE 8 stops working. Google Chrome works just fine.
Error:
Line: 5949
Error: 'rowspan' is null or not an object

Here's the script. What can be wrong here?
The grid works fine without the frozenColumns property but I need
to freeze the first 2 columns.

Thank you in advance.

<script type="text/javascript">
        $(document).ready(function() {
            $('.gridview').datagrid({
            title: 'Frozen Columns',
            height: 300,
            frozenColumns: [[
               { field: 'itemid', title: 'Item ID', width: 80 },
               { field: 'productid', title: 'Product ID', width: 80 }, 
            ]],
            columns:[[ 
                    {field:'code',title:'Code',width:100}, 
                    {field:'name',title:'Name',width:100},
                    {field:'price',title:'Price',width:100,align:'right'}
                ]]
            });
        });
    </script>


Title: Re: IE8 Frozen Column(s)
Post by: stworthy on July 19, 2011, 11:13:34 PM
Please correct your code:

Code:
<script type="text/javascript">
        $(document).ready(function() {
            $('.gridview').datagrid({
            title: 'Frozen Columns',
            height: 300,
            frozenColumns: [[
               { field: 'itemid', title: 'Item ID', width: 80 },
               { field: 'productid', title: 'Product ID', width: 80 }
            ]],
            columns:[[
                    {field:'code',title:'Code',width:100},
                    {field:'name',title:'Name',width:100},
                    {field:'price',title:'Price',width:100,align:'right'}
                ]]
            });
        });
    </script>


Title: Re: IE8 Frozen Column(s)
Post by: cn1109 on July 20, 2011, 10:30:45 AM
I tried the correct format you sent me and it works fine in Google Chrome.
For some odd reason, IE8 just stops responding.
I've tried putting the code in an external js file..no luck.

What could be wrong? I need it to work with IE8 unfortunately. :(


Title: Re: IE8 Frozen Column(s)
Post by: cn1109 on July 20, 2011, 02:25:31 PM
OKay.

It seems that the entire thing breaks when I try to freeze a column.
It takes over a minute to load and the scroll bar on the right to scroll down is not displaying the scroll bar (Just the outline).

Here's what I have while testing:
 
$(document).ready(function() {
    $('.gridview').datagrid({
        title: 'Frozen Columns',
        height: 500,
        width: 700,
        frozenColumns: [[
           { field: 'Action', title: 'Action', width: 100 },
           { field: 'Name', title: 'Name', width: 100 }
        ]]
        /*columns: [[
                    { field: 'Location', title: 'Location', width: 100 },
                    { field: 'Owner', title: 'Owner', width: 100 },
                    { field: 'CM/GC', title: 'CM/GC', width: 100 },
                    { field: 'Architect', title: 'Architect', width: 100 },
                    { field: 'Engineer', title: 'Engineer', width: 100 },
                    { field: 'Completion Date', title: 'Completion Date', width: 100 },
                    { field: 'Contract Amt', title: 'Contract Amt', width: 100 },
                    { field: 'Market', title: 'Market', width: 100 },
                    { field: 'Branch Office', title: 'Branch Office', width: 100 },
                    { field: 'Modified Date', title: 'Modified Date', width: 100 },
                    { field: 'Modified By', title: 'Modified By', width: 100 }
                ]]*/
    });
});


Title: Re: IE8 Frozen Column(s)
Post by: stworthy on July 20, 2011, 08:28:24 PM
The 'columns' property is required.