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必要なデモを削除すると、非常に近い結果が得られます。

表示されるデモを見る

ここに画像の説明を入力してください

ui.multiselect.cssしたがって、ソリューションに実際に正しくロードされているFiddlerまたはFirebugで確認することをお勧めします。おそらく、行を置き換えるだけです

<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 に答える