簡體   English   中英

如何刷新引導向導

[英]How to refresh bootstrap wizard

我有一個帶有引導向導的jsp,如下所示:

http://s3.amazonaws.com/creativetim_bucket/products/22/original/wizard_template.png?1407329794

使用此向導,我可以添加在Javascript數組中收集的employee元素(我也使用AngularJS)。

之后,在向導的最后一步中,表中顯示了員工的摘要。 對於表的每一行,我都添加了一個href鏈接以刪除當前的employee元素。 該href鏈接調用由AngularJS管理的函數。

好的,可以。 但是,刪除后,該表不會刷新。 並且已刪除的元素仍存在於表中,但不存在於數組中。

那么,如何刷新表格?

這是表的代碼:

<table class="table table-bordered table-hover table-condensed">
                                            <thead>
                                                <tr>
                                                    <td>#</td>
                                                    <td>Nome</td>
                                                    <td>Cognome</td>
                                                    <td>Matricola</td>
                                                </tr>
                                            </thead>
                                            <tr ng-repeat="employee in listaDipendenti track by $index">
                                                <td>{{$index + 1}}</td>
                                                <td>{{employee.nome}}</td>
                                                <td>{{employee.cognome}}</td>
                                                <td>{{employee.matricola}}</td>
                                                <td><a ng-click="DeleteEmployees($index)" href="#" class="btn btn-simple btn-xs" role="button" style="color: green">Delete</a></td>
                                            </tr>
                                        </table>

這是JS中的代碼:

//Classe di tipo Employee
        function Employee(nome, cognome, matricola) {
            this.nome = nome;
            this.cognome = cognome;
            this.matricola = matricola;
        }

        var listEmployees = [];
        var nDip = 0;

        function Controller($scope) {

        $scope.DeleteEmployees = function (n) {
                if (n > -1) {
                    listEmployees.splice(n, 1);
                }
            };
        }

為@charlietfl

這是不對的,請查看用於在JS數組中添加雇員的函數。

$scope.AddInList = function () {
                var nome = $("#nome").val();
                var cognome = $("#cognome").val();
                var matricola = $("#matricola").val();

                $("#nome").val("");
                $("#cognome").val("");
                $("#matricola").val("");

                nDip = nDip + 1;
                listEmployees.push(new Employee(nome, cognome, matricola));

                $("#cont").text(nDip);
                $scope.listaDipendenti = JSON.parse(JSON.stringify(listEmployees));

            };

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM