DialogRowButton

[ildar-ceo]

Дефолтная кнопка для таблицы, которая вызывает диалоговое окно.

С помощью нее делаются остальные кнопки:

• EditDialogRowButton
• DeleteDialogRowButton

AddDialogButton - это тоже кнопка, которая вызывает диалоговое окно, но она используется в таблице в top_buttons

[ildar-ceo]

Пример использования:

table.addTopButton( new AddDialogButton() );
table.addTopButton( new RefreshButton() );

Кнопки для строки:

table.addField({
	"name": "row_buttons",
	"component": new ButtonsList([
		new EditDialogRowButton(),
		new DeleteDialogRowButton(),
	}),
});

[ildar-ceo]

Следует отметить, что строка:

table.addTopButton( new AddDialogButton() );

Добавляет в массив table.top_buttons модель AddDialogButton. А у AddDialogButton есть свойство component, которое хранит ссылку на класс компонетна для рендера

[ildar-ceo]

тоже самое с:

table.addField({
	"name": "row_buttons",
	"component": new ButtonsList([
		new EditDialogRowButton(),
		new DeleteDialogRowButton(),
	}),
});

В table.fields будет добавлена модель ButtonsList. В свойстве component, ссылка на класс ButtonsListView. Она обращается к списку items в которых находятся EditDialogRowButton и DeleteDialogRowButton.

Очень важно, чтобы модель строки таблицы была проброшена в EditDialogRowButton и DeleteDialogRowButton. Потому что они должны вызывать метод refresh у таблицы, когда они удалят или изменят строку