EasyUI Forum
April 28, 2024, 12:59:15 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: vue version How to expand the specified node of the treegrid component  (Read 7268 times)
fengdie
Jr. Member
**
Posts: 87


View Profile Email
« on: October 25, 2018, 01:47:58 AM »

i want expand and append treegrid node.(我想要调用treegrid的事件,展开节点。或者往节点里面插入数据)
jquery version code:
Code:
        if (node.state == 'closed') {
            tree.treegrid('expand', node.id)
        } else {
            tree.treegrid('append', {
                parent: node.id,
                data  : data
            })
        }
« Last Edit: October 25, 2018, 01:49:38 AM by fengdie » Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #1 on: October 25, 2018, 06:08:52 PM »

Set the row's 'state' property with 'open' or 'closed' to expand or collapse it.
Code:
let row = ... // get your row
this.$set(row, 'state', 'closed');
Logged
fengdie
Jr. Member
**
Posts: 87


View Profile Email
« Reply #2 on: October 25, 2018, 08:18:28 PM »

Set the row's 'state' property with 'open' can't trigger 'rowExpand' event

Code:
            if (this.selectRow.state == 'closed') {
                this.$set(this.selectRow, 'state', 'open')
            }
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #3 on: October 26, 2018, 12:46:31 AM »

Call this code to trigger the 'rowExpand' event.
Code:
this.$refs.tg.$emit('rowExpand', row)
Logged
fengdie
Jr. Member
**
Posts: 87


View Profile Email
« Reply #4 on: October 26, 2018, 06:34:40 AM »

trigger the 'rowExpand' event after, how to set icon 'loading'?
手动触发rowExpad事件,有点小问题。就是图标不是'loading'状态,怎么设置?


我参考了TreeGridRow.js里面,怎么在外部设置loading = true?
Code:
        toggle(event) {
            event.stopPropagation();
            if (this.isExpanded){
                this.$set(this.row, 'state', 'closed');
                this.grid.$emit('rowCollapse', this.row);
            } else {
                this.loading = true;
                this.$set(this.row, 'state', 'open');
                this.grid.$emit('rowExpand', this.row);
            }
        },
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #5 on: October 28, 2018, 12:21:11 AM »

Set the row's iconCls with tree-loading to display loading icon.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!