Question

已将jqgrid实现到我们的Web应用程序的页面上。一切都像显示记录和删除记录一样，但当我将IE兼容模式放入IE 7或8时，它需要3到5秒才能显示网格。我也只是展示了一条记录。

我正在使用jquery 1.6并尝试升级到最新版本，这没什么区别。我注意到的一件事是jquery调用一个名为clean的函数，它看起来只需要3秒钟就可以使用这些浏览器，但我不知道为什么或者它做了什么。

                    var id = $("#<%=DesID.ClientID%>").val();
            $.getJSON("data.aspx?id=" + id, function (data) {

                jQuery("#list2").jqGrid({
                    datatype: 'jsonstring',
                    colNames: ['', 'Id', 'BodyId', ' Officers Body', 'Alternative Responsible Officer', ''],
                    colModel: [
                    {
                        name: 'RowID',
                        sortable: false,
                        shrinkToFit: false,
                        width: 10,
                        formatter: function (cellvalue, options, rowObject) {
                            var Rowid = options.rowId;
                            return "<span >" + Rowid + " </span>";

                        }
                    },
                    { name: 'Id', index: 'Id', width: 0, hidden: true, sortable: false },
                    { name: 'BodyId', index: 'BodyId', sortable: false, width: 0, hidden: true },
                    { name: 'BodyName', index: 'BodyName', sortable: false, shrinkToFit: true },
                    { name: 'BodyNameRo', index: 'BodyNameRo', sortable: false, width: '100%' },
                    {
                        name: 'Delete',
                        sortable: false,
                        shrinkToFit: true,
                        width: 20,

                        formatter: function (cellvalue, options, rowObject) {
                            var Rowid = options.rowId;
                            return "<input type='button'  value='Delete' class='btn' onClick='deleteRecords(" + Rowid + " );' />";

                        }
                    }
                ],
                    beforeSelectRow: function (rowid, e) {
                        return false;
                    },
                    onInitGrid: function () {
                        // get reference to parameters
                        var p = $(this).jqGrid("getGridParam");

                        // set data parameter
                        p.datastr = data;
                    },
                    viewrecords: true,
                    caption: "",
                    autowidth: true,
                    shrinkToFit: true,
                    height: '100%',
                    scroll: false,
                    gridview: true,
                    loadOnce: true
                });

                HiddenJson.val(JSON.stringify(data));

    });

Answer 1

我建议您在页面的<head>中加入

行

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

如果Internet Explorer的默认设置使用的是兼容模式，则通知Internet Explorer不对页面事件使用兼容模式。在兼容模式下运行页面主要是缺点。请查看the documentation以获取更多HTML页面的完整示例，并检查the demo中the answer的标题。

jqgrid IE 8/7性能

1 个答案: