jquery - ページの読み込みで dxTreeview を展開する方法

Question

ページの読み込み時に、デフォルトで devExtreme dxTreeview コントロールで子ノードを展開する方法。いくつかの提案または例を教えてください。

Answer 1

各トリガーでクリックをトリガーしてみてください。

$( document ).ready( function(){
    $( '.dx-treeview-toggle-item-visibility' ).each( function(){
        $( this ).click();
    } );
} );

Answer 2

オプションでご利用いただけexpandedExprます。対応するノードを展開するかどうかを定義する値を持つデータ ソース アイテム フィールドの名前を指定します。たとえば、次のように dxTreeView を初期化できます。

$("#your-selector").dxTreeView({
   dataSource: [
        id: 1, text: 'Item 1', expanded: true, items: [
            id: 2, text: 'Subitem 1', expanded: true, items: [
              //...
            ]
        ]
   ]
});

また、expandItem(itemElement)メソッドを使用して特定のノードを展開することもできます。

詳細については、http://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxTreeViewを参照してください。