博客

jQWidgets jqxTree getSelectedItem()方法

  • Post category:jquery

jQWidgets jqxTree getSelectedItem()方法

jqxTree 是 jQWidgets 提供的一个树形组件，它可以展示层级结构的数据支持多种交互操作。jqxTree 提供了 getSelectedItem() 方法，用于获取当前选中的节点。

getSelectedItem()方法

getSelectedItem() 方法用于获取当前选中的节点。它不接受任何参数，返回值为当前选中的节点对象。如果没有选中的节点，则返回 null。

示例说明

下面是两个示例，展示如何使用 getSelectedItem() 方法获取当前选中的节点：

示例1

$('#tree').jqxTree({
    source: data,
    width: '300px',
    height: '400px'
});

$('#tree').on('select', function (event) {
    var item = $('#tree').jqxTree('getSelectedItem');
    console.log(item);
});

在这个示例中，我们创建了一个 jqxTree 组件，并设置 source 属性为一个数据源。然后，我们设置组的宽度和高度。最后，我们绑定了 select 事件，并在事件处理函数中调用 getSelectedItem() 方法，获取当前选中的节点对象，并将其输出到控制台。

示例 2

$('#tree').jqxTree({
    source: data,
    width: '300px',
    height: '400px'
});

$('#btnGetSelectedItem').on('click', function () {
    var item = $('#tree').jqxTree('getSelectedItem');
    console.log(item);
});

在这个示例中，我们同样创建了一个 jqxTree 组件，并设置 source 属性为一个数据源。然后，我们设置组件的宽度和高度。最后，我们绑定了一个按钮的 click 事件，并在事件处理函数中调用 getSelectedItem() 方法，获取当前选中的节点对象，并其输出到控制台。

总结

以上就是 jqxTree 组件的 getSelectedItem() 方法的详细讲和示例。通过调用 getSelectedItem() 方法，我们可以获取当前选中的节点对象，方便我们对选中的节点进行操作。

Tags: