如何在Sitefinity表单区域创建自定义多选小部件且不覆盖内置组件？

完全可以实现，核心思路是继承内置多选字段类，只扩展你需要的自定义逻辑，完全复用原有视图和JavaScript代码，具体步骤如下：

1. 创建自定义字段类 #

新建一个类，直接继承Sitefinity内置的Telerik.Sitefinity.Web.UI.Fields.MultipleChoiceField，默认会继承它所有的视图、JS逻辑和后台配置项。你只需要重写或添加自己需要的功能，比如自定义数据源、新增配置属性等，示例代码：

using Telerik.Sitefinity.Web.UI.Fields;
using Telerik.Sitefinity.Web.UI.Fields.Enums;
using System.Collections.Generic;

namespace YourNamespace
{
    public class CustomMultipleChoiceField : MultipleChoiceField
    {
        // 示例：添加自定义配置属性
        [Telerik.Sitefinity.Web.UI.Category("自定义设置")]
        public string CustomLabelSuffix { get; set; }

        // 若需修改数据源逻辑，重写GetItems方法
        protected override IEnumerable<ChoiceItem> GetItems()
        {
            var items = base.GetItems();
            // 在这里添加自定义的选项处理逻辑，比如追加后缀
            foreach (var item in items)
            {
                if (!string.IsNullOrEmpty(CustomLabelSuffix))
                {
                    item.Text += $" {CustomLabelSuffix}";
                }
            }
            return items;
        }
    }
}

2. 注册自定义字段到Sitefinity #

在项目的初始化代码中（比如Global.asax.cs的Application_Start方法，或者自定义模块的初始化类），注册你的字段，让它出现在表单编辑器的字段列表中：

using Telerik.Sitefinity.Web.UI.Fields;

protected void Application_Start(object sender, EventArgs e)
{
    // 注册自定义字段：参数依次为字段类型、显示名称、分类、字段类型标识
    FieldManager.RegisterField(typeof(CustomMultipleChoiceField), "自定义多选字段", "自定义表单字段", FieldTypeChoice.Field);
}

3. 确保复用内置视图与JS #

• 视图部分：因为继承了MultipleChoiceField，默认会使用内置的布局模板路径，除非你主动重写LayoutTemplatePath属性，所以不需要做任何额外操作，就能保留原有外观。
• JavaScript部分：内置多选字段的JS逻辑是通过Sitefinity的资源系统加载的，继承类不会改变这部分引用。如果需要扩展JS行为，不要替换原有脚本，而是通过附加脚本的方式扩展，比如在自定义类的OnPreRender方法中注册额外脚本：

protected override void OnPreRender(EventArgs e)
{
    base.OnPreRender(e);
    // 注册自定义扩展脚本，绑定到内置字段的DOM元素上
    var script = $"jQuery('#{this.ClientID}').on('change', function() {{ console.log('自定义多选字段值变更：', $(this).val()); }});";
    ScriptManager.RegisterStartupScript(this, typeof(CustomMultipleChoiceField), "CustomMultiChoiceScript", script, true);
}

4. 后台使用自定义字段 #

进入Sitefinity后台创建或编辑表单时，就能在字段列表的「自定义表单字段」分类下找到你的「自定义多选字段」，拖拽添加后，它的外观、交互逻辑和内置多选字段完全一致，同时带有你自定义的功能。

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