0

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', {
            });
        }
    });
4

1 回答 1

1

如果你会得到一些使用 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>
于 2012-05-29T19:43:27.143 回答