javascript - Kendo UI MVVM declarative async template binding -


i have read docs (ie: http://docs.kendoui.com/howto/load-templates-external-files) , checked out demos, don't see examples showing how asynchronously load external templates using kendo ui's declarative binding syntax.

is behavior supported out of box, or need implement workaround application framework? have not been able dig relative information.

here's example of layout block i'm rendering:

{     tag: 'div',     id: 'summary-insured',     name: 'summary-insured',     class: 'summary-detail',     data: {         role: 'treeview',         bind: {             source: {                 type: 'method',                 hierarchical: true,                 config: {                     transport: {                         read: {                             url: 'summary.aspx/getinsureds'                         }                     }                 }             },             events: {                 pageloaded: function (e) {                     //                 },                 change: function (e) {                     //                 }             }         },         template: 'summary-item-template',         haschildren: false     }    }... 

...which renders as:

<div class="summary-detail k-widget k-treeview" data-animation="false" data-bind="source: summaryinsuredsource, events: { pageloaded: summaryinsuredonpageloaded, change: summaryinsuredonchange }" data-drag-and-drop="false" data-has-children="false" data-role="treeview" data-template="summary-item-template" data-text-field="value" data-url-field="key" id="summary-insured" tabindex="0">     <ul class="k-group k-treeview-lines">         <li class="k-item k-first k-last" data-uid=         "56e2308c-3c68-4784-aa3c-6f975645f92c" id=         "summary-insured_tv_active">             <div class="k-top k-bot">                 <span class="k-in k-state-focused"></span>                  <div class="name">                     <span class="k-in k-state-focused"><button class=                     "control delete sprite sprite-delete" data-id="2320"                     data-message="deleting insured..." data-url=                     "summary.aspx/deleteinsured" title=                     "delete"><span class="k-in k-state-focused"></span>                     <a class="link" href="insured.aspx?id=2320">bob                     johnson</a></button></span>                 </div>             </div>         </li>     </ul> </div> 

i've heard sorts of nonsense regarding why ui framework crazy -- trust, have reasons doing things way, , there aren't lot of alternatives given trying accomplish. besides, people @ magento did fine building app's frontend , admin interfaces xml config files; , people @ wix have generated millions of sites user-defined configuration. i'm not doing different, except i'm using javascript object literals, json , kendo ui.

my data-binding (events, value, text, html, etc.) working fine, , framework has been deployed -- looking templating solution.

any help much appreciated!

cheers!

lucas


Comments

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

java - Digest auth with Spring Security using javaconfig -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -