Kendo UI MVVM声明性异步模板绑定

时间:2013-08-13 19:26:59

标签: javascript mvvm kendo-ui

我已经阅读了所有文档(例如:http://docs.kendoui.com/howto/load-templates-external-files)并检查了所有演示,但没有看到任何示例显示如何使用Kendo UI的声明性绑定语法异步加载外部模板

这种行为是否支持开箱即用,还是我需要为我的应用程序框架实施一种解决方法?我无法挖掘任何相关信息。

以下是我正在渲染的布局块的示例:

{
    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) {
                    // Do something
                },
                change: function (e) {
                    // Do something
                }
            }
        },
        template: 'summary-item-template',
        hasChildren: false
    }   
}...

...呈现为:

<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>

我听到各种各样的胡说八道,为什么我的UI框架是疯了 - 相信,我有这样做的理由,并且考虑到我想要完成的事情,没有很多选择。此外,Magento的人们很好地从XML配置文件构建他们的应用程序的前端和管理界面; Wix的员工已经从用户定义的配置中生成了数百万个站点。除了我正在使用Javascript对象文字,JSON和Kendo UI之外,我没有做任何不同的事情。

我的数据绑定(事件,值,文本,HTML等)都运行得很好,框架已经部署 - 我正在寻找模板解决方案。

非常感谢帮助

干杯!

卢卡斯

0 个答案:

没有答案