Flexigrid - Lightweight but rich data grid

[eluser]Martin_[/eluser]
Hi Paulo,

thanks for your fantastic plugin! Great Job!

I need Flexigrid to work with ASP.NET and for testing purposes I set up a response page that always sends out the same response, no matter what the client requests. I set up the response just like Synergiq´s which can be found here

For Flexigrid I used

Code:

$("#flex1").flexigrid
            (
            {
            url: 'TestResponse.aspx',
            dataType: 'json',
            colModel : [
            {display: 'ID', name : 'id', width : 50, sortable : true, align: 'left'},
            {display: 'First Name', name : 'firstname', width : 100, sortable : true, align: 'left'},
            {display: 'Last Name', name : 'lastname', width : 100, sortable : true, align: 'left'},
            {display: 'Color', name : 'color', width : 100, sortable : true, align: 'left'},
            {display: 'Height', name : 'height', width : 100, sortable : true, align: 'left'},
            {display: 'Middlename', name : 'middlename', width : 100, sortable : true, align: 'left'},
            {display: 'Age', name : 'age', width : 100, sortable : true, align: 'left'},
            {display: 'Sex', name : 'sex', width : 100, sortable : true, align: 'left'},
            {display: 'Address 1', name : 'address1', width : 100, sortable : true, align: 'left'},
            {display: 'Address 2', name : 'address2', width : 100, sortable : true, align: 'left'},
            {display: 'Address 3', name : 'address3', width : 100, sortable : true, align: 'left'},
            {display: 'Address 4', name : 'address4', width : 100, sortable : true, align: 'left'},
            {display: 'Address 5', name : 'address5', width : 100, sortable : true, align: 'left'},
            {display: 'Country', name : 'country', width : 100, sortable : true, align: 'left'},
            {display: 'Region', name : 'region', width : 100, sortable : true, align: 'left'},
            {display: 'Is Dead', name : 'is_dead', width : 100, sortable : true, align: 'left'}
                ],
            buttons : [
                {name: 'Add', bclass: 'add', onpress : test},
                {name: 'Delete', bclass: 'delete', onpress : test},
                {separator: true}
                ],
            searchitems : [
                {display: 'ID', name : 'id', isdefault: true},
                {display: 'First Name', name : 'firstname'}
                ],
            sortname: "id",
            sortorder: "asc",
            usepager: true,
            title: 'Contacts',
            useRp: true,
            rp: 15,
            showTableToggleBtn: true,
            width: 800,
            height: 200
            }
            );
            
            function test(com,grid)
            {
                if (com=='Delete')
                    {
                        confirm('Delete ' + $('.trSelected',grid).length + ' items?')
                    }
                else if (com=='Add')
                    {
                        alert('Add New Item');
                    }            
            }

        $('b.top').click
        (
            function ()
                {
                    $(this).parent().toggleClass('fh');
                }
        );

The problem I´ve got now is that Flexigrid says "Processing, please wait..." forever as if it could not retrieve data from the response page, which works fine if you open it manually.

What am I doing wrong? Anybody else have similar problems?

Thanks in advance.
Martin