Cannot define default nested model about hybrids HOT 3 CLOSED

If the nested model is external (has an id, or defined storage), then the root model keeps the reference, which in moment of the definition can't be known (nested models are just defined there, or used, not fetched). The default value for that relation must be null. The definition of the model defines a structure, and it is not supposed to fetch anything.

What you can do, is when your form component connects (the best place would be an observe method), set up the relation for the draft (set the default) - then is it possible to fetch the nested model, and it's the right place to do so.

{
  draft: {
    ...store(Model, { draft: true }),
    observe(host, model, lastModel) {
      // only fires for the first initial get, or when model id changes (clear draft, or submit)
      if (!lastModel || model.id !== lastModel.id) {
        store.set(model, { nestedModel: host.myExternalNestedModel })
      }
    },
  },
}

The other option is to have that default in the set() method of the model storage if it is not overwritten by the user. In the UI you can set a default for the select element if the nested model is not set.

from hybrids.

Thanks, this solved the problem.

from hybrids.

By the way, the store.ref() is only useful for self reference or for avoiding ES module cycle imports. Otherwise it does not do anything.

from hybrids.