jqGrid-在jquery选项卡中打开问题（在Firefox和Google Chrome上）_Jquery_Firefox_Jqgrid_Tabs_Jqgrid Asp.net

jqGrid-在jquery选项卡中打开问题（在Firefox和Google Chrome上）

jquery firefox jqgrid tabs

jqGrid-在jquery选项卡中打开问题（在Firefox和Google Chrome上）,jquery,firefox,jqgrid,tabs,jqgrid-asp.net,Jquery,Firefox,Jqgrid,Tabs,Jqgrid Asp.net,我开发了一个非常简单的MVC应用程序来测试trirand的jqGrid for MVC 该应用程序在jquery选项卡组中打开一个jqgrid，IE一切正常。然而，当我使用Firefox时，jqgrid只是偶尔在第一个选项卡（但不在任何其他选项卡下）打开，而在Chrome中，我的jqgrid似乎不会在该组的任何选项卡下打开我是一个MVC新手（只测试了几天jqgrid），但我知道我的用户会想使用不同的浏览器。特里兰德没有回来回答任何问题，所以不知道是否还有其他人也有类似的问题我刚刚在Trira

我开发了一个非常简单的MVC应用程序来测试trirand的jqGrid for MVC

该应用程序在jquery选项卡组中打开一个jqgrid，IE一切正常。然而，当我使用Firefox时，jqgrid只是偶尔在第一个选项卡（但不在任何其他选项卡下）打开，而在Chrome中，我的jqgrid似乎不会在该组的任何选项卡下打开

我是一个MVC新手（只测试了几天jqgrid），但我知道我的用户会想使用不同的浏览器。特里兰德没有回来回答任何问题，所以不知道是否还有其他人也有类似的问题

我刚刚在Trirand站点上的示例应用程序中根据控制器和模型实现了jqgrid，然后将其与简单的jquery选项卡组相结合

我的MVC详情页面如下

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<PRAMSAPP.Models.Family>" %>
<%@ Import Namespace="Trirand.Web.Mvc" %>
<%@ Import Namespace="PRAMSAPP.Controllers" %>
<%@ Import Namespace="PRAMSAPP.Models" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
Details
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <link rel="stylesheet" type="text/css" href="/scripts/jquery-ui-1.7.2.custom.css" /> 
 <script type="text/javascript" src="/scripts/jquery-1.3.2.min.js"></script> 
 <script type="text/javascript" src="/scripts/jquery-ui-1.7.2.custom.min.js"></script> 

    <fieldset>
        <legend>Family</legend>

        <div class="display-field"><%= Html.Encode(Model.FamilyID) %></div>
        <div class="display-field"><%= Html.Encode(Model.FamilySurname) %></div>

    </fieldset>


    <div id="tabs">


    <ul> 
     <li>
      <%= Html.ActionLink("GridChildren", "GridDemo", new { controller = "Grid", id = Model.FamilyID })%>
     </li>


    <li>
    <%= Html.ActionLink("Children", "ShowFamiliesChildren", new { famid = Model.FamilyID, page = Page})%>
    </li>

    </ul>


    </div>

    <p>

        <%= Html.ActionLink("Edit", "Edit", new { id=Model.FamilyID }) %> |
        <%= Html.ActionLink("Back to List", "Index") %>
    </p>
<script type="text/javascript">
    $(function() { $('#tabs').tabs(); });  
         </script>
</asp:Content>

And My Controller page is as follows;

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<PRAMSAPP.Models.FamiliesChildrenJqGridModel>" %>
<%@ Import Namespace="Trirand.Web.Mvc" %>
<%@ Import Namespace="PRAMSAPP.Controllers" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- The jQuery UI theme that will be used by the grid -->    
       <link rel="stylesheet" type="text/css" media="screen" href="/Content/themes/redmond/jquery-ui-1.7.1.custom.css" />    
    <!-- The Css UI theme extension of jqGrid -->
    <link rel="stylesheet" type="text/css" media="screen" href="/Content/themes/ui.jqgrid.css" />    
    <!-- jQuery library is a prerequisite for jqGrid -->
    <script type="text/javascript" src="/Scripts/jquery-1.3.2.min.js"></script>    
    <!-- language pack - MUST be included before the jqGrid javascript -->
    <script type="text/javascript" src="/Scripts/grid.locale-en.js"></script>


<script type="text/javascript" src="/Scripts/jqgrid/jquery.jqGrid.min.js"></script>



</head>
<body>
    <div>          
        <%= Html.Trirand().JQGrid(Model.FamiliesChildrenGrid, "JQGrid1") %>
    </div>
</body>


细节
家庭







|

$（function（）{$（'#tabs'）.tabs（）；}）；
我的控制器页面如下；

由于我没有使用jqGrid-ASP.NET，这有点像是暗中捅了一刀，但您可以在选项卡准备好后，从选项卡的

显示

事件中尝试初始化网格：

$('#tabs').tabs({
    show: function(event, ui) {
        // Initialize your jqGrid in here
    }
});

jqGrid有3个不同的版本——ASP.NETMVC、PHP和纯JavaScript。听起来您正在使用ASP.NET MVC one，您能澄清一下吗？另外，一些代码可能会有所帮助。抱歉……Trirand not Telerind（这是漫长的一天）我的标签组是通过标准的jquery脚本调用的$（function（）{$（'#tabs'）.tabs（）；}）；我在其中使用

使用网格控制器。网格控制器包括：；谢谢贾斯汀，现在就试试这个。