jqgrid不接风格 - c#

我的页面上有jqgrid,并且数据已正确加载,但是样式看起来真的很丑。我正在加载这些文件:

<link href="@Url.Content("~/Content/css/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/ui.jqgrid.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/ui.multiselect.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/grid.locale-en.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.jqGrid.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/ui/minified/jquery.ui.core.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/ui/minified/jquery.ui.widget.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/ui/minified/jquery.ui.mouse.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/ui/minified/jquery.ui.tabs.min.js")" type="text/javascript"></script>

我已经检查了Firebug,它们均已正确加载,因此任何脚本都没有任何路径问题。

这是我实际的jqgrid代码:

  $('#brands').jqGrid({
            url: '/GasolineBrands/GasolineBrands/',
            datatype: 'json',
            mtype: 'POST',
            colNames: ['Logo', 'Name', 'No of Stations'],
            colModel: [
                { name: 'Logo', index: 'Logo', width: 150, align: 'left' },
                { name: 'Name', index: 'Name', width: 150, align: 'center' },
                { name: 'No of Stations', index: 'No of Stations', width: 150, align: 'center' },
            ],
            shrinkToFit: false,
            rownumbers: true,
            loadonce: false,
            pager: jQuery('#brandsPager'),
            rowNum: 10,
            rowList: [5, 10, 20, 50],
            sortname: 'Name',
            sortorder: "desc",
            viewrecords: true,
            imgpath: '',
            caption: 'Gasoline Brands',
            width: '100%',
            height: "100%"
        });

这是我的html:

<table id="brands">
                </table>
                <div id="brandsPager">
                </div>

有人可以发现问题吗?

提前致谢 :)

参考方案

我使用的顺序:

<link href="/css/smoothness/jquery-ui-1.8.10.custom.css" type="text/css" rel="stylesheet">
<link href="/css/ui.jqgrid.css" type="text/css" rel="stylesheet">
<link href="/css/jquery.multiselect.css" type="text/css" rel="stylesheet">
<link href="/css/jquery.multiselect.filter.css" type="text/css" rel="stylesheet">
<link href="/css/jquery.countdown.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico"> 
<link rel="icon" type="image/ico" href="favicon.ico">
<style>
    .ui-jqgrid tr.jqgrow td {
        white-space: normal !important;
        height:auto;
        vertical-align:text-top;
        padding-top:2px;
    }
</style>

然后是js文件:

    <script src="/js/jquery-1.5.2.min.js" language="javascript"></script>
    <script src="/js/jquery-ui-1.8.10.custom.min.js" language="javascript"></script>
    <script src="/js/jquery-ui-timepicker-addon.js" language="javascript"></script>
    <script src="/js/grid.locale-en.js" language="javascript"></script>
    <script src="/js/jquery.jqGrid.min.js" language="javascript"></script>

然后在我的jqGrid中添加以下内容:

altRows: true,
altclass: "ui-state-default",

还要在加载时调整网格大小以适合可见区域。如果您也想要该代码,请响应。

我可能应该提到我以jquery-ui为我的整个网站设置了以下主题:

<body class="ui-state-default">

适用于我尝试过的每个主题,而且很漂亮。希望能帮助到你。

故障排除“警告:session_start():无法发送会话高速缓存限制器-标头已发送” - php

我收到警告:session_start()[function.session-start]:无法发送会话缓存限制器-标头已发送(错误输出开始如果我将表单数据提交到其他文件进行处理,则可以正常工作。但是,如果我将表单数据提交到同一页面,则会出现此错误。请建议<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0…

使用php重新加载内容 - javascript

在对网站进行编程时,我以前使用过此代码,它可以完美工作,但是现在当我想使用一些Flash部件时,每次单击链接时,它都会重新加载所有网站。源代码: <!DOCTYPE html> <html> <head> <title>Hot King Staff</title> <meta charset=…

AJAX调用只能与$(document).on('click')一起使用 - php

我有一个显示数据库条目的表。用户能够为每一行打开一个弹出菜单。选项之一是删除数据库条目,并且该表应通过AJAX调用相应地刷新。只要有人单击#delete-toggle中的table-popup,我就会在HTML页面上进行AJAX调用(table-popup是div,当有人单击每行中存在的表中的table-edit-button时出现的表): <div …

用jQuery填充模式形式 - javascript

我正在将订单表从数据库绘制到datatables(jquery插件)中。我要在每笔最后一笔交易或每笔交易中增加付款。问题是,如何获取单击添加付款按钮以添加付款的行的订单ID。其次,当点击addpayment时,它会弹出一个带有字段或订单号的模态表单。我想用在td中找到的订单ID填充该字段,并使其不可编辑或隐藏,但在提交模态表单时将其发布到服务器。表格和模式表…

通过电子邮件发送库存状态表 - javascript

                        我正在寻找一种通过电子邮件发送具有相同HTML结果的产品确认页(带有可用输入)的解决方案。我对从mail.php的确认页面获取输入不感到困惑。请在下面找到代码。谢谢stockdetailform.php<html> <head> <title>Stockr Form</…