本文整理汇总了TypeScript中@microsoft/sp-webpart-base.PropertyPaneSlider函数的典型用法代码示例。如果您正苦于以下问题:TypeScript PropertyPaneSlider函数的具体用法?TypeScript PropertyPaneSlider怎么用?TypeScript PropertyPaneSlider使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了PropertyPaneSlider函数的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: getPropertyPaneConfiguration
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
return {
pages: [
{
header: {
description: strings.PropertyPaneDescription
},
groups: [
{
groupName: strings.ViewGroupName,
groupFields: [
PropertyPaneTextField('title', {
label: strings.TitleFieldLabel
}),
PropertyPaneSlider('numberOfDocuments', {
label: strings.NumberOfDocumentsFieldLabel,
min: 1,
max: 10,
step: 1
})
]
}
]
}
]
};
}
示例2: getPropertyPaneConfiguration
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
return {
pages: [
{
header: {
description: strings.PropertyPaneDescription
},
groups: [
{
groupName: strings.BasicGroupName,
groupFields: [
PropertyPaneDropdown('typePicker', {
label: strings.TypePickerLabel,
selectedKey: "Normal",
options: [
{ key: 'Normal', text: 'Normal' },
{ key: 'Compact', text: 'Compact' }
]
}),
PropertyPaneToggle('principalTypeUser', {
label: strings.principalTypeUserLabel,
checked: true,
}
),
PropertyPaneToggle('principalTypeSharePointGroup', {
label: strings.principalTypeSharePointGroupLabel,
checked: true,
}
),
PropertyPaneToggle('principalTypeSecurityGroup', {
label: strings.principalTypeSecurityGroupLabel,
checked: false,
}
),
PropertyPaneToggle('principalTypeDistributionList', {
label: strings.principalTypeDistributionListLabel,
checked: false,
}
),
PropertyPaneSlider('numberOfItems', {
label: strings.numberOfItemsFieldLabel,
min: 1,
max: 20,
step: 1
}),
]
}
]
}
]
};
}
开发者ID:gitaiga,项目名称:SPFx-OfficeUIFabric-PeoplePicker,代码行数:52,代码来源:OfficeUiFabricPeoplePickerWebPart.ts