无法在 jqgrid 上看到图像/图标答案

【问题标题】：Unable to see Images/icons on jqgrid无法在 jqgrid 上看到图像/图标
【发布时间】：2013-10-23 04:28:25
【问题描述】：

我在我的 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>

【问题讨论】：

目前尚不清楚您使用什么语法。您是否尝试使用 <script type="text/javascript" src="<%= Url.Content("~/Scripts/YourFile.js") %>"></script> 或 <link rel="stylesheet" type="text/css" href="<%= Url.Content ("~/Content/Site.css") %>" /> 之类的东西？您使用捆绑包还是包含单独的文件？您如何在 CSS 中引用图像？您应该包含 HTML 或 C# 代码，以显示如何您在页面上包含资源。
@Oleg..更新了问题
@Oleg.需要更多信息吗？

标签： css asp.net-mvc image jqgrid

【解决方案1】：

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

顺便说一句，如果您在同一主题中使用jquery-ui.css，则不需要包含jquery.ui.theme.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、jQuery.UI.Theme.Redmond、Trirand.jqGrid等公共包。 NuGet 会将所有文件安装在项目的相应文件夹中。文件夹位置由包的开发者选择。即使您要手动安装某些文件，我也建议您使用所有文件的相同位置，例如 NuGet 包使用的位置。

【讨论】：

哇。现在我的网格与所有图标看起来都很棒。感谢 Oleg 的宝贵时间
@Oleg.Yes..我当然会接受你的建议。
@Oleg..stackoverflow.com/questions/19383371/...你能帮我解决这个问题吗？