<table class="table table-bordered" data-model="home">
    <thead>
        <tr>
            <th>ID</th>
            <th> Name</th>
            <th>排序</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody data-bind="foreach:NavList">
        <tr>
            <td data-bind="text:$data.ID"></td>
            <td data-bind="text:$data.Name">
            
            <td data-bind="text:$data.Bid"></td>
           
            <td>
                <button class="btn btn-warning " data-bind="click:$data.removeList"> 删除</button>
             <button class="btn btn-primary cli"  >修改</button>
            </td>
        </tr>

    </tbody>
</table>



<script>

    var home;
    $(function () {
    
        $.getJSON("@Url.Action("GetNavList", "Manger")",function (data) {
                
            home = function () {
                var self = this;
               
              
                self.NavList = ko.observable(data.data);
                self.count = ko.observable(data.total);
                //执行删除
                self.removeList = function (stu) {
                    console.info(stu);
                    @*$.ajax({
                        url: "@Url.Action("Del", "Manger")" + stu.ID,
                        type: "post",
                        dataType: "json",
                        success: function (json) {
                            alert(json.type);
                            self.NavList.remove(stu);
                            self.count -= 1;
                        }
                    })*@
                };
            }
            ko.attach("home",home);
               
        });



    })

</script>