JS 网格控件小组件
上次修改时间: 2010年4月30日
适用范围: SharePoint Foundation 2010
JS 网格控件包含小组件的组件库。这些小组件提供日期选取器或超链接选取器等功能。
JS 网格控件小组件
日期选取器
超链接选取器
实现小组件
向网格中添加日期选取器小组件
使传入列的属性类型与传出网格字段相匹配。将 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。
添加一个类型为 DateTime 的日期列。
data.Columns.Add(new DataColumn("Start Date", typeof(DateTime)));
data.Columns.Add(New DataColumn("Start Date", GetType(Datetime)))
为该日期列定义数据。此示例为"开始日期"列创建随机日期。
dr["Start Date"] = DateTime.Now.AddSeconds(rand.Next(60 * 60 * 24 * 20));
dr("Start Date") = DateTime.Now.AddSeconds(rand.Next(60 * 60 * 24 * 20))
单击某日期单元格以选中它。该单元格周围会出现轮廓,并且旁边会出现一个小图标。如果该单元格可编辑,并且您单击了该单元格本身,则可直接对日期进行编辑。如果您单击该单元格旁边的符号,则会显示日期选取器。
向网格中添加超链接选取器
使传入列的属性类型与传出网格字段相匹配。将 PropertyTypeID 属性设置为"超链接"后,会将超链接选取器添加到网格中。
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
将超链接列添加到网格中。
data.Columns.Add(new DataColumn("Hyperlink", typeof(Hyperlink)));
data.Columns.Add(New DataColumn("Hyperlink", GetType(Hyperlink)))
为超链接列定义数据。此示例将显示文本设置为"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。