Инструкции по созданию иерархической сетки

Статья
04/21/2015

Дата последнего изменения: 16 июня 2011 г.

Применимо к: SharePoint Foundation 2010

В этом практическом руководстве показано, как создать иерархическую сетку управления JS Grid. Это руководство основано на проекте, описанном в разделе Практическое руководство. Создание базовой таблицы JS Grid.

Примечание
На компьютере могут отображаться различные имена или расположения для некоторых элементов пользовательского интерфейса Visual Studio в приведенных ниже инструкциях. Эти элементы определяются установленным на компьютере выпуском Visual Studio и конкретными параметрами.

На компьютере могут отображаться различные имена или расположения для некоторых элементов пользовательского интерфейса Visual Studio в приведенных ниже инструкциях. Эти элементы определяются установленным на компьютере выпуском Visual Studio и конкретными параметрами.

Необходимые компоненты

Microsoft SharePoint Foundation 2010
Microsoft Visual Studio 2010
разработки SharePoint в Microsoft Visual Studio 2010
Выполнение инструкций руководства Практическое руководство. Создание базовой таблицы JS Grid

Примечание
Хотя эти инструкции можно выполнить без использования Visual Studio 2010, проще использовать Visual Studio 2010 и разработки SharePoint в Microsoft Visual Studio 2010.

Создание иерархической сетки

Создайте иерархическую сетку, вызвав метод EnableHierarchy(DataTable, String, String, Boolean). Для этого метода требуется родительский ключевой столбец и столбец контурного текста. Они уже включена в файлы GridData.cs и GridUtilities.cs, созданные в разделе Практическое руководство. Создание базовой таблицы JS Grid. Все, что остается — включить иерархию.

Создание семейства сайтов

В разработки SharePoint в Microsoft Visual Studio 2010 откройте проект JSGrid, созданный в разделе Практическое руководство. Создание базовой таблицы JS Grid.
Откройте раздел JsGridWebPartUserControl.ascx.cs.
В методе Page_Load сразу после определения контролера сетки включите иерархию с помощью метода EnableHierarchy(DataTable, String, String, Boolean).
```
_grid.JSControllerClassName = "GanttManager";
gds.EnableHierarchy(null, "HierarchyParentKey", "Title", false);
```
Первый аргумент, если его значение не равно NULL, определяет нефильтрованную таблицу данных. Второй аргумент — это родительский ключевой столбец иерархии, HierarchyParentKey, определенный в файле GridData.cs. Третий параметр указывает, в каком столбце отображается индикатор иерархии. (В этом случае это столбец Title, который также определен в файле GridData.cs.) Последний параметр, если его значение равно true, указывает, что таблицу нефильтрованных данных следует передать клиенту. Для простоты в этом примере не используется таблица нефильтрованных данных.
Просмотрите определения HierarchyParentKey и Title в файле GridUtilities.cs.

Откройте файл GridUtilities.cs.

В файле GridUtilities.cs HierarchyParentKey не должен быть видимым. Помните, что столбцы видимы, а поля — нет, поэтому в файле GridUtilities.cs HierarchyParentKey невидим.
```
if (iterator.ColumnName != "Key"
                    && iterator.ColumnName != GridSerializer.DefaultGridRowStyleIdColumnName
                    && iterator.ColumnName != "HierarchyParentKey"
                    && iterator.ColumnName.Substring(0, 5) != "costq"
                    && iterator.ColumnName.Substring(0, 5) != "Quart")
```
Откройте файл GridData.cs для просмотра определений HierarchyParentKey и Title в файле GridData.cs.

Столбцы Title и HierarchyParentKey добавляются в метод DataTable.
```
data.Columns.Add(new DataColumn("HierarchyParentKey", typeof(Guid))); // Hierarchial Grid
data.Columns.Add(new DataColumn("Title", typeof(string)));
```
В методе DataTable обратите внимание, что код наполняет столбцы HierarchyParentKey и Title данными.
```
     // used for the hierarchy grid how-to.
              dr["Key"] = curKey;
                if (i % 10 == 0)
                {
                    parent = curKey;
                    j++;
                }
                if (parent.HasValue)
                {
                    dr["HierarchyParentKey"] = parent.Value;
                }
                if (parent == null)
                {
                    parent = curKey;
                }
                dr["Tasks"] = "Task " + j + "." + i % 10;
```
В этом примере оператор модуля используется для создания 10 более мелких задач для каждой крупной задачи. Номера задач, такие как 1.1, 1.2 и 1.3, хранятся в столбце Title.

Полный листинг файлов GridData.cs и GridUtilities.cs см. в статье Практическое руководство. Создание базовой таблицы JS Grid.

Чтобы протестировать веб-часть, выполните указанные ниже действия

В Visual Studio нажмите клавишу F5, чтобы запустить проект.

При запуске проекта будет выполнено развертывание и откроется сайт SharePoint 2010. Веб-часть будет автоматически добавлена в коллекцию веб-частей SharePoint 2010.
Откройте и измените любую страницу веб-частей. Веб-часть можно добавить на любую страницу веб-частей.
Нажмите кнопку Вставка, выберите пункт Веб-часть, а затем выберите из настраиваемой категории элемент JSWebPart. Выбранная веб-часть появится на странице.

См. также

Ссылка

EnableHierarchy(DataTable, String, String, Boolean)

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