Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/8: Рейтинг темы: голосов - 8, средняя оценка - 4.75
Yoghurt_92
50 / 50 / 42
Регистрация: 06.09.2013
Сообщений: 188
1

Добавление строк в таблицу

13.02.2015, 20:17. Просмотров 1596. Ответов 2
Метки нет (Все метки)

Доброго времени суток! Я новичок в этом деле, так что сильно не пинайте. Я вывожу данные из json файла в таблицу, заполняю ее естественно динамически, ок, данные вывелись, все прекрасно. Я добавил кнопку для добавления новой строки в таблицу, по клику на этой кнопке открывается небольшое окошко где пользователь выбирает и вводит данные которые потом будут новой строкой в таблице, все вводится и в консоли я вижу как все добавляется, но когда я закрываю окошко, то данные не добавляются, хотя таблица должна была обновится. Когда я делал это все на одной странице, то все было ок. Буду благодарен за помощь...

Вот код главной страницу (самое важное)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<body ng-controller="tableBankFirmCtrl" style="margin: 10px">
    <div ng-controller="selectBankFirmCtrl" style="margin: auto">
        <table style="margin: auto;" class="rowGroup" ng-repeat="data in dataChangeTable">
            <tr>
                <td style="width: 100px; height: 40px">Фирма:</td>
                <td class="tdStyleOptions" style="height: 40px">
                    <select ng-model="selectedFirm.firm" class="form-control" ng-change="data.flag = true"
                            ng-options="firm.nameFirm for firm in data.firms" ng-value="$firm">
                        <option selected> </option>
                    </select>
                </td>
            </tr>
            <tr>
                <td style="width: 100px; height: 40px">Банк:</td>
                <td class="tdStyleOptions" style="height: 40px">
                    <select ng-model="selectedBank.bank" class="form-control" ng-click="clickWatcher(data.flag)"
                            ng-options="bank.nameBank for bank in data.banks" ng-value="$bank">
                        <option selected> </option>
                    </select>
                </td>
            </tr>
            <tr>
                <td style="width: 100px; height: 40px">Файл:</td>
                <td class="tdStyleOptions" style="height: 40px">
                    <input type="file" class="filestyle" data-file="selectedFile.nameFile" style="width: 300px; margin:auto;" file-style/>
                </td>
            </tr>
            <tr>
                <td style="width: 100px; height: 40px">Курс валют:</td>
                <td><input type="checkbox" ng-model="checkCurrency.currency"></td>
            </tr>
        </table>
    </div>
    <div style="text-align:center">
        <br><a data-ng-click="pushRow()" class="btn btn-default" style="width: 100px; height: 30px">Ok</a>
        <a onclick="window.close()" class="btn btn-default" style="width: 100px; height: 30px">Cancel</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
    </div>
</body>
так я вставляю данные, в dataTable хранятся все объекты которые потом выводятся в таблицу

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
$scope.pushRow = function () {
                $scope.dataTable.push({
                    "flag" : true,
                    "firm": $scope.selectedFirm.nameFirm,
                    "bank": $scope.selectedBank.nameBank,
                    "file": $scope.selectedFile.nameFile,
                    "currency": $scope.checkCurrency.currency
                });
 
                console.log($scope.dataTable);
                /*$window.close();*/
            }
На обеих страницах я использую один и тот же контроллер, данные попадают, я вижу их в консоли, но на одной страницы, а когда смотрю исходную, то там их нет.. т.е. вывод $scope.dataTable на второй страницы дает правильный результат, а на исходной нет, хотя в обоих страницах я использую $scope.dataTable, в чем может быть проблема ума не приложу... Заранее благодарю за помощь.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.02.2015, 20:17
Ответы с готовыми решениями:

Добавление строк в таблицу
Здравствуйте, помогите решить следующую проблему: Даны таблицы: create table IDs(id number...

Добавление строк в таблицу
Всем привет! У меня есть таблица, состоящая из двух строк. Верхняя заголовок, нижняя для...

Добавление строк в таблицу
Подскажите, пожалуйста, как ограничить количество добавленных строк в таблице, можно добавить...

Добавление Строк В Таблицу.
Доброго дня! При создании документа на событии PostOpen пишу : &lt;div class=&quot;sp-wrap&quot;&gt;&lt;div...

Добавление строк в таблицу
Добрый вечер. подскажите пожалуйста, как правильно добавить строку в таблицу, с тем условием,...

2
gggggu
15 / 15 / 3
Регистрация: 31.08.2013
Сообщений: 98
01.04.2015, 22:42 2
Я вижу что вы таблицу отрисовуете ng-repeat="data in dataChangeTable" с $scope.dataChangeTable, в то время как пушите и распечатываете $scope.dataTable. Может быть в этом ошибка?
0
Yoghurt_92
50 / 50 / 42
Регистрация: 06.09.2013
Сообщений: 188
02.04.2015, 19:54  [ТС] 3
gggggu, увы, но нет суть была в том, что нельзя разделять один скоуп между двумя страницами, я сделал модальное окно и все заработало))
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
02.04.2015, 19:54

Добавление строк в таблицу
Ребят, нужно по условию добавлять строки в нужные места. Никак не соображу как. Подскажите...

Добавление нескольких строк в таблицу
Добрый вечер! Имеется БД музыкальных групп. При добавлении новой группы необходимо добавлять...

Добавление строк в таблицу (JQuery)
Доброго времени суток. Прошу помощи у профессионалов. Вот код: &lt;!DOCTYPE HTML&gt; &lt;html...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru