Показать сообщение отдельно
  #2 (permalink)  
Старый 27.07.2015, 16:13
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,261

Сообщение от rom30
Хотелось бы чтобы при клике на ">" paginator-e таблица показывала
cледующую пришедшую порцию данных (JSON) и т.д.
При клике на "<" paginator-e таблица показывает "предыдущие" данные
В чем собственно проблема?
Задача для Ангулар тривиальная:
- при клике на "<>" запросить данные у сервера
- при получении данных изменить модель
Далее Ангулар все сделает сам.

Сообщение от rom30
Ну кто-нибудь покажите РАБОТАЮЩИИ проект на AngularJS
Вот кусок страницы "системная таблица", там есть листание, как построчно, так и постранично... И поиск... И много чего еще...

<form id='sys-find'>
	<table id='sys-table'>
		<thead>
			<tr id='sys-table-find'>
				<td ng-repeat='(i, tit) in define.title'>
					<div ng-hide='!define.find[i].code' class='sys-field' ng-class='define.find[i].class'>
						<div class='sys-field-input'>
							<input name='sys-find' id='sys-find{{i}}' type='text' ng-disabled='!define.find[i].code' />
						</div>
						<div ng-click='openDct(define.find[i].dct,i)' data-val='{{define.find[i].dct}}' class='sys-field-type'></div>
					</div>
				</td>
			</tr>
			<tr>
				<td colspan='{{define.title.length}}'>
					<div id='sys-table-command' class='sys-table-command'>
						<div class='sys-table-command-container'>
							<button ng-click='find()' title='Выполнить поиск по "начинается"' class='sys-button' type='submit'>Начинается</button>
							<button ng-click='find(1)' title='Выполнить поиск по "содержит"' ng-hide='define.contains==0' class='sys-button'>Содержит</button>
							<button title='Очистить поисковые поля' class='sys-button' type='reset'>Очистить</button>
							<button title='Перечитать данные таблицы' class='sys-button' type='reset'>Обновить</button>
							<ul id='sys-table-access'>
								<li id='sys-table-access-edit' title='Переход в режим редактирования карточки'><span>Редактировать</span></li>
								<li id='sys-table-access-add' title='Добавить карточку'><span>Добавить</span></li>
								<li id='sys-table-access-del' title='Удалить карточку'><span>Удалить</span></li>
							</ul>
						</div>
						<div class='sys-table-command-container'>
							<button ng-class='tableBeg|condition' ng-click='upPage()' title='Предыдущая страница' class='sys-button'>&laquo;</button>
							<button ng-class='lineBeg|condition' ng-click='upLine()' title='Предыдущая строка' class='sys-button'>&lt;</button>
							<button ng-class='lineEnd|condition' ng-click='downLine()' title='Следущая строка' class='sys-button'>&gt;</button>
							<button ng-class='tableEnd|condition' ng-click='downPage()' title='Следущая страница' class='sys-button'>&raquo;</button>
						</div>
					</div>
				</td>
			</tr>
			<tr class='sys-table-head'>
				<td ng-repeat='(key, tit) in define.title'>{{tit.name}}</td>
			</tr>
		</thead>
		<tbody class='sys-table-data'>
			<tr ng-click='selectRow(i)' ng-repeat='(i, row) in data' ng-class='row|selected' data-urn='{{row.urn}}'>
				<td ng-repeat='(j, field) in row.fields' ng-class='field.class'>{{(field.value=='')? '&nbsp;': field.value}}</td>
			</tr>
		</tbody>
		<tbody>
			<tr>
				<td colspan='{{define.title.length}}'>
					<div id='sys-table-command-end' class='sys-table-command'>
						<div class='sys-table-command-container'>
							<button ng-class='tableBeg|condition' ng-click='upPage()' title='Предыдущая страница' class='sys-button'>&laquo;</button>
							<button ng-class='lineBeg|condition' ng-click='upLine()' title='Предыдущая строка' class='sys-button'>&lt;</button>
							<button ng-class='lineEnd|condition' ng-click='downLine()' title='Следущая строка' class='sys-button'>&gt;</button>
							<button ng-class='tableEnd|condition' ng-click='downPage()' title='Следущая страница' class='sys-button'>&raquo;</button>
						</div>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
</form>
Ответить с цитированием