Comments (3)
By creating another dock within the panel of an existing dock you are creating a new instance of the dock component. They are not linked internally in any way and do not know about each other.
Currently it is expected that the if the user creates a nested dock they save that nested dock state seperately and use their application state (perhaps associate that nested layout with the id of the panel it's nested within) to link everything back together. Think of the nested dock JSON as just some application state you would associate with that panel within your application.
I will leave the issue open for discussion though.
from dockview.
I guess the problem is because when we create a nested dockview, it will create a new API instance. However when we save the state by calling toJson we just handled the parent/container API. But I'm not sure how to merge/combine these apis into one and save to localstorage.
from dockview.
Thanks for your confirmation. Now I save and re-read them separately under different localstorage keys and it works fine.
The reason I asked at first is because I'm not sure if the API instances are isolated or like a tree structure.
Thank you very much and I really like your library.
from dockview.
Related Issues (20)
- Feature request: dropdown menu to handle overflow tabs
- Sonar Suggestions
- Gap between panels leads to some panels' size overflow HOT 7
- `api.toJSON()` and `api.fromJSON()` should be be renamed, as they use JS Objects and not JSON.
- setTitle issues HOT 1
- dockview-vue error Cannot read properties of null (reading 'appContext') HOT 1
- docs
- After all the groups in the branch are hidden, an error is reported when calling fromJSON() HOT 3
- Allow custom renderer for group header (or tabs container) HOT 1
- Initial width and height of a docker panel HOT 2
- bug:After the drag and drop, the size of the group was evenly distributed, and I want to maintain their original size as much as possible HOT 2
- When I was using this project, I encountered three tricky issues HOT 1
- [Released] Dockview 1.15.0 Iteration Plan
- How to set minimum and maximum panel sizes in DockView? HOT 1
- Panel and Group default sizes and bounding dimensions
- Dockview 1.16.0 Iteration Plan
- Nested views resize lag
- 1.15 removed types that are still valid HOT 1
- fix passing through options for opening single panel in a popot window HOT 1
- Offical support for Vanilla TypeScript
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dockview.