javascript - Knockoutjs用两个接口获取标题和内容的数据,实现嵌套
巴扎黑
巴扎黑 2017-04-10 16:24:07
0
2
651

这里我用第一个接口获取到标题的值,在用id获取到属于id下面的子集,生成HTML,效果如下
问题来了可不可以不用js生成的HTML,来实现这里的嵌套,我这里实现嵌套后,想用一个数组里面的值来判断checkbox的值来做是否勾选,现在获取因为是js生成的html所以获取不到页面中的值拍判断。该怎么做。(新手求大神讲解,嵌套用Angularjs实现也可以)

 http.get(route.getUrl(SystmeTypeUrl.List, {
        'name':"",
        'skip': 0,
        'count':-1,
    }), function (data) {
        //console.log(data)
        //self.Systemtyep(data.result.list)
        $.each(data.result.list, function (i, val) {
            var arr = []
            //console.log(val.name)
            arr = "<ul class='wid100'>" +
                        "<li colspan='4' style='text-align:center'>" + val.name + '(' + val.level + ')' + "</li> </ul>"                
            http.get(route.getUrl(SystmeUrl.List, {
                'tag': "",
                'categoryid': val.id,
                'skip': 0,
                'count': 10,
            }), function (data) {
                //self.Sys(data.result.list)
                var arrs = []
                $.each(data.result.list, function (i, name) {                        
                     arrs +="<ul class='center_td'><label><li><input class=\"names\" name='test' type='checkbox'>"+name.tag +"</li></label>
                                </ul>";
                })
               centent_td.append(arr+arrs)
            })
        })
    })
巴扎黑
巴扎黑

reply all(2)
洪涛

1)是否能有Angular来实现嵌套不清楚
2)checkbox是否选中,你可以在回调中加入一下监听
或通过centent_td 事件代理

$('input[type=checkbox].name').on( "click", function(){
     $('input[type=checkbox].name:check').each(function(){
       console.log(‘已经选中的值:’+$(this).val());
    });
} );
Ty80

可以通过模板来实现嵌套吧

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template