Products

[matdjon]

I’ve updated the example to reproduce the log.

You need to expand/collapse the sub accordion item and the message will be output to console.

[matdjon]

Good day,

On a side note, why does this log appeared in the console when I interact with the sub accordion? Sub accordion is the accordion that is inside another accordion.

smart-accordion: Out of bound index/indexes in “expand” method.

smart-accordion: Out of bound index/indexes in “collapse” method.

[matdjon]

Solved.

Apparently in default mode, one accordion item will always be opened, and cannot be closed.
Just add another item to the sub accordion, or change the expand mode to multiple.

[matdjon]

Hi Markov,

You can compare this with my codepen.

Try to edit the label in each demo.

[matdjon]

Understood Markov.

but when the label is edited, it will show full html element including the <i>icon</i>

Is there any plan to address this?

[matdjon]

For event fired when user editing, I realized I can manually add event listener to input element with [smart-id = editInput]. When user started editing, I can use focus and when finished editing, blur can be used.

My intention is to add icon or img to the side of smart tree, but when the label is edited, it will show full html element including the <i>icon</i>. I just want to edit the text. An example can be seen on this codepen. But of course, it will be better if this use case is officially supported.

ps: my boss won’t let me use this code because as she said – “this is cheating”. She wanted to use something that is a proper implementation of smart tree itself.

[matdjon]

Understood. Thanks for the quick reply Markov.

[matdjon]

Hi Markov,

Thanks for the detailed explanation. For context, I am asking about the refresh method because I want to refresh my table with and updated data, i.e. new table row. But I figured that I just need to send new/updated array to the table dataSource and the table will automatically update itself.

[matdjon]

Thanks Markov and ivanpeevski for the helpful input.

My code is working now.
From my understanding, the templateElement is intended for a short html code, while formatFunction is for an elaborate, long html lines. Is this correct?

[matdjon]

the page is very broad. can I get a more specific example?

And also I try to find the documentation for templateElement and formatFunction but to no avail.

[matdjon]

can’t embed the image. the link is https://imgur.com/O5wq5bc

[Author]

Posts