jquery - 如何通过页面加载扩展 dxTreeview

Question

页面加载时，devExtreme dxTreeview控件默认如何展开子节点。请给出一些建议或例子。

Answer 1

您可以尝试递归方法：

// Declare a function
var clickRecursive = function ($elements, selector) {
  // Exit recursion
  if ($elements.length === 0) return;

  $elements.each(function(){
    // First, click all elements
    $(this).click();

    // Then click children
    clickRecursive($(this).find(selector), selector);
  });
}

$(document).ready(function(){
  var toggleSelector = '.dx-treeview-toggle-item-visibility';
  clickRecursive($(toggleSelector), toggleSelector);
});

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

Answer 3

尝试在每个触发器上触发一次点击：

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