1

動的グリッド ツールバーを作成するために、jQuery ベースの Wijmo WijMenu コントロールを jqGrid で使用しようとしています。

ここに画像の説明を入力

メニューを表示させるとうまくいきます。ただし、私の menuitem1 にはサブメニューがあり、'menuitem1' にカーソルを合わせると、このサブメニューは jqGrid より遅れます。

メニューと個々のメニュー項目に z-Index を設定しようとしましたが、うまくいきませんでした。この動作は、IE9、Chrome、FF、および Safari で発生します。IE9で互換モードをオンにすると動作しますが、z-indexと関係があるのではないかと思います...しかし、よくわかりません。明らかな何かが欠けているように感じます。

私の問題を示すためにjsFiddleを作成しました。

サブメニューをjqGridの前に置くのを手伝ってくれる人はいますか?

ヘルプ/アドバイスをよろしくお願いします。

4

2 に答える 2

2

これは z-index の問題ではありません。.ui-jqgrid .ui-userdata には、overflow:hidden があります。オーバーフロー: 可視化してみてください。

これを行うときにグリッドで問題が発生するかどうかはわかりませんが。

于 2011-07-21T15:44:09.193 に答える
1

CSSをから変更します

.ui-jqgrid .ui-userdata {
    border-left: 0px none;
    border-right: 0px none;
    height: 21px;
    overflow: hidden;
}

.ui-jqgrid .ui-userdata {
    border-left: 0px none;
    border-right: 0px none;
    height: 21px;
}

それを削除するoverflow:hiddenと、メニューが非表示になりました。

于 2011-07-21T15:49:00.380 に答える