TileLayout from different html files into one Drawer component

[haru]

Hello,

I am doing a Django project and am creating a base.html that will be used in different pages using {% extend 'base.html'%}.

The base.html includes a Drawer and a TileLayout with only one tile (filter tile: this tile contains search filter components like datepicker, groupbutton, checkbox etc).

Then I have a file named main.html where I need to add several tiles underneath the filter tile from base.html

I was able to add several tiles to main.html but the problem is, it is not included in the Drawer component of base.html.  The tiles I've added on main.html appears below the height scope of base.html

I need to include the tiles from main.html into the same Drawer of base.html

I have been trying to figure this out for several days now but is unfortunately have not found a solution. If anyone could assist, it would be really helpful.

Thank you.

 

 

 

[Patrick | Technical Support Engineer, Senior]

Hello Haru,

The Kendo UI Drawer currently does not have a way to specifically load via AJAX yet built-in.  That being said, I have found a Kendo UI Feature request which asks for databinding to be added to the component.  Please feel free to vote for it, and add any comments within the thread.

That being said, you could take advantage of the ItemClick event which is fired when you click on an option in the Kendo UI Drawer.  Then, you could make a request which would retrieve from main.html.  Then, you could use the jQuery html method to insert the contents(in this case a Kendo UI TileLayout component) from the view to the content container.  A similar example can be found here but your preference of how to retrieve the data from main.html is up to your preferences.

Please let me know if you have any questions regarding the matter.

Regards,
Patrick | Technical Support Engineer, Senior
Progress Telerik