我已經使用以下方法來創建自定義下拉字段,以將其插入到我的自定義窗體中。現在我需要的是從管理面板配置此字段以實現過濾目的。與管理面板類似,我將能夠在文本框中編寫過濾器,並且該過濾器將以ajax調用作爲參數從數據庫檢索過濾的數據。自定義字段OrchardCMS
我非常感謝你在這方面的幫助。
MyModule的/場/ MyCustomField.cs:
public class MyCustomField : ContentField {
public string SelectedValue {
get { return Storage.Get<string>(); }
set { Storage.Set(value); }
}
}
MyModule的/驅動器/ MyCustomFieldDriver.cs:
public class MyCustomFieldDriver : ContentFieldDriver<MyCustomField> {
// EditorTemplates/Fields/MyCustom.cshtml
private const string TemplateName = "Fields/MyCustom";
private static string GetPrefix(ContentField field, ContentPart part) {
// handles spaces in field names
return (part.PartDefinition.Name + "." + field.Name)
.Replace(" ", "_");
}
protected override DriverResult Display(ContentPart part, MyCustomField field, string displayType, dynamic shapeHelper) {
return ContentShape("Fields_MyCustom",
field.Name,
f => f.Name(field.Name)
.SelectedValue(field.SelectedValue));
}
protected override DriverResult Editor(ContentPart part, MyCustomField field, dynamic shapeHelper) {
return ContentShape("Fields_MyCustom_Edit",() => shapeHelper.EditorTemplate(
TemplateName: TemplateName,
Model: field,
Prefix: GetPrefix(field, part)));
}
protected override DriverResult Editor(ContentPart part, MyCustomField field, IUpdateModel updater, dynamic shapeHelper) {
updater.TryUpdateModel(field, GetPrefix(field, part), null, null);
return Editor(part, field, shapeHelper);
}
}
MyModule中/查看/場/ MyCustom.cshtml:
@{
var selectedValue = Model.SelectedValue;
}
<h1>@selectedValue</h1>
MyModule/Views/EditorTemplates/Fields/MyCustom.cshtml:
@model MyModule.Fields.MyCustomField
<select id="@Html.IdFor(m => m.SelectedValue)" name="@Html.NameFor(m => m.SelectedValue)"></select>
@using (Script.Foot()) {
Script.Require("jQuery");
<script>
$(function() {
// your own url ofcourse
var url = 'http://jsonplaceholder.typicode.com/users',
dd = $("#@Html.IdFor(m => m.SelectedValue)");
$.getJSON(url, function (data) {
$.each(data, function() {
dd.append("<option value='" + this.name + "'>" + this.name + "</option>");
});
});
});
</script>
}
MyModule/Placement.info:
<Placement>
<Place Fields_MyCustom_Edit="Content:3" />
<Place Fields_MyCustom="Content:3" />
</Placement>