[Solved] Javascript binding from popup

[Yves]

Hello,

I'm trying to bind a grid using a controller method called from a popup window.

I use javascript in my popup window  to find the grid on the parent window, to call the method controller and to bind the grid :

<script type="text/javascript">

        function BindToParentWindow() {
            var parentGrid = window.opener.$('#TestUsersGrid').data('tGrid');

            $.ajax(
            {
                type: "POST",
                url: "/Home/BindToParentWindow",
                async: false,
                dataType: "json",
                success: function (data) {
                    parentGrid.dataBind(data);
                }
            });

            window.close();
        }
    </script>

When I launch the javascript function above, I get an error message from visual studio  : "Jscript object expected" in the file  telerik.grid.js.
If I click the "Ignore" button,  the datas are correctly bound to the grid.

I have attached  a test project wich shows the problem. 

Regards,

 

 

 

[Atanas Korchev]

Hello ybernicot,

 This seems to be one of those IE quirks as your code works perfectly in other browsers. After lots of debugging I found out that this code:

Array.prototype.push.apply(this.data, data);

and the fact that "data" is created in a popup window (a different DOM document)  is causing the problem. 

The only workaround I can suggest is to make the 'data' array suitable for the parent window like this:

function BindToParentWindow() {
    var parentGrid = window.opener.$('#TestUsersGrid').data('tGrid');
    $.ajax({
        type: "POST",
        url: "/Home/BindToParentWindow",
        async: false,
        dataType: "json",
        success: function (data) {
            parentGrid.dataBind(window.opener.$.makeArray(data));
        }
    });

    window.close();
}

Best wishes,
Atanas Korchev
the Telerik team

[Yves]

Hello Atanas,

It works fine with your workaround.
Thanks for your help.