Question

页面加载时，默认情况下如何在devExtreme dxTreeview控件中展开子节点。请提供一些建议或示例。

Answer 1

尝试触发每个触发器的点击：

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

Answer 2

您可以尝试递归方法：

// 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 3

您可以使用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

如何通过页面加载扩展dxTreeview

3 个答案: