c＃Ext .net ComboBox

Question

我需要知道我是否可以这样做：

我有一个电子邮件地址的组合框。问题是，当我选择一封电子邮件或各种电子邮件时，该框如下所示：
我想知道我是否可以在电子邮件后面添加一个按钮，因为我想在电子邮件后面添加一个按钮（删除电子邮件的按钮），就像这样

@pagep帮了我这么多，但是我写了这个标签时出错了，我写道 extjs，这不是extjs，这是ext.net mvc。

这可以添加tagfield，但我不知道如何在我的proyect中实现。

我要完成这个问题，在我想要实现它的地方添加源代码。

Html.X().ComboBoxFor(m => m.LST_CONTACTO_ASOCIADO_RECEPTOR)
                                .ID("LST_CONTACTO_ASOCIADO_RECEPTOR")
                                .Editable(false)
                                .FieldLabel("Destinatario *")
                                .DisplayField("DE_EMAIL")
                                .ValueField("ID_CONTACTO")
                                .MultiSelect(true)
                                .Flex(1)

                                .MsgTarget(MessageTarget.Under)
                                .TypeAhead(false)
                                .ListConfig(Html.X().BoundList()
                                    .LoadingText("Buscando...")
                                    .ItemTpl(Html.X().XTemplate()
                                        .Html(
                                        @<text>
                                            <div class="search-item-nombre">
                                                {DE_APELLIDOS}, {DE_NOMBRE}
                                            </div>
                                            <div class="search-item-mail">
                                                {DE_EMAIL}
                                            </div>
                                        </text>
                                        )
                                    )
                                )
                                .Store(
                                    Html.X().Store()
                                        .Model(
                                            Html.X().Model()
                                                .IDProperty("ID_CONTACTO")
                                                .Fields(
                                                    Html.X().ModelField().Name("ID_CONTACTO"),
                                                    Html.X().ModelField().Name("DE_NOMBRE"),
                                                    Html.X().ModelField().Name("DE_APELLIDOS"),
                                                    Html.X().ModelField().Name("DE_DNI"),
                                                    Html.X().ModelField().Name("DE_EMAIL")
                                                )
                                        )
                                        .Proxy(
                                            Html.X().AjaxProxy()
                                                .Url(Url.Content("~/User/ListAgenda"))
                                                .Reader(Html.X().JsonReader().RootProperty("data"))
                                        )
                                        .Listeners(ls =>
                                        {
                                            ls.Load.Fn = "st_destinatario_load";
                                        })
                                        .ShowWarningOnFailure(false)
                                        .AutoLoad(true)
                                )
                                .Listeners(ls =>
                                {
                                    ls.TriggerClick.Handler = "this.removeByValue(this.getValue());this.clearValue();";
                                }),

此代码是图片中出现的组合框，我想更改它。

Answer 1

我想说最好的方法是使用tagfield：

http://examples.sencha.com/extjs/6.2.0/examples/kitchensink/#form-tag

http://docs.sencha.com/extjs/6.2.0/classic/Ext.form.field.Tag.html

Answer 2

尝试使用 Html.X（）。TagField（），就像@pagep建议的那样！没有 TagFieldFor（），但您可能需要的只是：

<div class="row uniform half collapse-at-2">
    <div class="12u">                       
        <div class="row uniform half">
           <font size="5"><b>Name</b></font><br>
            License No. : 1<br>
        </div>
    </div>
</div>

不幸的是，在Ext.NET MVC示例资源管理器中没有使用MVC RazorView语法的TagField示例，但我可以在此论坛帖子中找到一个很好的MVC示例：https://forums.ext.net/showthread.php?28078&p=125105&#post125105

可以在WebForms示例资源管理器上找到几个示例（WebForms格式），这可能只是在使用MVC Razor中的组件之前需要的想法（移植应该很简单）。以下是示例链接：http://examples4.ext.net/#/Form/Tag/TagField/