Kentico 13 .NET Core集成Bynder：如何在Widget中替换UrlSelector组件？

问题描述 #

我正在使用Kentico 13 .NET Core，已完成官方Bynder集成模块的基础配置，该模块在页面类型中可正常工作，表单控件选择列表里也能看到新增的Bynder控件。但不清楚如何在.NET Core MVC应用的Widget中使用该控件，比如如何替换以下代码中的UrlSelector组件：

[EditingComponent(UrlSelector.IDENTIFIER, Order = 5, Label = "Image Slider Selector")]
[EditingComponentProperty(nameof(UrlSelectorProperties.Tabs), ContentSelectorTabs.Page)]
public string ImageSliderSelector { get; set; }

解决方案 #

要在Widget的属性类中替换为Bynder媒体选择器，直接使用模块提供的专属组件及属性类即可：

1. 添加命名空间引用
   确保Widget属性类中引入Bynder模块的命名空间：

using Kentico.Xperience.Bynder.Admin;

2. 替换编辑组件代码
   将原UrlSelector相关代码替换为BynderMediaSelector：

[EditingComponent(BynderMediaSelector.IDENTIFIER, Order = 5, Label = "Bynder 图片轮播选择器")]
// 可选：配置选择器限制，比如仅允许选择图片类型媒体
[EditingComponentProperty(nameof(BynderMediaSelectorProperties.MediaTypes), new[] { "image" })]
public string ImageSliderSelector { get; set; }

3. 关键说明

• BynderMediaSelector.IDENTIFIER对应你在表单控件列表中看到的Bynder控件标识。
• 通过BynderMediaSelectorProperties可配置额外规则，比如限制媒体类型、是否允许多选等，按需调整即可。
• 代码保存后刷新Kentico后台的Widget编辑界面，就能看到Bynder媒体选择器控件生效。

内容的提问来源于stack exchange，提问作者chamara