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

Практическое руководство. Связь списка SharePoint с элементом управления JS Grid

  • Статья

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

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

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

Список SharePoint состоит из элементов (строк) и столбцов (полей) с данными. Свойство Items возвращает коллекцию элементов в списке, а свойство Fields возвращает коллекцию полей в списке. Для повышения производительности рекомендуется использовать один из методов GetItem* для возвращения отфильтрованной коллекции элементов из списка.

Дополнительные сведения о SPList см. в разделе SPList.

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

ПримечаниеПримечание

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

Наполнение сетки данными из списка SharePoint

  1. В SharePoint Foundation 2010 создайте список SharePoint "Задачи".

    Создание списка "Задачи"

    1. В меню Действия сайта выберите Дополнительные параметры.

    2. Выберите Задачи из списка типов

    3. Назовите список Список задач.

    4. Добавьте в список четыре или пять записей.

  2. В Visual Studio откройте файл GridData.c.

    GridData.c содержит определения некоторых полей, не входящих в список "Список задач". Удалите следующие определения полей:

    • Заведующий отделом

    • Отдел

    • Годовая смета

    • Смета на 2009 финансовый год

    • Смета на 2010 финансовый год

    • флажок

    • Гиперссылка

    Оставшийся список столбцов выглядит следующим образом.

                //Columns which map to the TaskList list.
            data.Columns.Add(new DataColumn("Key", typeof(Guid)));
            data.Columns.Add(new DataColumn(GridSerializer.DefaultGridRowStyleIdColumnName, typeof(String)));
            data.Columns.Add(new DataColumn("HierarchyParentKey", typeof(Guid)));
            data.Columns.Add(new DataColumn("Title", typeof(string)));
            data.Columns.Add(new DataColumn("Start Date", typeof(DateTime)));
            data.Columns.Add(new DataColumn("Due Date", typeof(DateTime)));
            data.Columns.Add(new DataColumn("Complete Through", typeof(string)));

  3. Замените код, который присваивает значения полям сетки, следующим кодом.

    // Populate the grid with data from the list.
// For the sake of simplicity, this sample requests all records from the task list.
// In the real world, request only the data you really need.
            // Replace SPSite("https://server/site") with your server
            // and site information.
using (SPSite mySite = new SPSite("https://server/site"))
{
    using (SPWeb myWeb = mySite.OpenWeb())
    {

        SPList taskList = myWeb.Lists["TaskList"];
        DataRow dr;

        foreach (SPListItem task in taskList.Items)
        { 
            dr = data.NewRow();

            dr["Key"] = task.UniqueId;
            dr["Title"] = task["Title"].ToString(); 
            dr["Start Date"] = task["Start Date"]; 
            dr["Due Date"] = task["Due Date"];
            dr["Complete Through"] = task["% Complete"]; 

            data.Rows.Add(dr);
        }

    }
}
    ПримечаниеПримечание

    Обязательно укажите вместо SPSite("https://server/site") адрес использующегося сервера и сайта.

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

    Данные из списка "Список задач" должны отображаться в веб-части.

См. также

Ссылка

SPList