Sitefinity 自定义 MVC 小部件编辑菜单

Question

我在 MVC 中创建了一个 Sitefinity 小部件（2 个视图、一个控制器和一个模型），它按预期工作。

我将小部件拖入页面后的编辑菜单除外。我在编辑视图中的所有字段都是文本输入，我不确定如何影响这一点。

我的一个字段应该是一个下拉列表，其中包含来自枚举的值——这个枚举列出了我的两个视图的名称，控制器使用它来选择我要呈现的视图。当我打开小部件的编辑视图时，它默认为我的枚举中的第一个值，并且一切都正确呈现，但我希望这是一个下拉菜单，而不是需要用户知道魔术字符串知识的文本输入。

我的另一个字段选择要链接到的页面，该页面用于我的小部件内表单的 action 属性。这再次有效，但只是一个字符串文本字段，如果可能的话，我想在其中使用许多“本机”小部件使用的内置 Sitefinity 页面选择器。

所以简短的版本是： 将小部件添加到页面后，我在哪里/如何影响小部件的“编辑”视图中显示的输入类型？

Answer 1

就 Sitefinity 而言，当您编辑小部件设置时，视图是“小部件设计器”。

如果你使用 Feather，官方文档：https://docs.sitefinity.com/feather-create-custom-designer-views

非 Feather 用户的文档：https://docs.sitefinity.com/for-developers-create-a-simple-widget-designer

如果您想使用下拉菜单而不是输入，则在您的情况下的简单示例：

1. 在您的View/<ControllerName> 文件夹中创建DesignerView.Simple.cshtml
2. 添加到此文件中：<select sf-model="properties.Content.PropertyValue"><option>abc</option><option>xyz</option></select> 其中Content 是您的属性名称
3. 如果您在后端编辑此小部件，它将呈现下拉菜单。

链接：

• 小部件设计器的可用组件列表：https://docs.sitefinity.com/feather-client-components
• 内置小部件的源代码：https://github.com/Sitefinity/feather-widgets 如果你想知道这个小部件是如何构建的，它可能会对你有所帮助