JQGrid加载禁用（灰显）JQuery UI选项卡

您好，我目前正在jQueryUI选项卡中使用JQGrid。我的问题是，当我调用render JQGrid时，它会禁用（使用对角线条纹显示为灰色）

$（文档）.ready（函数（）{
$（“#divTimePeriod”）.tabs（）；
jQuery（“#listTimePeriod”）.jqGrid({
url:“/TimePeriod/GetTimePeriods”，
数据类型：“json”，
mtype:'获取'，
colNames:[''，TimePeriodKey']，
colModel：[
{name:'Actions'，index:'Actions'，width:60，sortable:false}，
{名称：'TimePeriodKey'，索引：'TimePeriodKey'，宽度：55}，
],
jsonReader：{
重复项：false，
根：“结果”
},
寻呼机：“#pagerTimePeriod”，
viewrecords：是的，
gridComplete:函数（）{
}
});
});

时段服务






名称：DefaultAllSummer Off/On Peak
历法

栅格渲染正确，但选项卡保持灰色

---

谢谢

在创建jqGrid之前，您需要等待选项卡初始化

例如，您可以将初始化代码放在选项卡的中，以便在选项卡准备就绪之前不会执行初始化代码：

$("#divTimePeriod").tabs({
   show: function(event, ui) { 
     if (ui.index == 0){ // First tab is shown...
        // Initialize your jqGrid here
     }
   }
});

---

谢谢你的回复，贾斯汀，但它仍然显示类似的问题。你可以尝试暂时从其他选项卡上注释内容，看看是否是其中一个选项卡导致了问题。除此之外，我认为您将不得不发布更多的代码，以便我们开始缩小问题的范围。谢谢Justin。我将首先尝试你的建议并发布更新。嗨，贾斯汀。刚发现问题只是我没有把它包括进去。哦，天哪。再次感谢。没问题，很高兴你找到了：）

<h3>Time Period Service</h3>
<div id="divTimePeriod">
    <ul>
        <li><a href="#TimePeriod">Time Period</a></li>
        <li><a href="#DayType">Day Type</a></li>
        <li><a href="#Interval">Interval Group</a></li>
        <li><a href="#Calendar">Calendar</a></li>
    </ul>

    <div id="TimePeriod">
       <span>Name: </span> <select><option></option><option>Default</option><option>All</option><option>Summer Off/On Peak</option></select>
        <table id="listTimePeriod" width="100%"></table> 
        <div id="pagerTimePeriod"></div>
    </div>
    <div id="DayType">
        <% Html.RenderPartial("~/Views/DayType/Contents.ascx"); %>
    </div>
    <div id="Interval">
        <% Html.RenderPartial("~/Views/IntervalGroup/Contents.ascx"); %>
    </div>
    <div id="Calendar">
        Calendar
    </div>
</div>  

$("#divTimePeriod").tabs({
   show: function(event, ui) { 
     if (ui.index == 0){ // First tab is shown...
        // Initialize your jqGrid here
     }
   }
});