jqGrid覆盖问题

接下来我来讨论下一个问题

加载数据后，灰色覆盖覆盖页面上的所有内容，但网格数据除外。负责这个的css div id是lui_list。有没有办法，怎么解决这个问题

这就是我运行jqgrid scirpt的方式：

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery("#list").jqGrid({
            url: '/Ticket/All/',
            datatype: 'json',
            mtype: 'GET',
            colNames: ['Id', 'Hardware', 'Issue', 'IssueDetails', 'RequestedBy', 'AssignedTo', 'Priority', 'State'],
            colModel: [
          { name: 'Id', index: 'Id', key: true, width: 100 },
          { name: 'Hardware', index: 'Hardware', width: 100 },
          { name: 'Issue', index: 'Issue', width: 200 },
          { name: 'IssueDetails', index: 'IssueDetails', width: 200 },
          { name: 'RequestedBy', index: 'RequestedBy', width: 150 },
          { name: 'AssignedTo', index: 'AssignedTo', width: 150 },
          { name: 'Priority', index: 'Priority', width: 100 },
          { name: 'State', index: 'State', width: 100}],
            pager: jQuery('#pager'),
            rowNum: 10,
            rowList: [5, 10, 20, 50],
            sortname: 'Id',
            sortorder: "desc",
            viewrecords: true,
            imgpath: '/Content/images/',
            caption: 'My first grid'
        });
    }); 
</script>

<h2>My Grid Data</h2>
<table id="list"></table>
<div id="pager"></div>

jQuery（文档）.ready（函数（）{
jQuery（“#list”）.jqGrid({
url:“/Ticket/All/”，
数据类型：“json”，
mtype:'获取'，
colname:['Id'，'Hardware'，'Issue'，'IssueDetails'，'RequestedBy'，'AssignedTo'，'Priority'，'State']，
colModel：[
{name:'Id'，index:'Id'，key:true，width:100}，
{name:'Hardware'，index:'Hardware'，宽度：100}，
{名称：'Issue'，索引：'Issue'，宽度：200}，
{name:'IssueDetails'，index:'IssueDetails'，宽度：200}，
{name:'RequestedBy'，index:'RequestedBy'，宽度：150}，
{name:'AssignedTo'，index:'AssignedTo'，宽度：150}，
{name:'Priority'，index:'Priority'，width:100}，
{name:'State'，index:'State'，宽度：100}]，
pager:jQuery（“#pager”），
rowNum:10，
行列表：[5,10,20,50]，
sortname:'Id'，
巫师：“描述”，
viewrecords：是的，
imgpath:“/Content/images/”，
描述：“我的第一个网格”
});
}); 
我的网格数据

和html标题：

<link href="/Content/jquery-ui-1.8.5.custom.css" rel="stylesheet" type="text/css"  />
<link href="/Content/ui.jgrid.css" rel="stylesheet" type="text/css"  />
<script type="text/javascript" src="/Scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="/Scripts/grid.locale-en.js" ></script>
<script type="text/javascript" src="/Scripts/jquery.jqGrid.min.js" ></script>

---

任何帮助都将不胜感激。

我不知道为什么在加载结束后将保持显示覆盖。我只能假设您使用了一些CSS类，比如在加载jqGrid时使用的“加载”。独立于原因，你可以很容易地解决问题。您应该使用以下代码隐藏相应的div，例如：

var grid_id = "list"; // jQuery("#list")[0].id;
var hideLoading = function () {
    jQuery("#lui_"+grid_id).hide();
    jQuery("#load_"+grid_id).hide();
}

jQuery("#list").jqGrid({
    // all current options
    loadComplete: function() {
        hideLoading();
    },
    loadError: function() {
        hideLoading();
    }
});

---

您忘记了包含jqgrid特定的css文件！

---

包含此文件后，您的问题就解决了

嗨，奥列格。再次感谢你的帮助。这确实解决了问题。我会投赞成票，但等待标记作为答案-也许其他人会发现覆盖未自动隐藏的问题。@kMike对我来说，覆盖问题始于我从jQuery 1.4.1升级到1.5.2。我使用的是jqGrid的3.6.4版本，没有时间切换到4.0.0。奥列格的治疗对我有效。我觉得自己很愚蠢，因为我没有看到。谢谢你的帮助。弗里金：真烦人。不习惯丢失的.css文件导致出现灰色覆盖。这比找出上面的“隐藏加载”方法不起作用更好地解决了我的问题。很高兴我向下滚动。。。谢谢你，黑根！因为那灰色的覆盖物，我的头一直在受挫。谢谢我不明白！jqgrid特定的文件是什么？这不是ui.jgrid.css吗？我已经包括了它，但它仍然没有解决我的问题。