sharepoint 2010
Download
Skip this Video
Download Presentation
Удобные интерфейсы в SharePoint 2010

Loading in 2 Seconds...

play fullscreen
1 / 29

Удобные интерфейсы в SharePoint 2010 - PowerPoint PPT Presentation


  • 178 Views
  • Uploaded on

Удобные интерфейсы в SharePoint 2010. Илья Бойко, MCPD и MCITP SharePoint 2010 Разработчик SharePoint, UMSOFT. Интерфейс SharePoint 2010. Общий стиль Office 2010 Лента Модальные окна Оповещения Интерактивность. Лента. Структура ленты. contextual tab group. contextual tab. tab.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Удобные интерфейсы в SharePoint 2010' - earl


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
sharepoint 2010
Удобные интерфейсы в SharePoint 2010

Илья Бойко,

MCPD и MCITP SharePoint 2010

Разработчик SharePoint, UMSOFT

sharepoint 20101
Интерфейс SharePoint 2010
  • Общий стиль Office 2010
  • Лента
  • Модальные окна
  • Оповещения
  • Интерактивность
slide4
Структура ленты

contextual tab group

contextual tab

tab

ribbon

control

  • group{template}
slide6
Вид ленты
  • CustomAction
    • CommandUIDefinition
      • Tab
        • Scaling
          • MaxSize
        • Groups
          • Group
            • Controls
      • GroupTemplate
slide7
Обработка команд
  • Command UI Hander
    • Быстрее и проще создавать
    • Определяется декларативно и привязывается к ленте
  • Page Component
    • Можно привязывать к конкретным страницам

http://www.andrewconnell.com/blog/archive/2011/04/13/recapping-my-sessions-from-the-european-sharepoint-best-practices-2011.aspx

command ui hander
Command UI Hander

Определение обработчика:

<CommandUIHandlers>

<CommandUIHandler Command="CustomTab.HelloCommand"

CommandAction="javascript:alert(\'Hello!\');" />

</CommandUIHandlers>

tokenization
Tokenization

http://mysite/_layouts/handle.aspx?={ListId}

page component
Page Component

Command=“Rusug.UIDemo.MyCustomAction“

Type.registerNamespace(\'Rusug.UIDemo.MyCustomAction.PageComponent\');

Rusug.UIDemo.MyCustomAction.PageComponent.prototype = {

init:

getFocusedCommands:

getGlobalCommands:

canHandleCommand:

handleCommand:

}

slide11
Решения сообщества
  • SharePoint 2010 Fluent Ribbon APIhttp://spribbon.codeplex.com/
  • Show or Hide SharePoint 2010 ribbon based on SharePoint Groupshttp://spribbonvisibility.codeplex.com/
slide14
Диалоги
  • Меньше переходов между страницами
  • Удобство отображения небольших блоков информации
  • Возможность создать в любом месте с помощью JavaScript
slide15
Создание модального окна

var options = {

url:\'/_layouts/prjsetng.aspx\',

title:\'Title, Description, and Icon\',

width:640,

height:400

}

SP.UI.ModalDialog.showModalDialog(options)

slide16
Возврат значений

var options = {

dialogReturnValueCallback: Function.createDelegate(

null, function (result, returnValue)

{

if (result == SP.UI.DialogResult.OK) alert(returnValue);

}

}

window.frameElement.commonModalDialogClose(SP.UI.DialogResult.OK, someValue)

slide17
Страницы для диалогов
  • class=“s4-notdlg”
  • Application Pages
    • Быстрее разрабатывать
    • Доступны на всей ферме
    • Нельзя использовать в sandboxed
  • Site Pages
    • Доступны на конкретном сайте
    • Возможность правки с помощью SharePoint Designer
    • Sandboxed
slide20
Для чего нужны оповещения
  • Большая информативность
  • Минимизируем количество форм и страниц
  • Уведомления о результатах асинхронных вызовов.
slide21
Виды оповещений
  • Уведомления
    • Кратковременные уведомления
  • Статусы
    • Длительные, особо важные уведомления
    • Требование какого либо действия
    • Определение важности с пмощью цвета (Красный, желтый, зелёный, синий)
slide22
Уведомления

Краткосрочное уведомление (5 сек):

SP.UI.Notify.addNotification(“<i>Hi!</i>", false)

Прикреплённое уведомление:

id = SP.UI.Notify.addNotification("Hello World!", true)

SP.UI.Notify.removeNotification(id)

slide23
Статусы

Создание:

id = SP.UI.Status.addStatus(“Failed!");

SP.UI.Status.setStatusPriColor(id, \'red\');

Обновление:

SP.UI.Status.appendStatus(id, “!!")

SP.UI.Status.updateStatus(id, "FAILED!!!");

Удаление:

SP.UI.Status.removeStatus(id);

SP.UI.Status.removeAllStatus(true);

ecma script1
ECMA Script
  • Создание, удаление, изменение элементов списков
  • Работа с пользователями и разрешениями
  • Работа с рабочими процессам

http://msdn.microsoft.com/en-us/library/ee557858.aspx

intellisense
Отладка и Intellisense

Необходимо добавить в .jsфайл:

  • /// <reference name="MicrosoftAjax.js" />
  • /// <reference path="file://C:/Program Files/Common Files/Microsoft Shared/Web Server Extensions/14/TEMPLATE/LAYOUTS/SP.core.debug.js" />
  • /// <reference path="file://C:/Program Files/Common Files/Microsoft Shared/Web Server Extensions/14/TEMPLATE/LAYOUTS/SP.debug.js" />
ad