0

我在我的 Asp.net MVC Web 应用程序中使用 JqGrid。

根据普通 MVC 应用程序的目录结构，我已将所有 java 脚本文件放在Scripts文件夹下，并将所有 css 和图像放在文件夹中。Content

但是，这里的问题是我无法看到网格上的图像。CSS 工作正常，但分页、排序的图标不可见。

任何人都可以帮助我如何放置文件，以便每件事都能完美运行..

代码：

<link href="../../Content/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/css/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/css/jquery.ui.theme.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.9.0.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>
    <script src="../../Scripts/grid.locale-en.js" type="text/javascript"></script>
4

1 回答 1

1

我想您以错误的方式将 jQuery UI 添加到您的项目中。您应该验证您是否在文件夹中复制images了 jQuery UI 主题的子文件Content\css夹。如果您打开jquery-ui.css并搜索url(文本，您将看到jquery-ui.css使用相对路径来寻址图像（例如url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png)）。因此，您必须拥有images包含来自使用的主题的所有 jQuery UI 图像的文件夹。

顺便说一句，如果您使用同一主题，jquery.ui.theme.css则不需要包括 of。jquery-ui.css在我看来，旧的用法jquery-1.9.0.min.js也不是最好的选择。取而代之的是，您可以使用 jQuery 2.0.3（或 1.10.3，如果您需要支持 IE 6-8）或至少 jQuery 1.9.2。

我个人更喜欢使用 NuGet 将公共包添加到 Visual Studio 项目中。您只需在 Visual Studio 的解决方案资源管理器中打开项目的上下文菜单，然后选择“管理 NuGet 包..”。然后您可以在线搜索公共包，如、jQuery、jQuery.UI.Combined等。NuGet 会将所有文件安装在项目的相应文件夹中。文件夹位置由包的开发者选择。即使您要手动安装某些文件，我也建议您使用所有文件的相同位置，例如 NuGet 包使用的位置。jQuery.UI.Theme.RedmondTrirand.jqGrid

于 2013-10-15T12:52:11.573 回答