Создание настраиваемого типа поля: как отобразить настраиваемый атрибут?

Question

Я пытаюсь создать пользовательский тип поля в Contour (3.0.14), используя бритву для рендеринга. Я создал новый класс под названием CustomTextfield с дополнительным Width атрибут, а затем новый вид в ~/umbraco/Plugins/umbracoContour/Views называется Fieldtype.customtextfield.cshtml, Что мне нужно знать, это: как получить доступ к Width свойство из пользовательского представления?

Вот мой код:

CustomTextfield.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Umbraco.Forms.Core;
using System.Web.UI.WebControls;

namespace Custom.FieldType {
    public class CustomTextfield : Umbraco.Forms.Core.FieldType {
        public CustomTextfield() { 
            //Provider 
            this.Id = new Guid("b994bc8b-2c65-461d-bfba-43c4b3bd2915"); 
            this.Name = "Custom Textfield"; 
            this.Description = "Renders a html input fieldKey"; //FieldType 
            this.Icon = "textfield.png";
        }

        public System.Web.UI.WebControls.TextBox tb;
        public List<Object> _value;

        [Umbraco.Forms.Core.Attributes.Setting("Width", description = "Enter the width of the Textfield")]
        public string Width { get; set; }

        public override WebControl Editor {
            get {
                tb.TextMode = System.Web.UI.WebControls.TextBoxMode.SingleLine;
                tb.CssClass = "text";
                if (!string.IsNullOrEmpty(this.Width)) {
                    int width;
                    if (Int32.TryParse(this.Width, out width)) {
                        tb.Width = width;
                    }
                }
                if (_value.Count > 0)
                    tb.Text = _value[0].ToString();

                return tb;
            }
            set { base.Editor = value; }
        }

        public override List<Object> Values {
            get {
                if (tb.Text != "") {
                    _value.Clear();
                    _value.Add(tb.Text);
                }
                return _value;
            }
            set { _value = value; }
        }

        public override string RenderPreview() {
            return
                "<input type=\"text\" id=\"text-content\" class=\"text\" maxlength=\"500\" style=\"" + this.Width + "px\" />";
        }

        public override string RenderPreviewWithPrevalues(List<object> prevalues) {
            return RenderPreview();
        }

        public override bool SupportsRegex {
            get { return true; }
        }

    }
}

Fieldtype.customtextfield.cshtml:

@model Umbraco.Forms.Mvc.Models.FieldViewModel
<input type="text" name="@Model.Name" id="@Model.Id" class="text" value="@Model.Value" maxlength="500" 
style="@{if(!string.IsNullOrEmpty(Model.Width)){<text>width:@(Model.Width)px; </text>}}"
@{if(Model.Mandatory || Model.Validate){<text>data-val="true"</text>}}
@{if (Model.Mandatory) {<text> data-val-required="@Model.RequiredErrorMessage"</text>}}
@{if (Model.Validate) {<text> data-val-regex="@Model.InvalidErrorMessage" data-regex="@Model.Regex"</text>}}
/>

Код для представления не работает, потому что я пытаюсь сослаться на несуществующий Width имущество. Я не мог найти примеры пользовательских типов полей с пользовательскими свойствами, используя бритву. Если бы кто-нибудь мог указать мне правильное направление, я был бы благодарен.

Answer 1

Я нашел решение для этого. Оказывается FieldViewModel имеет AdditionalSettings атрибут, который имеет тип List<FieldSettingViewModel> который состоит из строки Key а также Value

Чтобы мой приведенный выше пример работал, я могу использовать следующее:

@model Umbraco.Forms.Mvc.Models.FieldViewModel
@{
    var widthSetting = Model.AdditionalSettings.FirstOrDefault(s => s.Key.Equals("Width"));
    string width = (widthSetting == null) ? null : widthSetting.Value;
}
<input type="text" name="@Model.Name" id="@Model.Id" class="text" value="@Model.Value" maxlength="500" 

    style="@{if(!string.IsNullOrEmpty(width)){<text>width:@(width)px; </text>}}"

    @{if(Model.Mandatory || Model.Validate){<text>data-val="true"</text>}}
    @{if (Model.Mandatory) {<text> data-val-required="@Model.RequiredErrorMessage"</text>}}
    @{if (Model.Validate) {<text> data-val-regex="@Model.InvalidErrorMessage" data-regex="@Model.Regex"</text>}}
/>