wordpress   发布时间:2022-04-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了kendo-ui – 将值传递给kendoWindow模板大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

鉴于以下模板和函数,我如何传递函数参数contentText以在占位符###中的模板#password-validation中显示? 模板 <script id="password-validation" type="text/x-kendo-template"> <p style="font-size: 12px; padding: 10px"> ### </p>
鉴于以下模板和函数,我如何传递函数参数contentText以在占位符###中的模板#password-validation中显示

模板

<script id="password-validation" type="text/x-kendo-template">
    <p style="font-size: 12px; padding: 10px">
        ###
    </p>
    <div style="text-align: right">
        <button class="password-ok k-button">OK</button>
    </div>
</script>

功能

function passwordValidation(contentText) {

var kendoWindow = $("<div />").kendoWindow({
    actions: ["Close"],title: "password validation",resizable: false,modal: true
});

kendoWindow.data("kendoWindow")
    .content($("#password-validation").html())
    .center().open();

kendoWindow
    .find(".password-ok")
        .click(function () {
            kendoWindow.data("kendoWindow").close();
        })
        .end()
}

解决方法

这是解决方案:

<script id="password-validation" type="text/x-kendo-template">
    <p style="font-size: 12px; padding: 10px">
        #=data#
    </p>
    <div style="text-align: right">
        <button class="password-ok k-button">OK</button>
    </div>
</script>

功能

function passwordValidation(contentText) {
    var kendoWindow = $("<div />").kendoWindow({
        actions: ["Close"],modal: true
    });

    var template = kendo.template($("#password-validation").html());
    kendoWindow.data("kendoWindow")
        .content(template(contentText))
        .center().open();

    kendoWindow
        .find(".password-ok")
            .click(function () {
                kendoWindow.data("kendoWindow").close();
            })
            .end()
}

大佬总结

以上是大佬教程为你收集整理的kendo-ui – 将值传递给kendoWindow模板全部内容,希望文章能够帮你解决kendo-ui – 将值传递给kendoWindow模板所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。