1. Home
  2. JQuery EasyUI Data Grid - получить выбранные данные строки

Лучшее руководство по JQuery EasyUI Data Grid - получить выбранные данные строки в 2024 году. В этом руководстве вы можете изучить Скачать примеры Jquery EasyUI,

JQuery EasyUI Data Grid - получить выбранные данные строки

Этот пример демонстрирует, как получить выбранные строки данных.

Data Grid (DataGrid) компонент содержит два способа получения выбранных строк данных:

  • getSelected: получить первую строку данных выбирается, если линия не выбрана, то она возвращает NULL, в противном случае он возвращает записи.
  • getSelections: получить все выбранные строки данных, возвращает массив элементов данных записей.

Создание сетки данных (DataGrid) 

	<Идентификатор таблицы = класс "тт" = "easyui-DataGrid" стиль = "ширина: 600px; высота: 250px"
			URL = "Данные / datagrid_data.json"
			название = iconCls "Load Data" = "Значок-сохранить">
		<THEAD>
			<Tr>
				<Th поле = "ItemId" ширина = "80"> Item ID </ й>
				<Th поле = "ProductID" ширина = "80"> Идентификатор продукта </ й>
				<Th поле = "Коек Стоимость" ширина = "80" выровнять = "право"> Цены </ й>
				<Th поле = "unitcost" ширина = "80" выровняйте = "право"> себестоимость единицы продукции </ й>
				<Th поле = "attr1" ширина = "150"> Атрибут </ й>
				<Th = поле "статус" ширина = "60" выровняйте = "центр"> Stauts </ е>
			</ TR>
		</ THEAD>
	</ Table>

Использование Demo

Получить выбранные строки данных: 

	переменная строка = $ ( '# тт') DataGrid ( 'getSelected') .;
	если (строка) {
		предупреждение ( 'Item ID:' + row.itemid + "\ nPrice:" + row.listprice);
	}

Получить ItemId все выбранные строки: 

	VAR Идентификаторы = [];
	вар строки = $ ( '# TT') DataGrid ( 'getSelections') .;
	для (вар я = 0; я <rows.length; я ++) {
		ids.push (строки [I] .itemid);
	}
	Оповещение (ids.join ( '\ п'));

Скачать примеры Jquery EasyUI

jeasyui-datagrid-datagrid3.zip

Горячие учебники

Contact US

JQuery EasyUI Data Grid - получить выбранные данные строки
10/30