Knockout.js 当使用剑道UI选项卡Strip';s数据内容URL
我试图创建一组部分html文档,这些文档将使用KendoUITabstrip插入html页面。每个部分html文档将包含显示在每个选项卡中的控件。在这些部分html文档中,我试图使用Knockout JS将控件绑定到视图模型对象 加载页面时,控件似乎没有绑定到视图模型。当我将部分html文档中的标记复制到主页面时,绑定工作正常 是否可以使用剑道ui选项卡条的动态加载功能加载这些控件 以下是我正在使用的一些示例代码: 主页:Knockout.js 当使用剑道UI选项卡Strip';s数据内容URL,knockout.js,kendo-ui,Knockout.js,Kendo Ui,我试图创建一组部分html文档,这些文档将使用KendoUITabstrip插入html页面。每个部分html文档将包含显示在每个选项卡中的控件。在这些部分html文档中,我试图使用Knockout JS将控件绑定到视图模型对象 加载页面时,控件似乎没有绑定到视图模型。当我将部分html文档中的标记复制到主页面时,绑定工作正常 是否可以使用剑道ui选项卡条的动态加载功能加载这些控件 以下是我正在使用的一些示例代码: 主页: <!DOCTYPE html> <html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../Scripts/jquery-1.8.3.min.js"></script>
<script src="../Scripts/knockout-2.2.0.js"></script>
<script src="../Scripts/KendoUI/kendo.all.min.js"></script>
<script src="../Scripts/ViewModels/EndorsementViewModel.js" defer="defer"></script>
<link href="../Stylesheets/KendoUI/kendo.common.min.css" rel="stylesheet" />
<link href="../Stylesheets/KendoUI/kendo.metro.min.css" rel="stylesheet" />
</head>
<body>
<div>
<div id="tabStrip">
</div>
</div>
</body>
</html>
<script>
$(document).ready(function () {
InitialKendoControls();
});
function InitialKendoControls() {
InitialKendoTabStrip();
}
function InitialKendoTabStrip() {
var tabstrip = $("#tabStrip").kendoTabStrip(
{
dataTextField: "text",
dataContentField: "content",
dataUrlField: "url",
dataContentUrlField: "contentUrl",
dataSource:
[
{
text: "TestTab",
contentUrl: "../TestEndorsement/TestTab.html"
}
]
}
).data("kendoTabStrip");
}
</script>
使用此事件执行应用绑定的逻辑(当前使用文档读取事件)。如果Html部分仍然没有加载,那么绑定肯定无法工作
<div>
<span>Enter something</span><input data-bind="value: testValue" /><br />
<button data-bind="click: testClick">Click Me</button>
</div>
function EndorsementViewModel()
{
this.testValue = ko.observable("Test Value");
this.testClick = function () { alert(this.testValue()); };
}
ko.applyBindings(new EndorsementViewModel());