Javascript 虽然没有错误，但弹出窗口未显示_Javascript_Jquery_Html_Kendo Ui

Javascript 虽然没有错误，但弹出窗口未显示

javascript jquery html kendo-ui

Javascript 虽然没有错误，但弹出窗口未显示,javascript,jquery,html,kendo-ui,Javascript,Jquery,Html,Kendo Ui,我试图显示一个弹出窗口，其中包含来自剑道模板和剑道的值。虽然没有错误，但是下面的代码没有显示弹出窗口和模板内容。你知道需要改变什么来显示这个吗更新 <head> <title>Kendo Template and Kendo Window</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script

我试图显示一个弹出窗口，其中包含来自

剑道模板

和

剑道

的值。虽然没有错误，但是下面的代码没有显示弹出窗口和模板内容。你知道需要改变什么来显示这个吗

更新

 <head>
    <title>Kendo Template and Kendo Window</title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>



 <!---- lijo   Kendo Templates-->
    <script id="row-template" type="text/x-kendo-template">
          <tr>
                <td data-bind="text: name"></td>
                <td data-bind="text: age"></td>
          </tr>
    </script>


<script type="text/javascript">

    //lijo
    $(document).ready(function () {


        var viewModel = kendo.observable({

            employees: [
                        { name: "Lijo", age: "28", IsSelected: true },
                        { name: "Binu", age: "33", IsSelected: false },
                        { name: "Kiran", age: "29", IsSelected: true }
                       ]
        });

        kendo.bind($("body"), viewModel);
    });



    //lijo
    function showMakeAndHold() {

        alert("HIIIIIII");

        var drilldownpopup = $('<div class="myClass">A</div>');



        if (!drilldownpopup.data('kendoWindow')) 
        {
            drilldownpopup.kendoWindow({
                    modal: true
                });       
        }

        drilldownpopup.data('kendoWindow').title(" ");
        $('.k-window-actions').html('<span class="titletext">' + "MAKE HOLD BALANCE ITEM" + '</span><a href="#" class="k-window-action k-link"><span class="k-icon k-i-close"></span></a>');

        var myString =
                       ['<html><body><table id="resultTable">',
                            '<tbody data-template="row-template" data-bind="source: employees">',
                            '</tbody>',
                        '</table>AAAA</body></html>'
                       ].join('\n');


        drilldownpopup.data('kendoWindow').content(myString);

        drilldownpopup.data('kendoWindow').open();
        drilldownpopup.data('kendoWindow').center();

    }



 </script>




</head>

<body>

A   B 

 <button id = "MakeHoldDetailLinkButton" class="MakeHoldDetailLinkButton" onclick = "showMakeAndHold();">View Make Hold</button> 

<div class="drilldownwindow">SS</div>

</body>

当我删除msie浏览器检查时，弹出窗口出现。但它仍然没有显示模板内容。我遗漏了什么吗

为了解决这个问题，我参考了下面的堆栈溢出帖子和许多其他博客

代码

 <head>
    <title>Kendo Template and Kendo Window</title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>



 <!---- lijo   Kendo Templates-->
    <script id="row-template" type="text/x-kendo-template">
          <tr>
                <td data-bind="text: name"></td>
                <td data-bind="text: age"></td>
          </tr>
    </script>


<script type="text/javascript">

    //lijo
    $(document).ready(function () {


        var viewModel = kendo.observable({

            employees: [
                        { name: "Lijo", age: "28", IsSelected: true },
                        { name: "Binu", age: "33", IsSelected: false },
                        { name: "Kiran", age: "29", IsSelected: true }
                       ]
        });

        kendo.bind($("body"), viewModel);
    });



    //lijo
    function showMakeAndHold() {

        alert("HIIIIIII");

        var drilldownpopup = $('<div class="myClass">A</div>');



        if (!drilldownpopup.data('kendoWindow')) 
        {
            drilldownpopup.kendoWindow({
                    modal: true
                });       
        }

        drilldownpopup.data('kendoWindow').title(" ");
        $('.k-window-actions').html('<span class="titletext">' + "MAKE HOLD BALANCE ITEM" + '</span><a href="#" class="k-window-action k-link"><span class="k-icon k-i-close"></span></a>');

        var myString =
                       ['<html><body><table id="resultTable">',
                            '<tbody data-template="row-template" data-bind="source: employees">',
                            '</tbody>',
                        '</table>AAAA</body></html>'
                       ].join('\n');


        drilldownpopup.data('kendoWindow').content(myString);

        drilldownpopup.data('kendoWindow').open();
        drilldownpopup.data('kendoWindow').center();

    }



 </script>




</head>

<body>

A   B 

 <button id = "MakeHoldDetailLinkButton" class="MakeHoldDetailLinkButton" onclick = "showMakeAndHold();">View Make Hold</button> 

<div class="drilldownwindow">SS</div>

</body>


剑道模板和剑道窗口
//李贺
$（文档）.ready（函数（）{
var viewModel=kendo.observable({
雇员：[
{姓名：“Lijo”，年龄：“28”，IsSelected:true}，
{姓名：“比努”，年龄：“33”，当选：假}，
{姓名：“基兰”，年龄：“29”，当选：真}
]
});
bind（$（“body”），viewModel；
});
//李贺
函数showMakeAndHold（）{
警报（“HIIIII”）；
变量drilldownpopup=$（'A'）；
如果（！drilldownpopup.data（'kendoWindow'））
{
drilldown.kendoWindow({
莫代尔：对
});       
}
drilldownpopup.data（'kendoWindow'）。标题（“”）；
$（'.k-window-actions'）.html（''+'使保持平衡项'+''）；
var myString=
['',
'',
'',
“AAAA”
].join（'\n'）；
drilldownppopup.data（'kendoWindow'）.content（myString）；
drilldownpopup.data（'kendoWindow'）.open（）；
drilldownPoop.data（'kendoWindow'）.center（）；
}
A B
视图保留
党卫军

尝试以下代码：

1）您在ready函数中提到了雇员，因此它将在仅运行myString html代码之后首先运行，这样它就不会显示雇员数据，所以删除ready函数我将代码放在下面

 <head>
    <title>Kendo Template and Kendo Window</title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>



 <!---- lijo   Kendo Templates-->
    <script id="row-template" type="text/x-kendo-template">
          <tr>
                <td data-bind="text: name"></td>
                <td data-bind="text: age"></td>
          </tr>
    </script>


<script type="text/javascript">

    //lijo








    //lijo
    function showMakeAndHold() {

       // alert("HIIIIIII");

        var drilldownpopup = $('<div class="myClass">A</div>');



        if (!drilldownpopup.data('kendoWindow')) {
           if (jQuery.support.leadingWhitespace) {
                drilldownpopup.kendoWindow({
                    animation: false,
                    modal: true
                });

            }
            else {
                drilldownpopup.kendoWindow({
                    modal: true
                });
            }
        }

        drilldownpopup.data('kendoWindow').title(" ");
        $('.k-window-actions').html('<span class="titletext">' + "MAKE HOLD BALANCE ITEM" + '</span><a href="#" class="k-window-action k-link"><span class="k-icon k-i-close"></span></a>');

        var myString =
                       ['<html><body><table id="resultTable">',
                            '<tbody data-template="row-template" data-bind="source: employees">',
                            '</tbody>',
                        '</table></body></html>'
                       ].join('\n');


        drilldownpopup.data('kendoWindow').content(myString);

        drilldownpopup.data('kendoWindow').open();
        drilldownpopup.data('kendoWindow').center();


    var viewModel = kendo.observable({

            employees: [
                        { name: "Lijo", age: "28", IsSelected: true },
                        { name: "Binu", age: "33", IsSelected: false },
                        { name: "Kiran", age: "29", IsSelected: true }
                       ]
        });

        kendo.bind($("body"), viewModel);



    }



 </script>




</head>

<body>

A   B 

 <button id = "MakeHoldDetailLinkButton" class="MakeHoldDetailLinkButton" onclick = "showMakeAndHold();">View Make Hold</button> 

<div class="drilldownwindow">SS</div>

</body>


剑道模板和剑道窗口
//李贺
//李贺
函数showMakeAndHold（）{
//警报（“HIIIII”）；
变量drilldownpopup=$（'A'）；
如果（！drilldownpopup.data（'kendoWindow'））{
if（jQuery.support.leadingWhitespace）{
drilldown.kendoWindow({
动画：错，
莫代尔：对
});
}
否则{
drilldown.kendoWindow({
莫代尔：对
});
}
}
drilldownpopup.data（'kendoWindow'）。标题（“”）；
$（'.k-window-actions'）.html（''+'使保持平衡项'+''）；
var myString=
['',
'',
'',
''
].join（'\n'）；
drilldownppopup.data（'kendoWindow'）.content（myString）；
drilldownpopup.data（'kendoWindow'）.open（）；
drilldownPoop.data（'kendoWindow'）.center（）；
var viewModel=kendo.observable({
雇员：[
{姓名：“Lijo”，年龄：“28”，IsSelected:true}，
{姓名：“比努”，年龄：“33”，当选：假}，
{姓名：“基兰”，年龄：“29”，当选：真}
]
});
bind（$（“body”），viewModel；
}
A B
视图保留
党卫军

浏览器的弹出窗口阻止程序是否阻止了它？尝试暂时禁用它或使用其他浏览器。@Nicolasccurdy我在Chrome和IE中尝试过。。不能同时在$中工作。浏览器在1.3版中被弃用，并在1.9[1]中被删除：顺便说一句，如果您仍然需要

$。浏览器

，可以在@Mani中使用背面兼容性。谢谢当我删除

浏览器

检查时，弹出窗口出现。但它仍然没有显示模板内容。我遗漏了什么吗？我投了更高的票，因为它帮助我获得了弹出窗口。但此处未显示模板内容数据。[也就是说，它没有显示

员工

数据]