Лабораторная работа Введение в разработку приложений SharePoint 2013 и Office 2013 с помощью технологии napa
Скачать 273.89 Kb.
|
Задание 7: Помещение данных в ячейку листа ExcelВ этом задании Вы поместите данные, введенные пользователем в строку приложения, в ячейку на листе. Ваше приложение может поместить данные в любую ячейку или набор ячеек. Текущая задача заключается в помещении данных в ячейку, выбираемую пользователем на листе. После выполнения этих действий вы сможете добавить текст в ячейку на листе, нажав кнопку в приложении.
 Откроется редактор кода страницы.
function addTextToDocument() { var e = document.getElementById("input"); var text = e.value; Office.context.document.setSelectedDataAsync(text, function (asyncResult) {}); } С помощью этого кода приложение получает текст из текстового поля приложения и помещает его в ячейку, выбираемую пользователем на листе. Задание 8: Запустите приложение для Office
После этого произойдет сборка пакета приложения, его развертывание и установка созданного приложения на Вашем сайте разработки. После инсталляции откроется страница Excel Web App, на которой будет доступно обновленное приложение.
В выбранной Вами ячейке отобразится введенный Вами текст.  Это простой пример, но он иллюстрирует помещение данных в ячейку. Ваше приложение приложение для Office может использовать службу отслеживания котировок, чтобы получить заключительную цену акций, а затем добавить эту цену в ячейку для выполнения дальнейших расчетов.
Задание 9: Обработка события на листеДо этого для получения и размещения данных приложению требовалось, чтобы пользователь нажал кнопку. Выполнив два следующих действия, Вы сможете обеспечить автоматическое получение и размещение данных при выборе ячейки пользователем.
Office.initialize = function (reason) { Office.context.document.addHandlerAsync (Office.EventType.DocumentSelectionChanged, updateApp); } В этом коде содержится метод, вызываемый при выборе ячейки пользователем.
function updateApp() { getTextFromDocument(); } Этот метод вызывается при выборе ячейки пользователем. Данный код вызывает метод, введенный Вами ранее в рамках данной задачи, который получает значение выбранной ячейки и помещает его в текстовое поле. Задание 10: Запустите приложение для Office
После этого произойдет сборка пакета приложения, его развертывание и установка созданного приложения на Вашем сайте разработки. После инсталляции откроется страница Excel Web App, на которой будет доступно обновленное приложение.
В текстовом поле над кнопкой Get symbol текст обновляется автоматически.  
Задание 11: Привязка к ячейкам на листе ExcelНаиболее оптимальный способ получения и размещения данных заключается в создании привязки к ячейке или набору ячеек на листе. Вы можете отобразить пользователям запрос на выбор ячеек, которые должно использовать приложение. После этого вы сможете в любое время получать данные из этих ячеек или помещать в них данные. Чтобы реализовать этот сценарий, выполните следующие действия.
Откроется редактор кода страницы.
function addBindingFromSelection() { Office.context.document.bindings.addFromSelectionAsync(Office.BindingType.Text, { id: 'MyBinding' }, function (asyncResult) { Office.select("bindings#MyBinding").addHandlerAsync (Office.EventType.BindingDataChanged, onBindingSelectionChanged); } ); } function onBindingSelectionChanged(eventArgs) { Office.select("bindings#MyBinding").getDataAsync (function (asyncResult) { if (asyncResult.value != "") { var dataValue = asyncResult.value; var e = document.getElementById("output"); e.value = dataValue; } }); } Этот код устанавливает привязку к ячейке, выбираемой пользователем, а также определяет метод, вызываемый при изменении данных в привязанной ячейке. Задание 12: Запустите приложение для Office
После этого произойдет сборка пакета приложения, его развертывание и установка созданного приложения на Вашем сайте разработки. После инсталляции откроется страница Excel Web App, на которой будет доступно обновленное приложение.
Введенный Вами текст отобразится в выбранной ячейке. Поскольку значение ячейки изменилось, расположенное над кнопкой Get symbol текстовое поле теперь содержит данный текст. 
Задание 13: Дальнейшие действияПосле того, как Вы создали простое приложение для SharePoint 2013, самостоятельно исследуйте следующие пути работы с ним:
 Вы также можете загрузить и установить данные инструменты непосредственно со страницы Downloads в центре Apps for Office and SharePoint Dev.
ВыводыВ рамках данной лабораторной работы мы смогли познакомится с новой онлайн технологией разработки приложений для Office 365 Preview под названием Napa. С помощью данной технологии мы, не выходя из браузера, смогли создать два приложения. Эти приложения не просто работают в сайте Sharepoint или Office Web Apps, но и позволяют работать с данными. Кроме того, приложения для Office смогут также работать в клиентских программах Office 2013 без дополнительной модификации. |
),расположенную внизу страницы.Похожие:
 | Задание 2: Связка данных из подключенного к диаграмме файла с фигурами диаграммы 13 |  | Изучить основные приемы по проектированию баз данных и работе с субд для персонального компьютера на примере пакета офисных приложений... |
| Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования | | Изменять число рабочих листов можно через опцию Office (в левом верхнем углу экрана), кнопку Параметры Excel, опцию Основные, опцию... |
| Изменять число рабочих листов можно через опцию Office (в левом верхнем углу экрана), кнопку Параметры Excel, опцию Основные, опцию... | | Приказом Министерства образования и науки РФ от 01 октября 2013 г. №1100 «Об утверждении образцов и описаний документов о высшем... |
| Лабораторная работа №1 Использование специализированных программ с базой данных по технологии приготовления пищи | | Лабораторная работа №7 Отпуск материалов на производство, прочее выбытие материалов |
| Лабораторная работа №7 Отпуск материалов на производство, прочее выбытие материалов | | Лабораторная работа Выполнение расчетов с использованием программирования в среде Visual Basic for Applications (vba). 8 |