The autofocus property for q-input does not seem to work within modals. For eg, if I have a q-input within a modal, once the modal is shown, the autofocus does not trigger.

I also have another modal within a component which requires the same behavior.
Is there any way I can get it to work?

I tried the hack from another post:
document.querySelectorAll('input#someid').item(0).focus()

Is there a better way to do this?

This question is pretty old but to answer it, the issue here is with the key and not the label. You must have a unique key but you can have any value for your label.

Is there a solution to this problem @rstoenescu ?

The autofocus property for q-input does not seem to work within modals. For eg, if I have a q-input within a modal, once the modal is shown, the autofocus does not trigger.

I also have another modal within a component which requires the same behavior.
Is there any way I can get it to work?

I tried the hack from another post:
document.querySelectorAll('input#someid').item(0).focus()

Is there a better way to do this?

This question is pretty old but to answer it, the issue here is with the key and not the label. You must have a unique key but you can have any value for your label.

@rstoenescu Thanks for your reply. But the whole issue is that I need to reset my entire tree without maintaining the state.

However, I’ve also noticed that when I dynamically add a node that was previously a part of the expanded array before it was removed, the newly added node with the same old key is not expandable anymore with lazy load switched on. The toggle arrow does not show up. This may be related to the same issue I’ve mentioned above.

@rstoenescu Is refreshing the tree possible? Any other method?

Hi,
I am trying to reload my lazy loading tree to its initial state. On clicking the reload button, I clear the expanded array, root nodes and call my init function. Now, the root nodes are added but are not expandable. Any ideas? This is the sample code that I use:

this.selected = ''
this.expanded.length = 0
this.rootNodes.length = 0
this.initTree() //calls the ajax method which has this.rootNodes.push(....)

But the root nodes added to the tree after reloading are not expandable. I may be doing this the wrong way. Any help would be appreciated. Thanks.

I had this problem when I upgraded from 0.15 to 0.16 -> The issue was to add fa to every icon attribute. So, ex: icon=“fa fa-caret-up”. Previously it used to work without the single “fa”, maybe I was doing it wrong!

Thanks @peterPanParker But I am getting the same result when I tried pushing it to the expanded array. The subsequent click anywhere on the tree updates the tree.
I am using the below code to return the results.

      this.$nextTick(function () {
         done(objData)
     })

This problem has been fixed I guess, but I have the same issue here. Dynamic model creation.
https://github.com/quasarframework/quasar/issues/1200

Hi, I use the below method to dynamically add a node (not to the root) but to add it to a child of the root node. The tree has lazy loading enabled.

treeObj = this.sTreeNodes.find(o => o.key === 'someKey')
if (treeObj.children) treeObj.children.push(newObject)
// Check if the node contains any children (expanded or not) and then push it

But the tree does not get refreshed immediately and on the next click I get an error:

Error in render: “TypeError: Cannot read property ‘isParent’ of undefined”

However, adding nodes to the root level does not give any problems.

This is the error when you try it: QLayoutDrawer needs to be child of QLayout