Getting error while calling jqgrid through Ajax request on MVC3 : error 80020101

Question

The following code throwing error like "Could not complete the operation due to error 80020101"

on the file jquery-1.8.3.js:

<script language="javascript" type="text/javascript">

    $(document).ready(function () {
        var Details = '@Url.Content("~/Controller/ActionResult1?id=")';

        var id= $("#id").val();
        $('#pager').hide();

        Details = Details + id;

        alert(PropertyDetails);
        $("#list").jqGrid({

            url: Details,
            datatype: 'xml',
            cache: false,
            mtype: 'GET',
            width: 600,
            height: 234,
            colNames: ['Name', 'Address', 'Type'],
            colModel: [
            { name: 'Name', index: 'Name', width: 20, xmlmap: 'Name' },
            { name: 'Address', index: 'Address', width: 20, xmlmap: 'Address' },
            { name: 'Type', index: 'Type', width: 20, xmlmap: 'Type' },
            ],

            xmlReader: { repeatitems: false },
            pager: '#pager',
            rowNum: 10,
            sortname: 'invid',
            sortorder: 'desc',
            viewrecords: true,
            gridview: true,
            loadonce: true,
            shrinkToFit: true,
            scroll: false,
            altRows: true,
            loadComplete: function () {
                if ($('#list').getGridParam('records') > 10) {
                    $('#pager').show();
                }
            }

        });

    });

    </script>

<table id="list"><tr><td/></tr></table> 
<div id="pager"></div>  

my controller side.

 public ActionResult ActionResult1(string id)
        {
// code
}

Sharun · Accepted Answer · 2013-03-22 08:58:20Z

1

modify script like this:

<script language="javascript" type="text/javascript">

    $(document).ready(function () {
         var Details = '@Url.Content("~/Controller/ActionResult1?id=';

         var id= $("#id").val();
         $('#pager').hide();

         Details = Details + id+'")';


        alert(PropertyDetails);
        $("#list").jqGrid({

            url: Details,
            datatype: 'xml',
            cache: false,
            mtype: 'GET',
            width: 600,
            height: 234,
            colNames: ['Name', 'Address', 'Type'],
            colModel: [
            { name: 'Name', index: 'Name', width: 20, xmlmap: 'Name' },
            { name: 'Address', index: 'Address', width: 20, xmlmap: 'Address' },
            { name: 'Type', index: 'Type', width: 20, xmlmap: 'Type' },
            ],

            xmlReader: { repeatitems: false },
            pager: '#pager',
            rowNum: 10,
            sortname: 'invid',
            sortorder: 'desc',
            viewrecords: true,
            gridview: true,
            loadonce: true,
            shrinkToFit: true,
            scroll: false,
            altRows: true,
            loadComplete: function () {
                if ($('#list').getGridParam('records') > 10) {
                    $('#pager').show();
                }
            }

        });

    });

    </script>

edited Mar 22, 2013 at 8:58

answered Mar 22, 2013 at 8:43

Sharun

3,0926 gold badges32 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sharun Over a year ago

I think sudarshan's code is fine except for the part I edited

radu florescu Over a year ago

Yes,but for the future searches would be nice to be a quality answer.

Sudharshan Over a year ago

thanks guys, i resloved this problem, the problem is, i am calling jquery-1.8.3.js file in multiple places like shared path and page itself. i removed this in page level, then its worked for me

Collectives™ on Stack Overflow

Getting error while calling jqgrid through Ajax request on MVC3 : error 80020101

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related