Мини-приложения элемента управления JS Grid

Дата последнего изменения: 30 апреля 2010 г.

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

Элемент управления управления JS Grid содержит библиотеку мини-приложений. Эти мини-приложения предоставляют такие функциональные возможности, как выбор даты или гиперссылки.

Мини-приложения элемента управления JS Grid

• Выбор даты

• Выбор гиперссылки

Реализация мини-приложений

Добавление мини-приложения выбора даты в сетку

1. Сопоставьте тип свойства входящего столбца с исходящим полем сетки. Мини-приложение выбора даты добавлено в сетку, в которой для свойства PropertyTypeID задано значение "JSDateTime".

   else if (dc.DataType == typeof(DateTime))
       {
           gf.PropertyTypeId = "JSDateTime";
           gf.Localizer = (ValueLocalizer)delegate(DataRow row, object toConvert)
           {
               return toConvert == null ? "" : toConvert.ToString();
           };
           gf.EditMode = EditMode.ReadWrite;
           gf.SerializeDataValue = true;
           gf.SerializeLocalizedValue = true;
       }
   

   ElseIf dc.DataType Is GetType(DateTime) Then
       gf.PropertyTypeId = "JSDateTime"
       gf.Localizer = CType(Function(row As DataRow, toConvert As Object) As String
       Return If(toConvert Is Nothing, Nothing, toConvert.ToString) 
       End Function, ValueLocalizer)
       gf.EditMode = EditMode.ReadWrite
       gf.SerializeDataValue = True
       gf.SerializeLocalizedValue = True
   

   Обратите внимание, что в этом примере EditMode присвоено значение ReadWrite, а SerializeDataValue и SerializeLocalizedValue — значение true.

2. Добавьте столбец с датой, имеющий тип DateTime.

   data.Columns.Add(new DataColumn("Start Date", typeof(DateTime)));
   

   data.Columns.Add(New DataColumn("Start Date", GetType(Datetime)))
   

3. Задайте дату для столбца с датой. В этом примере в столбце "Start Date" дата задается с помощью функции random.

   dr["Start Date"] = DateTime.Now.AddSeconds(rand.Next(60 * 60 * 24 * 20));
   

   dr("Start Date") = DateTime.Now.AddSeconds(rand.Next(60 * 60 * 24 * 20))
   

   Щелкните одну из ячеек с датой. Вокруг ячейки появится рамка, а рядом с ячейкой — небольшой значок. Если ячейка является редактируемой, дату можно изменять прямо в ячейке. Если щелкнуть символ, расположенный рядом с ячейкой, отобразится мини-приложение выбора даты.

Добавление средства выбора гиперссылки в сетку

1. Сопоставьте тип свойства входящего столбца с исходящим полем сетки. Мини-приложение выбора гиперссылки добавлено в сетку, если для свойства PropertyTypeID задано значение "Hyperlink".

   else if (dc.DataType == typeof(Hyperlink))
       {
           gf.PropertyTypeId = "Hyperlink";
           gf.Localizer = (ValueLocalizer)delegate(DataRow row, object toConvert)
           {
               return toConvert == null ? "" : toConvert.ToString();
           };
           gf.SerializeLocalizedValue = false;
           gf.SerializeDataValue = true;
       }
   

   ElseIf dc.DataType Is GetType(Hyperlink) Then
       gf.PropertyTypeId = "Hyperlink"
       gf.Localizer = CType(Function(row As DataRow, toConvert As Object) As String
       Return If(toConvert Is Nothing, Nothing, toConvert.ToString) 
       End Function, ValueLocalizer)
       gf.SerializeLocalizedValue = False
       gf.SerializeDataValue = True
   

2. Добавление столбца гиперссылки в сетку.

   data.Columns.Add(new DataColumn("Hyperlink", typeof(Hyperlink)));
   

   data.Columns.Add(New DataColumn("Hyperlink", GetType(Hyperlink)))
   

3. Определите данные для столбца гиперссылки. В этом примере для отображаемого текста задано значение "Contoso", а для URL-адреса — https://www.contoso.com.

   dr["Hyperlink"] = new Hyperlink() { Display = "Contoso", Address = "https://www.contoso.com" };
   

   dr("Hyperlink") = New Hyperlink() With {.Display = "Contoso", .Address = "https://www.contoso.com"}
   

Щелкните ячейку гиперссылки, чтобы выбрать ее. Вокруг ячейки появится рамка и небольшой значок. Если щелкнуть ячейку, ссылка откроется в другом окне браузера. Если щелкнуть символ слева от ячейки, откроется диалоговое окно, в котором можно изменить отображаемое имя и URL-адрес.

См. также

Ссылка

Microsoft.SharePoint.JSGrid