Обновление панели и jqgrid

Question

может обновить панель и jqgrid работать вместе?Я использую jqgrid, и я хочу контролировать обновление страницы.поэтому я добавил панель обновления, но она не работает.

Answer 1

Вам необходимо восстановить экземпляр jqgrid после частичной обратной передачи, как этот.

<script type="text/javascript">
                    //Calls the function to load the for the first time
                    LoadGrid();
                    **var prm = Sys.WebForms.PageRequestManager.getInstance();
                    prm.add_initializeRequest(InitializeRequest);
                    prm.add_endRequest(EndRequest);
                    function InitializeRequest(sender, args) {
                    }
                    // fires after the partial update of UpdatePanel
                    function EndRequest(sender, args) {
                        //Calls the function again to load the grid after  partial postback
                        LoadGrid();
                    }**

                    function LoadGrid() {
                        jQuery("#jqGrid").jqGrid({
                            url: '/GridHandler.ashx',
                            datatype: "json",
                            colNames: ['Id', 'Village Name', 'Village Area'],
                            colModel: [
                            { name: 'Id', index: 'Id', width: 30, sorttype: 'int', sortable: true },
                            { name: 'VillageName', index: 'VillageName', width: 170, sorttype: 'text', sortable: true },
                            {
                                name: 'VillageArea', index: 'VillageArea', width: 70, align: "right", sorttype: 'int',
                                sortable: true, formatter: 'integer', formatoptions: { thousandsSeparator: "," }
                            },
                            ],
                            //pager: "#pager",
                            rowNum: 1000,
                            height: 441,
                            width: 288,
                            loadonce: true,
                            sortname: 'Id',
                            viewrecords: true,
                            sortorder: "asc",
                            caption: "List of Villages",
                            shrinkToFit: 'false',
                            onSelectRow: function () {
                                //Gets the Id of selected row
                                var sel_id = $('#jqGrid').jqGrid('getGridParam', 'selrow');
                                var selectedVillage = $('#jqGrid').jqGrid('getCell', sel_id, 'VillageName');

                                $.ajax({
                                    type: "POST",
                                    async: false,
                                    url: "HomeModified.aspx/GridRowSelect",
                                    data: "{'village':'" + selectedVillage + "'}",
                                    contentType: "application/json; charset=utf-8",
                                    dataType: "json",
                                    success: function (result) {
                                        GenerateMap();

                                    },
                                    error: function (result) {
                                        alert("There is an error in generating map");
                                    }
                                });

                                function GenerateMap() {
                                    document.getElementById("<%=hiddenButton.ClientID %>").click();
                                $('#jqGrid').jqGrid('setGridParam', { url: '/GridHandler.ashx', datatype: 'json' }).trigger('reloadGrid', [{ current: true }]);
                            }
                        }
                        });
                    }



                </script>

Answer 2

UpdatePanels поддерживаются.Вы можете использовать наш пример Master -> Detail онлайн, который встраивается в экземпляры jqGrid внутри UpdatePanel в качестве отправной точки: MasterDetail jqgrid внутри панели обновления