addObject(data: PP.Ui.TabSheetObject);
data. Данные добавляемого объекта.
Метод addObject добавляет объект в таблицу.
Для выполнения примера необходимо наличие на html-странице компонента TabSheet с наименованием «tabSheet» (см. «Пример создания компонента TabSheet»). В папке с данной html-страницей должна существовать папка «img» с графическим файлом «home.png». Добавим данное изображение в качестве объекта в таблицу, разрешим его перемещение, обработаем событие клика по данному объекту и добавим кнопку для его удаления:
// Создадим новый объект для таблицы var tabSheetObject = new PP.Ui.TabSheetObject({ Data: { "@TR": 1, // Индекс строки ячейки, в область которой вставляем объект "@LC": 1, // Индекс столбца ячейки, в область которой вставляем объект "@T": 5, // Отступ сверху "@L": 5, // Отступ слева "@H": 32, // Высота объекта "@W": 32 // Ширина объекта }, Parent: tabSheet }); // Укажем адрес к картинке tabSheetObject.setUrl("img/home.png"); // Разрешим перемещать объект tabSheet.setEnableMoveObjects(true); // Обработаем событие MouseDown tabSheet.MouseDown.add(function (sender, eventArgs) { var ts = tabSheetObject.getTabSheet(); // Получим выделенные объекты var objectSelection = ts.getObjectSelection(); if (!ts.getEnableMoveObjects()) { // Сбросим выделение объекта в таблице objectSelection.reset() } else { // Обновим выделенные объекты objectSelection.update() }; return false }); // Добавим объект в таблицу tabSheet.addObject(tabSheetObject); // Добавим кнопку для удаления объекта var button = new PP.Ui.Button({ Content: "Удалить" }); var coord = tabSheet.coord(1, 0) button.Click.add(function () { // Удалим все объекты в таблице tabSheet.getModel().eachObject(function (object) { tabSheet.removeObject(object); }, this); // Удалим кнопку tabSheet.removeCellControl(coord); tabSheet.rerender() }); // Добавляем кнопку в таблицу tabSheet.addCellControl(button, coord); // Обновим таблицу tabSheet.rerender();
В результате выполнения примера в таблицу был вставлен объект с изображением, было разрешено его перемещение, обработано событие клика по данному объекту MouseDown, при наступлении которого выделенный объект будет обновляться, а также была добавлена кнопка для его удаления:
После нажатия на кнопку будет удалён и сам объект, и сама кнопка:
См. также: