This is a migrated thread and some comments may be shown as answers.

Maintain data and display in postback

1 Answer 8 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Binu
Top achievements
Rank 1
Binu asked on 19 Aug 2019, 05:39 AM

Hi All,

          We wish to start new project using Kendo UI and using Vue.Js. My requirement Listing Below

      In my application i had above 10 menus. When i click each menu it will load grid with data. When i login application it will land in default page with grid  and corresponding menu will be active. when i  click second menu i want to minimize  first grid data and load second grid data, when i click third menu again i want to minimize second grid data and load the third grid data. like that remaining  menus.  But when i click first or second or third minimized grid (not in menu) i want show that grid data . its will show only existing data(not going to data base and retrieve data). How will achieve this requirement using Kendo UI and vue.js? i don't  use session state kind of state management methods

1 Answer, 1 is accepted

Sort by
0
Petar
Telerik team
answered on 20 Aug 2019, 04:14 PM
Hi Binu, 

It is nice you plan to start a new project using Kendo UI for Vue

The desired functionality could be implemented by combining our Grid, Menu and Window components. 

How I can imagine the application is to load each of the Grids you want to display in a separate Window component. On application load, the first Grid will be loaded inside a Window. If you press a Menu item the first Window will be minimized and positioned for example in the down left corner of the browser’s window and a new Window component containing the new Grid will be initialized and displayed. This scenario could be applied for all Grids you want to show. If we maximize a given previously minimized Window, it will minimize the currently opened Window component and will maximize itself. 

To achieve the described above functionality, you have to configure the Window component as a non-modal one and also enable its minimize/maximize actions. More information about the Window actions you can read on this link: https://www.telerik.com/kendo-vue-ui/components/window/actions/ . Using the example from the previous link, to set the Window as a non-modal, you can set the modal property to false. 

Regards,
Petar
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Grid
Asked by
Binu
Top achievements
Rank 1
Answers by
Petar
Telerik team
Share this question
or