thks for the tips ! Actually you were right, my toolbar was initialized twice !

Looking into the code, you will need to call navGrid only once.

The grid itself can determine if it is already constructed and gracefully exit from this situation, but not the navGrid, since every clicking of the button call it again and again.

One possible solution is to define variable if it is called and do not call it if it is already constructed

Regards

Tony

I encounter the same problem since I upgrade to the 3.6.5 version...

Thx !

Thanks for sharing the code.

IMHO, this is not a jqGrid bug, but rather a dialog one. Insetead I will try to investigate the problem

Thanks again

Best Regards

Tony

I think I know where the problem is, but I don't know "why" it happens

Following are the code to my program

<script src="<%= Url.Content("~/Scripts/jqueryUI/development-bundle/ui/ui.core.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/jqueryUI/development-bundle/ui/ui.draggable.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/jqueryUI/development-bundle/ui/ui.resizable.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/jqueryUI/development-bundle/ui/ui.dialog.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/jqGrid/js/i18n/grid.locale-en.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/jqGrid/js/jquery.jqGrid.min.js") %>" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $("#divModal").dialog({
            autoOpen: false,
            overflow: true,
            title: "testing modal"
        });

        $("#btnPopUp").click(function() {
            $("#divModal").dialog('open');
        });
    });
</script>

<table id="list" cellpadding="0" cellspacing="0"></table>
<div id="pager"></div>
<input type="button" id="btnPopUp" value="PopUp" />

<div id="divModal">
    <script type="text/javascript">
        $(function() {
            $("#list2").jqGrid({
                url: '/Home/Test3Data/',
                datatype: 'json',
                mtype: 'GET',
                colNames: ['Name'],
                colModel: [
                { name: 'Name', index: 'Name', width: 680, align: 'left'}],
                pager: '#pager2',
                rowNum: 5,
                rowList: [5, 10, 20, 50],
                sortname: 'Name',
                sortorder: "desc",
                viewrecords: true,
                imgpath: '<%= Url.Content("~/Scripts/jqueryUI/css/ui-lightness/images") %>',
                caption: 'My first grid'
            });
            $("#list2").navGrid('#pager2', { add: true, del: true, edit: false, refresh: false, search: false, view: false }, {}, {}, {}, {}, {});
        });
    </script>
    <table id="list2" cellpadding="0" cellspacing="0"></table>
    <div id="pager2"></div>
</div>

The code above will generate the error I post before. If you move the javascript "inside" the divModal out of it(outside the divModal), there will not be any problem. You may ask why I didn't put all the javascript in one place, the reason is that divModal is actually a user control I created and use repeatedlly on some other pages. I am happy to pin point down the problem, but I guess this is not a bug.

This is really strange - can you please share your code or provide a link to the problem.

Please all the code if you do so.

Regards

Tony

1. JQuery 1.3.2

2. JqGrid 3.5.3

3. JQuery UI 1.7.2(core.js, draggable.js, resizable.js, dialog.js)

When a JqGrid is placed inside a dialog window, if "add"/"delete" buttons are enabled

(e.g. { edit: false, add: true, del: true, refresh: false, search: false })

the navgrid seems to duplicated the "add"/"delete" buttons. "Add" button will be rendered twice, same with"Delete" button

            $("#divModal").dialog({
                autoOpen: false,
                modal: true,
                title: "abc"
            });

divModal is the div contains the table and pager for the JqGrid.

However, when I comment out the dialog function to have divModal as a regular div on the page instead of inside a dialog window, the navgrid render the button correctly. Any thoughts/reply will be greatly appreciated! Thanks in advance.