Knockout.js KnockoutJs模板和事件绑定
关于下面的小提琴:Knockout.js KnockoutJs模板和事件绑定,knockout.js,Knockout.js,关于下面的小提琴: 戈库尔 var data=[{name:“一”},{name:“两”}]; var元素=document.getElementById(“测试”); var startForEach=document.createComment(“ko模板:{name:'someTemplate',foreach:$data}”); var endForEach=document.createComment(“/ko”); 元素appendChild(startForEach); 元素
戈库尔
var data=[{name:“一”},{name:“两”}];
var元素=document.getElementById(“测试”);
var startForEach=document.createComment(“ko模板:{name:'someTemplate',foreach:$data}”);
var endForEach=document.createComment(“/ko”);
元素appendChild(startForEach);
元素appendChild(endForEach);
应用绑定(数据、文档、getElementById(“测试”);
现在到列表项,我需要添加一个基于一些javascript逻辑的类。例如,我们有elementArray1=[100200300],elementArray2=[500800800]ElementSearch=一些随机数如果这个随机数在这两个elementArray中的任何一个中,我们需要将类“activated”添加到列表项中。
<div id="20" data-pid="400">
<div id="test">
<li>gokul</li>
</div></div>
<script id="someTemplate" type="text/html">
<li data-bind="text: name"></li>
</script>
var data = [ { name: "one" }, { name: "two" } ];
data.myPostProcessingLogic = function (element) {
val=$(element).parent().parent().attr('data-pid');
if(val==400){
$(element).addClass('hello');
console.log($(element));
}
};
var element = document.getElementById("test");
var startForEach = document.createComment("ko template: {name: 'someTemplate', foreach: $data, afterRender: myPostProcessingLogic }");
var endForEach = document.createComment("/ko");
element.appendChild(startForEach);
element.appendChild(endForEach);
ko.applyBindings(data, document.getElementById("test"));
戈库尔
var data=[{name:“一”},{name:“两”}];
data.myPostProcessingLogic=函数(元素){
val=$(元素).parent().parent().attr('data-pid');
如果(val==400){
$(element.addClass('hello');
log($(元素));
}
};
var元素=document.getElementById(“测试”);
var startForEach=document.createComment(“ko模板:{name:'someTemplate',foreach:$data,afterRender:myPostProcessingLogic}”);
var endForEach=document.createComment(“/ko”);
元素appendChild(startForEach);
元素appendChild(endForEach);
应用绑定(数据、文档、getElementById(“测试”);
<div id="20" data-pid="400">
<div id="test">
<li>gokul</li>
</div></div>
<script id="someTemplate" type="text/html">
<li data-bind="text: name"></li>
</script>
var data = [ { name: "one" }, { name: "two" } ];
data.myPostProcessingLogic = function (element) {
val=$(element).parent().parent().attr('data-pid');
if(val==400){
$(element).addClass('hello');
console.log($(element));
}
};
var element = document.getElementById("test");
var startForEach = document.createComment("ko template: {name: 'someTemplate', foreach: $data, afterRender: myPostProcessingLogic }");
var endForEach = document.createComment("/ko");
element.appendChild(startForEach);
element.appendChild(endForEach);
ko.applyBindings(data, document.getElementById("test"));