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"));