1. Home
  2. Jquery EasyUI Data Grid - Extended редактор

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

Jquery EasyUI Data Grid - Extended редактор

Некоторые общие редактор (редактор) добавляется к сетке данных (DataGrid элемент), так что пользователи редактировать данные. Все редактор (редактор) определены в $ .fn.datagrid.defaults.editors объекта, это может быть расширен для поддержки нового редактора наследования (редактор). Этот учебник покажет вам, как добавить новый редактор numberspinner к сетке данных (DataGrid).

Наследуется расширенный редактор numberspinner 

	$ .extend ($. Fn.datagrid.defaults.editors, {
		numberspinner: {
			INIT: функция (контейнер, опции) {
				вар вход = $ ( '<входной тип = "текст">') appendTo (контейнер) .;
				вернуть input.numberspinner (варианты);
			},
			уничтожить: функция (цель) {
				$ (Target) .numberspinner ( 'уничтожить');
			},
			ПолучитьЗначение: функция (цель) {
				вернуть $ (цель) .numberspinner ( 'GetValue');
			},
			SetValue: функция (цель, значение) {
				$ (Target) .numberspinner ( 'SetValue', значение);
			},
			размер: функция (цель, ширина) {
				$ (Target) .numberspinner ( 'размер', ширина);
			}
		}
	});

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

	<Таблица ID = "ТТ" стиль = "ширина: 600px; высота: 250px"
			URL = "/ datagrid_data.json данные" название = iconCls "редактируемые DataGrid" = "значок-редактирование"
			singleSelect = "истинные" idField = "ItemId" fitColumns = "истинный">
		<THEAD>
			<Tr>
				<Th поле = "ItemId" ширина = "60"> Item ID </ й>
				<Th поле = "Коек Стоимость" ширина = "80" выровнять = "право" редактор = "{тип: 'numberbox', опции: {точность: 1}}"> Цены </ й>
				<Th поле = "unitcost" ширина = "80" выровняйте = "правильный" редактор = "numberspinner"> себестоимость единицы продукции </ й>
				<Th поле = "attr1" ширина = "180" Редактор = "Текст"> Атрибут </ й>
				<Th = поле "статус" ширина = "60" выровняйте = "центр" редактор = "{типа:" флажок ", опции: {на: 'Р', от: ''}}"> Статус </ й>
				<Th поле = "действие" ширина = "80" выровняйте = "центр" форматтера = "formatAction"> Действие </ й>
			</ TR>
		</ THEAD>
	</ Table>

Сопоставим редактора numberspinner к «себестоимость единицы продукции» полей. Когда вы начинаете редактировать строку, пользователь может редактировать данные с помощью редактора numberspinner.

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

jeasyui-datagrid-datagrid23.zip

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

Contact US

Jquery EasyUI Data Grid - Extended редактор
10/30