Поделиться через


Изменение макета формы рабочего элемента

Изменить макет формы рабочего элемента можно путем экспортирования файла XML и изменения содержимого раздела FORM. После изменения и импорта XML-файла в обновленном типе рабочего элемента можно проверить внесенные изменения. Типы допустимых изменений макета включают, но не ограничиваются следующими:

  • изменение подписи или расположения поля в форме;

  • перемещение группы полей с одной вкладки на другую;

  • добавление новых вкладок или столбцов.

Общие сведения об элементах управления, которые можно внести в форму рабочего элемента см. в разделе Указание элементов управления на форме рабочего элемента. Общие сведения о структурных элементах верхнего уровня в разделе FORM см. в разделе Разработка формы рабочего элемента.

Требования

Для выполнения этой процедуры необходимо быть членом группы Администраторы Team Foundation или участником группы Администраторы проекта для проекта. Для получения дополнительной информации см. Справочник по разрешениям Team Foundation Server.

Экспорт и открытие файла определения типа рабочего элемента

  • Выполните одно из следующих действий в зависимости от масштаба настройки, которую требуется выполнить.

    При изменении типа рабочего элемента для отдельного проекта:

    1. Выполните witadmin exportwitd для экспорта файла XML для типа рабочего элементе, который необходимо изменить. Для получения дополнительной информации см. Импорт и экспорт типов рабочих элементов и управление ими [witadmin].

    2. Откройте файл в Visual Studio.

    При изменении типа WIT для настройки шаблона процесса:

    1. Перейдите к папке, в которую был загружен шаблон процесса.

    2. Откройте XML-файл типа WIT.

Изменение макета раздела FORM

  1. Найдите раздел <TabGroup> XML-файла. Обратите внимание, что для таких элементов, как "Ссылки" и "Вложения файлов" имеются отдельные элементы <Tab>, и каждый из элементов <Tab> содержит элемент <Control>, который отвечает за отображение соответствующего элемента управления.

    <Tab Label="Links">
      <Control Type="LinksControl" />
    </Tab>
    <Tab Label="File Attachments">
      <Control Type="AttachmentsControl" />
    </Tab>
    
  2. Объедините два элемента <Tab> в один элемент <Tab> "Ссылки и вложения", содержащий оба элемента управления. Для этого замените код XML, показанный на предыдущем шаге, новым кодом XML, приведенном в следующем примере.

    <Tab Label="Links and Attachments">
      <Control Type="LinksControl" Label="Links" LabelPosition="Top" />
      <Control Type="AttachmentsControl" Label="Attachments" LabelPosition="Top" />
    </Tab>
    
  3. Найдите раздел <FORM>, определение <Layout>, описывающий группу которую требуется изменить, например группу "Classification".

    <Group Label="Classification">
      <Column PercentWidth="100">
        <Control Type="WorkItemClassificationControl" FieldName="System.AreaPath" Label="Area" LabelPosition="Left" />
        <Control Type="WorkItemClassificationControl" FieldName="System.IterationPath" Label="Iteration" LabelPosition="Left" />
      </Column>
    </Group>
    

    Примечание

    Для получения наилучших результатов каждый элемент управления или группа должны отображаться в колонке, даже если колонка занимает всю ширину формы.Каждый столбец, в свою очередь, должен отображаться в группе, даже если группа не имеет отображаемой метки или границы.

  4. Выделите и скопируйте в буфер обмена следующие строки для последующего использования.

    <Control Type="WorkItemClassificationControl" FieldName="System.AreaPath" Label="Area" LabelPosition="Left" /> 
    <Control Type="WorkItemClassificationControl" FieldName="System.IterationPath" Label="Iteration" LabelPosition="Left" />
    
  5. В следующем коде XML удалите строки начиная с <Group Label="Classification"> и заканчивая <Group>, чтобы удалить группу "Classification" из ее текущей позиции в форме.

    <Layout>
      <Group>
        <Column PercentWidth="70">
          <Control Type="FieldControl" FieldName="System.Title" Label="&amp;Title:" LabelPosition="Left" />
        </Column>
        <Column PercentWidth="30">
          <Control Type="FieldControl" FieldName="Microsoft.VSTS.Common.Discipline" Label="&amp;Discipline:" LabelPosition="Left" />
        </Column>
      </Group>
      <Group Label="Classification"> 
        <Column PercentWidth="100"> 
          <Control Type="WorkItemClassificationControl" FieldName="System.AreaPath" Label="&amp;Area:" LabelPosition="Left" /> 
          <Control Type="WorkItemClassificationControl" FieldName="System.IterationPath" Label="&amp;Iteration:" LabelPosition="Left" /> 
        </Column> 
      </Group>
    
  6. В разделе <TabGroup> найдите следующие строки, которые определяют вкладку Details:

    <Tab Label="Details">
      <Group>
        <Column PercentWidth="50">
          <Group Label="General">
            <Column PercentWidth="100">
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Common.Issue" Label="Iss&amp;ue:" LabelPosition="Left" />
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Common.ExitCriteria" Label="E&amp;xit criteria:" LabelPosition="Left" />
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Build.IntegrationBuild" Label="Integration &amp;build:" LabelPosition="Left" />
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Scheduling.TaskHierarchy" Label="Task C&amp;ontext:" LabelPosition="Left" ReadOnly="True" />
            </Column>
          </Group>
        </Column>
        <Column PercentWidth="50">
          <Group Label="Schedule">
            <Column PercentWidth="100">
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Scheduling.RemainingWork" Label="Remaining &amp;work (hours):" LabelPosition="Left" />
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Scheduling.CompletedWork" Label="Com&amp;pleted work (hours):" LabelPosition="Left" />
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Scheduling.StartDate" Label="Start Dat&amp;e:" LabelPosition="Left" ReadOnly="True" />
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Scheduling.FinishDate" Label="&amp;Finish Date:" LabelPosition="Left" ReadOnly="True" />
            </Column>
          </Group>
        </Column>
      </Group>
    </Tab>
    
  7. Чтобы переместить эти элементы управления на вкладку Сведения, вставьте содержимое буфера обмена после элемента <Tab Label="Details">.

    <Tab Label="Details">
      <Control Type="WorkItemClassificationControl" FieldName="System.AreaPath" Label="Area" LabelPosition="Left" /> 
      <Control Type="WorkItemClassificationControl" FieldName="System.IterationPath" Label="Iteration" LabelPosition="Left" />
      <Group>
        <Column PercentWidth="50">
          <Group Label="General">
            <Column PercentWidth="100">
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Common.Issue" Label="Iss&amp;ue:" LabelPosition="Left" />
    ...
    
  8. Сделайте приведенные ниже изменения, чтобы сгруппировать перемещенные поля и разделить их на два столбца:

    <Tab Label="Details">
      <Group Label="Classification"> 
        <Column PercentWidth="50"> 
          <Group> 
            <Column PercentWidth="100"> 
              <Control Type="WorkItemClassificationControl" FieldName="System.AreaPath" Label="Area" LabelPosition="Left" />
              <Control Type="WorkItemClassificationControl" FieldName="System.IterationPath" Label="Iteration" LabelPosition="Left" />
            </Column> 
          </Group> 
        </Column> 
        <Column PercentWidth="50"> 
          <Group> 
            <Column PercentWidth="100"> 
              <Control Type="FieldControl" FieldName="MyCompany.MyProcess.Category" Label="Category" LabelPosition="Left" />
            </Column> 
          </Group> 
        </Column> 
      </Group>
      <Group>
        <Column PercentWidth="50">
          <Group Label="General">
            <Column PercentWidth="100">
              <Control Type="FieldControl" FieldName="Microsoft.VSTS.Common.Issue" Label="Iss&amp;ue:" LabelPosition="Left" />
    ...
    
  9. Сохраните изменения.

  10. Сведения об импорте нового типа рабочего элемента в одиночный проект см. в разделе Импорт и экспорт типов рабочих элементов и управление ими [witadmin]. Чтобы добавить тип рабочего элемента в шаблон процесса, см. раздел Добавление определений типов рабочих элементов в шаблон процесса.

Проверка отображения веб-страницы или HTML-содержимого в форме рабочего элемента

  1. В окне Team Explorer выберите Обновить, чтобы загрузить с сервера последние обновления.

    Эти обновления содержат только что импортированные вами изменения. Подождите несколько секунд, пока не загрузится узел «Рабочие элементы». Узлы, находящиеся в процессе загрузки, помечаются словом работает.

  2. Создайте новый рабочий элемент, используя модифицированный тип рабочего элемента.

    Обратите внимание, что группа "Classification" теперь отсутствует на главной форме. На вкладке Ссылки и вложения выберите вкладку Сведения, чтобы просмотреть результаты сделанных изменений.

См. также

Ссылки

Импорт и экспорт типов рабочих элементов и управление ими [witadmin]

Основные понятия

Разработка формы рабочего элемента

Указание элементов управления на форме рабочего элемента