Sharepoint 2010
Download
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

  • Лента

  • Модальные окна

  • Оповещения

  • Интерактивность



Структура ленты

contextual tab group

contextual tab

tab

ribbon

control

  • group{template}



Вид ленты

  • CustomAction

    • CommandUIDefinition

      • Tab

        • Scaling

          • MaxSize

        • Groups

          • Group

            • Controls

      • GroupTemplate


Обработка команд

  • 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:

}


Решения сообщества

  • SharePoint 2010 Fluent Ribbon APIhttp://spribbon.codeplex.com/

  • Show or Hide SharePoint 2010 ribbon based on SharePoint Groupshttp://spribbonvisibility.codeplex.com/




Диалоги

  • Меньше переходов между страницами

  • Удобство отображения небольших блоков информации

  • Возможность создать в любом месте с помощью JavaScript


Создание модального окна

var options = {

url:'/_layouts/prjsetng.aspx',

title:'Title, Description, and Icon',

width:640,

height:400

}

SP.UI.ModalDialog.showModalDialog(options)


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

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)


Страницы для диалогов

  • class=“s4-notdlg”

  • Application Pages

    • Быстрее разрабатывать

    • Доступны на всей ферме

    • Нельзя использовать в sandboxed

  • Site Pages

    • Доступны на конкретном сайте

    • Возможность правки с помощью SharePoint Designer

    • Sandboxed




Для чего нужны оповещения

  • Большая информативность

  • Минимизируем количество форм и страниц

  • Уведомления о результатах асинхронных вызовов.


Виды оповещений

  • Уведомления

    • Кратковременные уведомления

  • Статусы

    • Длительные, особо важные уведомления

    • Требование какого либо действия

    • Определение важности с пмощью цвета (Красный, желтый, зелёный, синий)


Уведомления

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

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

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

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

SP.UI.Notify.removeNotification(id)


Статусы

Создание:

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