0

Kendo UI ツリービューを使用して、特定のデータを動的に表示しています。ロードされたデータに問題はありません。しかし、次のような1つのシナリオが見つかりました

ノード（子ノードを持つ）の左側にある展開アイコンをクリックすると、展開アイコンと折りたたみアイコンがノードのアイコンと重なります。ツリービュー データを含むタブストリップからフォーカスが移動すると、展開/折りたたみアイコンは重ならず、ノードの左側にあります。データを含むタブ ストリップにカーソルを合わせると、両方のアイコンがノードのアイコンと重なります。

以下は、ペインとタブストリップの宣言です

<div id="inner-1"   class="configuration k-widget k-header" style="height: 100%; border: 0;background-   color:#E1E5E7;"></div>

var leftTabStip=null;
leftTabStip = $("#inner-1").kendoTabStrip().data("kendoTabStrip");
leftTabStip.append({
            animation:  {
                open: {
                    effects: "fadeIn"
                }
            },
            text: "Sample",
            content: '<div id="treeSample" style="overflow:auto;position:relative;border:1px solid #B0B0B0;">  </div><ul class="options"> ',
            encoded: false
 });

finalPath はツリー階層データを含む配列で、id、text、encoded の 3 つのプロパティを使用しています。

var localDataSource = new kendo.data.HierarchicalDataSource({
    data:finalPath
});

var groupTree1 = $("#treeSample").kendoTreeView({
    dataSource: localDataSource
}).data("kendoTreeView");

アイコンとノードが重ならないようにする方法はありますか? また、タブ ストリップの外に移動したりアイコンをクリックしたりしても、展開/折りたたみアイコンが左側にあるようにデータが適切に表示されるようにする方法はありますか?ノードと重なりません。私を案内してください。

前もって感謝します。

4

1 に答える 1

0

IE 8 を互換表示設定 (つまり、IE 7 ドキュメント モード) で実行すると、同じ問題が発生しました。

このリンク は非常に便利であることがわかりました：

...問題はおそらく IE 7 に関連する hasLayout であるため、特定の要素に対して zoom:1 スタイルでレイアウトをトリガーすることで問題が解決するかどうかを実験することをお勧めします...

ツリービューに適用したこの css は、私の場合と同じ問題を修正しました。

 li
    {
       zoom: 1;
    }
于 2013-01-08T12:48:45.360 に答える