0

ドロップダウン リストを編集可能な行として実装する nopCommerce プラグインを作成する必要があります。問題は、プラグインが ASP.NET MVC アプリケーションではなくクラス ライブラリであり、ルーティングが RouteProvider.cs ファイルで手動で行われることです。 . だから私はここの例に従いました: http://demos.telerik.com/aspnet-mvc/razor/grid/clientedittemplates そして、次の構成が必要です: 私のモデル:

    public class ContentModel : BaseNopModel
{
    public string ContentId { get; set; }

    [NopResourceDisplayName("Plugins.Widgets.DiscountBanner.Title")]
    public string Title { get; set; }

    [NopResourceDisplayName("Plugins.Widgets.DiscountBanner.Content")]
    public string Content { get; set; }

    [UIHint("DiscountsEditor"), Required]
    public string Discounts { get; set; }
}

私のコントローラー：

[GridAction]
public ActionResult _SelectAjaxEditing()
{
    List<ContentModel> model = new List<ContentModel>();
    return View("Nop.Plugin.Widgets.DiscountBanner.Views.WidgetsDiscountBanner.Configure", _discountBannerSettings.contentGrid == "" || _discountBannerSettings.contentGrid == null ? new GridModel(model) : new GridModel(JsonHelper.JsonDeserialize<List<ContentModel>>(_discountBannerSettings.contentGrid)));
}

私の見解：

      @{
        Layout = "";
    }
    @model Nop.Plugin.Widgets.DiscountBanner.Models.ConfigurationModel
    @using Nop.Plugin.Widgets.DiscountBanner.Models;
    @using Nop.Web.Framework;
    @using Telerik.Web.Mvc.UI;

    @using Nop.Services.Discounts;

<script type="text/javascript">
    function onEdit(e) {
        $(e.form).find('#Discounts').data('tDropDownList').select(function (dataItem) {
            return dataItem.Value == e.dataItem['Text'];
        });
    }
    </script>
    <table class="adminContent">
    <tr>
        <td class="adminTitle" colspan="2">
            DiscountBanner Plugin for sing-up and sales tracking script implementation on your site
        </td>
    </tr>
    <tr>
        <td class="adminTitle">
                @Html.NopLabelFor(model => model.ZoneId):
        </td>
        <td class="adminData">
                @Html.DropDownListFor(model => model.ZoneId, Model.AvailableZones)
                @Html.ValidationMessageFor(model => model.ZoneId)
        </td>
    </tr>
    <tr>
        <td class="adminTitle" colspan="2">
            @(Html.Telerik().Grid<ContentModel>()
            .DataKeys(keys =>
                {
                    keys.Add(model => model.ContentId);
                })
            .Name("discount-settings-grid")
            .ToolBar(commands => commands.Insert().ButtonType(GridButtonType.Text).ImageHtmlAttributes(new { style = "margin-left:0" }))
            .DataBinding(dataBinding =>
                {
                    dataBinding.Ajax()
                        .Select("_SelectAjaxEditing", "WidgetsDiscountBanner")
                        .Insert("_InsertAjaxEditing", "WidgetsDiscountBanner")
                        .Update("_SaveAjaxEditing", "WidgetsDiscountBanner")
                        .Delete("_DeleteAjaxEditing", "WidgetsDiscountBanner");
                }
            )
            .Columns(columns =>
                {
                    columns.Bound(c => c.Title);
                    columns.Bound(c => c.Content);
                    columns.Bound(c => c.Discounts);

                    columns.Command(commands =>
                        {
                            commands.Edit().ButtonType(GridButtonType.Text);
                            commands.Delete().ButtonType(GridButtonType.Text);
                        }).Width(180).Title("Commands");
                })
                .ClientEvents(events => events.OnEdit("onEdit"))
                .EnableCustomBinding(true)
             )
        </td>
    </tr>
</table>

そして私のカスタムビュー "DiscountsEditor.cshtml":

@using Telerik.Web.Mvc.UI;
@using Nop.Services.Discounts;

@{
    var _discountService = Nop.Core.Infrastructure.EngineContext.Current.Resolve<IDiscountService>();
    var discounts = _discountService.GetAllDiscounts(null, true);
    List<SelectListItem> listDiscounts = new List<SelectListItem>();
    foreach (var item in discounts)
    {
        listDiscounts.Add(new SelectListItem() { Text = item.Name, Value = item.Id.ToString() });
    }
}
@Html.Telerik().DropDownList().Name("Discounts").BindTo(listDiscounts)

私が言えることは、プロジェクトがクラス ライブラリであり、ルートの値が同じではないため、telerik が私の部分ビューの DiscountsEditor.cshtml を見つけられないということです。完全な名前でそれらを呼び出します。問題は、Telerik Grid を他の場所からの部分ビューを使用するように構成できないことです。

次のようなカスタム テンプレートを使用しようとしました。

columns.Bound(c => c.Discounts)
                        .ClientTemplate(
                        Html.Telerik().DropDownList().Name("Discount").BindTo(listDiscounts).ToHtmlString());

しかし、グリッドに情報を入力した後にテンプレートが読み込まれ、編集できなくなります。編集したい場合は、ドロップダウン リストが TextBox に変換されます。次に何をすればよいかわかりません。別のコントローラーを使用して読み込むことができるかどうかもわかりません。部分ビューではなく、現在のビューからのドロップダウン。

ありがとう。

4

1 に答える 1