Fatal编程技术网
  • javascript/
  • Javascript 如何修复jqgrid列选择器垃圾布局

Javascript 如何修复jqgrid列选择器垃圾布局

javascript jquery html css jqgrid

Javascript 如何修复jqgrid列选择器垃圾布局,javascript,jquery,html,css,jqgrid,Javascript,Jquery,Html,Css,Jqgrid,jqgrid列选择器中的列列表显示为单列并被截断： 如何解决这个问题？ FireFox、Chrome和IE出现问题 页面定义如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m

jqgrid列选择器中的列列表显示为单列并被截断：

如何解决这个问题？ FireFox、Chrome和IE出现问题 页面定义如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="jquery-ui-1.8.12.custom.css" type="text/css" title="ui-theme" />
<link href="ui.jqgrid.css" rel="stylesheet" />
<link href="ui.multiselect.css" />
<link href="Site.css" rel="stylesheet" />
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<script src="jquery-ui-git.js" type="text/javascript"></script>
<script src="jqgrid/plugins/ui.multiselect.js" type="text/javascript"></script>
<script src="jquery.contextmenu-fixed2.js" type="text/javascript"></script>
<script src="grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.jqGrid.src-multiselect1-deleteandsortpatches.js"></script>
    <script src="json2.js" type="text/javascript"></script>
    <script src="erp.js" type="text/javascript"></script>

    <script type="text/javascript">
    var $grid = $("#grid");
    $(function() {
      "use strict";
      $grid.jqGrid({
    ...

    $grid.jqGrid('navButtonAdd', '#grid_toppager', {
        onClickButton: function () {
            $(this).jqGrid('columnChooser', {
            });
        }
    });


var$grid=$（“#grid”）；
$（函数（）{
“严格使用”；
$grid.jqGrid({
...
$grid.jqGrid（'navbuttonad'，'grid#u toppager'{
onclick按钮：函数（）{
$（this）.jqGrid（'columnChooser'{
});
}
});
如果您得到一些使用columnChooser且工作正常的工作演示，然后删除所需的
ui.multiselect.css
，那么您将得到与您的结果非常接近的结果

看看哪个显示器

因此，我建议您在Fiddler或Firebug中验证
ui.multiselect.css
是否真的正确加载到您的解决方案中。也许您应该替换该行

<link href="ui.multiselect.css" />
排队

<link href="jqgrid/plugins/ui.multiselect.css" />
对应于您使用的另一行

<script src="jqgrid/plugins/ui.multiselect.js" type="text/javascript"></script>
你可以像jsfiddle.net那样提供实时链接吗？你在发布的页面上有很多小错误或非常奇怪的事情（
上的
标题
，
var$grid，
之前
$（function（）{
等等）。此外，你使用未知版本的jQuery UI（jQuery UI git.js的本地副本）与
jquery-ui-1.8.12
中的旧CSS结合使用。您使用一些未知版本的jqGrid（
jquery.jqGrid.src-multiselect1-deleteandsortpatches.js
）等等。Stackoverflow不是有人免费调试你的特定代码的地方。你应该简化你的代码，并以对其他访问者有价值的形式发布。还有一句话：
将被HTML5忽略（
）。如果您使用HTML5，您必须在HTTP标题中设置信息。@Rohit Azad如果有人感兴趣，我可以创建私有测试用例并发送链接。请告诉我您是否同意。@Oleg很抱歉。我编辑了html代码。根据12.1.4，title是link元素的有效属性。
jquery.jqGrid.src-multiselect1-deleteandsortpatches.js
基于您的补丁文件，从您的网站加载类似的名称。jquery-ui-git.js是从jqyery ui git加载的，它的所有模块都在一个文件中。git load给出了这个名称。非常感谢。您非常友好。rel属性缺失，如代码中所示。我通过将行更改为
这解决了这个问题。