jQuery Grid Plugin - jqGrid - Topic: Bug in columnChooser in IE http://www.trirand.com/blog/?page_id=393/bugs/bug-in-columnchooser-in-ie Simple:Press Version 5.7.5.3 OlegK on Bug in columnChooser in IE http://www.trirand.com/blog/?page_id=393/bugs/bug-in-columnchooser-in-ie#p14813 Bugs http://www.trirand.com/blog/?page_id=393/bugs/bug-in-columnchooser-in-ie#p14813

Here is a coincidentally deleted old post:

----------------------------------------------------------------------------

Hi Tony!

For some time I posted a bug in reordering of columns  (/blog/?page_id=393/bugs/column-reordering-from-v36-works-incorrect-with-masterdetail-grids/&value=1671&type=9&include=0&search=1&ret=all). Now I found a close problem in columnChooser function.

If one press column chooser button in the table

1.pngImage Enlarger

and in the column chooser dialog

2.pngImage Enlarger

swaps two columns per drag&drop, one receives following results:

3.pngImage Enlarger

By the way, to reproduce the problem it’s enough do nothing in the column chooser dialog and only press OK button.

It’s importent, that this problem take place in Internet Explorer 6 or 8, but not in Firefox 3.6.

To reproduce the problem one can use as HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head">

    <title>Demonstration of the ReorderColumn bug</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link rel="stylesheet" type="text/css"

          href="jquery-ui-1.7.2/themes/redmond/jquery-ui-1.7.2.custom.css" />

    <link rel="stylesheet" type="text/css"

          href="jquery.jqGrid-3.6.4/src/css/ui.jqgrid.css" />

    <link rel="stylesheet" type="text/css"

          href="jquery.jqGrid-3.6.4/src/css/jquery.searchFilter.css" />

    <link rel="stylesheet" type="text/css"

          href="jquery.jqGrid-3.6.4/src/css/ui.multiselect.css" />

 

    <script type="text/javascript"

            src="jquery-1.3.2.js"></script>

    <script type="text/javascript"

            src="jquery-ui-1.7.2/ui/jquery-ui.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/i18n/grid.locale-en.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/grid.base.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/grid.common.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/grid.formedit.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/grid.inlinedit.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/grid.custom.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/jquery.fmatter.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/jquery.fmatter.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/grid.jqueryui.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/jquery.searchFilter.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/ui.multiselect.js"> </script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/jqDnR.js"></script>

    <script type="text/javascript"

            src="jquery.jqGrid-3.6.4/src/jqModal.js"></script>

 

    <script type="text/javascript" src="Testclusters.js"></script>

</head>

 

<body>

    <div>

        <table id="list"></table>

        <div id="pager"></div>

    </div>

</body>

</html>

Where Testclusters.js is like following

jQuery(document).ready(function() {

    jQuery('#list').jqGrid({

        caption: 'Testclusters',

        height: 'auto',

        gridview: true,

        rownumbers: true,

        sortable: true,

        datatype: 'local',

        viewrecords: true,

        pager: '#pager',

        pgbuttons: false,

        pginput: false,

        rownumbers: true,

        colNames: ['Name', 'Testtiefe', 'RowVersion'],

        colModel: [

            { name: 'Name', index: 'Name', width: 120 },

            { name: 'TesttiefeName', index: 'TesttiefeName', width: 180 },

            { name: 'RowVersion', index: 'RowVersion', width: 50, hidden: true }

        ]

    }).navGrid('#pager',

        { edit: false, add: false, del: false, refresh: true, view: false })

    .navButtonAdd('#pager',

        { caption: "", buttonicon: "ui-icon-calculator", title: "choose columns",

          onClickButton: function() {

              jQuery('#list').jqGrid('columnChooser');

          }

    });

    var myData = [

        { Name: "VIA XP", TesttiefeName: "Alle SW-Produkte", RowVersion: "20FC31" },

        { Name: "KUBUS", TesttiefeName: "Alle SW-Produkte", RowVersion: "20FC32" }

    ];

    for (var i = 0; i <= myData.length; i++)

        jQuery("#list").addRowData(i + 1, myData[i]);

});

 

One can download full code of this example from http://www.ok-soft-gmbh.com/ReorderColumnsError/NewReorderColumnsError.zip.

Best regards

Oleg

]]> Mon, 15 Feb 2010 15:33:12 +0200 OlegK on Bug in columnChooser in IE http://www.trirand.com/blog/?page_id=393/bugs/bug-in-columnchooser-in-ie#p14812 Bugs http://www.trirand.com/blog/?page_id=393/bugs/bug-in-columnchooser-in-ie#p14812 Hi Tony,

thank you very much for the quick fixing of the problem.

Deleting of the post, if server hosting forum works so instable like today, can I good understand. I'll post the same text one more time without any problem, because I have a copy an WinWord document. It's mostly important, that you made a fix for the problem.Smile

Your solution to replace from a.splice(i) to a.splice(i,Math.max(perm.length-i,i)) inside of insert function looks like easy, but I could not find the corresponding place. (Perhaps, the reason is that you know code of jqGrid better as me Laugh). Thanks one more time.

I found some more small problems in columnChooser function after using it together with jquery-1.4.1 and jquery-ui-1.8rc1. I'll describe my suggestions later (I hope today yet).

Best regards

Oleg

problem
]]> Mon, 15 Feb 2010 15:23:20 +0200 tony on Bug in columnChooser in IE http://www.trirand.com/blog/?page_id=393/bugs/bug-in-columnchooser-in-ie#p14808 Bugs http://www.trirand.com/blog/?page_id=393/bugs/bug-in-columnchooser-in-ie#p14808 Oleg,

First I want to apologize for deleteing your post. It was a little error from me.

Also, since we have today a little problems with the hosting I have created a severl post and just want to delete the repeated posts, but I have delete the entrie topic.

The bug is fixed in GitHub

Thanks again. If you want you can reenter the message.

I apologize agin for this mistake

Best Regards

Tony

]]> Mon, 15 Feb 2010 12:28:14 +0200