Completed
Last Updated: 20 Nov 2014 20:04 by ADMIN
NathanMST
Created on: 13 Feb 2014 21:32
Category: Kendo UI for jQuery
Type: Feature Request
2
Add Partial Views to Kendo UI Mobile
DevExpress PhoneJS supports partial views that allow you to share and reuse similar HTML markup among multiple views.

I need this feature right now in Kendo UI Mobile...  I'm thinking about doing some kind of work around possibly with Templates or a jQuery Clone method call but it's going to be pretty hacky...  Does Kendo UI Mobile have something similar to this already:

DevExpress's PhoneJS Partial Views are described here under Flexible View Rendering Engine:
http://phonejs.devexpress.com/

This is what I need:  http://phonejs.devexpress.com/Documentation/Howto/Views_and_Layouts?version=13_2#Add_a_Partial_View

Thank,
Nathan
3 comments
ADMIN
Telerik Admin
Posted on: 21 Feb 2014 15:43
Please report this case via the forums or support system on telerik.com. Thus my colleagues from the support team will assist you accordingly.

Assuming that the general advice I provided works for you, I'm closing this case.
ADMIN
Telerik Admin
Posted on: 21 Feb 2014 15:43
Thank you for the proposal.

Note that presently you can utilize the kendo.Layout object in order to render/reuse other views inside existing layout/view. See this documentation article for more info:
http://docs.telerik.com/kendo-ui/getting-started/framework/spa/layout

Does this serve the purpose you are after?
NathanMST
Posted on: 15 Feb 2014 17:57
Thank you I'm trying this now...  The only problem I'm running into is getting the proper classes and styling to be applied to the items in the view template after it's rendered and appended to another view...  For example:

<script id="index" type="text/x-kendo-template">

   <a data-icon="cart" data-role="button">Buy Something</a>

</script>

<div id="app"></div>
<!-- When I go to render this template the Data Init doesn't seem to be adding the proper classes to tell it that this should be rendered as a button:  -->
<script>
    
    var index = new kendo.View('index');

    $("#app").append(index.render());

</script>

Thanks!
Nathan