kendo-ui - KendoUI グリッド - ポップアップ編集モードで ForeignKey 列が機能しない

Question

私は今まで役に立たなかった私のケースの解決策を求めて（控えめな表現で）いたるところを探しました。まず、私のシナリオを説明します。

WCF データサービス (oData v3) として公開されている OpenAccess モデルがあります。
Kendo MVC アプリケーションがあります。
ポップアップ編集用に設定されたグリッド付きのビュー、AJAX Bound; があります。

コードを投稿する前に、私の問題/難しさを説明させてください。これらのプロパティを持つエンティティがあります:

TextoID
タイトル;
コーポ;
TipoTextoID;
TipoTexto;

TipoTextoID プロパティに設定された ForeignKey 列があり、インラインモードまたはポップアップモードで正しく入力されます。ただし、データの変更に関しては、インラインモードでのみ機能します。「Corpo」プロパティは KENdoUI エディターにバインドされているため、これはポップアップで機能する必要がある私の問題です。

ポップアップでは、ドロップダウンに正しい値が表示されず、選択しても変更されません。

正直なところ、私はばかげていると感じています。私は見つけることができるほとんどすべてのサンプル、投稿、記事を試してみましたが、役に立ちませんでした。

誰かがこれについて私を助けてくれることを願っています。よろしくお願いします！

というわけで、これがコードです。景色：

    @model IEnumerable<KendoMVC.CostSimulatorService.Texto>

@{
    ViewBag.Title = "Textos";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Textos</h2>

@(Html.Kendo().Grid(Model) // Bind the grid to the Model property of the view
      .Name("Grid")
      .Columns(columns =>
      {
          columns.Bound(p => p.Titulo);   //Create a column bound to the "ProductID" property
          //columns.Bound(p => p.IsPrivado).ClientTemplate("<input type='checkbox' #= IsPrivado ? checked='checked': '' # class='chkbx' />"); //Create a column bound to the "ProductName" property
          columns.Template(@<text></text>).ClientTemplate("<input type='checkbox' #= IsPrivado ? checked='checked': '' # class='chkbx' />"); //Create a column bound to the "ProductName" property
          //columns.Bound(p => p.TiposTexto);
          columns.ForeignKey(p => p.TipoTextoID, 
                                 (System.Collections.IEnumerable)ViewData["TiposTexto"], 
                                 "TipoTextoID", 
                                 "Designacao")
                            .Title("Tipo de texto").Width(150);
          columns.Command(command => 
          { 
              command.Edit(); 
              command.Destroy(); 
          }).Width(200);
      })
      .ToolBar(commands => commands.Create())
      .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("Texto"))
      .DataSource(dataSource => dataSource
            .Ajax() //specify server type
            .Model(model =>
            {
                model.Id(texto => texto.TextoID); // Specify the property which is the unique identifier of the model
                model.Field(texto => texto.TextoID).Editable(false); // Make the ProductID property not editable
            })
            .Create(create => create.Action("CreateTexto", "BackOffice"))
            .Read(read => read.Action("ReadTextos", "BackOffice"))
            .Update(update => update.Action("UpdateTexto", "BackOffice"))
            .Destroy(destroy => destroy.Action("DestroyTexto", "BackOffice")))
     .Pageable() // Enable paging
     .Sortable() // Enable sorting
     .Selectable()
     .Filterable()
     .Scrollable()
         )

<script type="text/javascript">
    $(document).ready(function() {        
        $("form.k-edit-form").kendoValidator();
    });
</script>

次に、テンプレート:

@using System.Web.Mvc.Html;

@model KendoMVC.CostSimulatorService.Texto

Introduza o conteúdo que deseja

@Html.HiddenFor(model => model.TextoID)
<div id="divWrapper" style="width:99%; float:left;">
    <div>
        @Html.LabelFor(model => model.Titulo)
    </div>
    <div>
        @Html.EditorFor(model => model.Titulo)
        @Html.ValidationMessageFor(model => model.Titulo)
    </div>

    <div>
        @Html.LabelFor(model => model.Corpo)
    </div>
    <div>
        @(Html.Kendo().EditorFor(model => model.Corpo))
        @Html.ValidationMessageFor(model => model.Corpo)
    </div>
    <div>
        @Html.LabelFor(model => model.TipoTextoID)
    </div>
    <div>
        @*@(Html.Kendo().DropDownListFor(model => model.TiposTexto))
        @Html.ValidationMessageFor(model => model.TiposTexto)*@
        @(Html.Kendo().DropDownListFor(m => m.TipoTextoID)
            .Name("TiposTexto")
            .DataTextField("Designacao")
            .DataValueField("TipoTextoID")
            .BindTo((System.Collections.IEnumerable) 
           ViewData["TiposTexto"]))
    </div>
</div>

コントローラー:

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Kendo.Mvc.Extensions;
using Kendo.Mvc.UI;
using KendoMVC.CostSimulatorService;

namespace KendoMVC.Controllers
{
    public partial class BackOfficeController : Controller
    {
        #region CRUD

        #region ReadTextos

        public ActionResult ReadTextos([DataSourceRequest]DataSourceRequest request)
        {
            CostSimulatorModel modelo = new CostSimulatorModel(new Uri(@"http://localhost:53212/CostSimulatorModelService.svc/"));

            IQueryable<Texto> textos = modelo.Textos;
            DataSourceResult resultado = textos.ToDataSourceResult(request);
            ViewData["Textos"] = textos;
            return Json(resultado, JsonRequestBehavior.AllowGet);
        }

        #endregion

        #region CreateTexto

        public ActionResult CreateTexto([DataSourceRequest]DataSourceRequest request, Texto texto)
        {
            if (ModelState.IsValid)
            {
                CostSimulatorModel modelo = new CostSimulatorModel(new Uri(@"http://localhost:53212/CostSimulatorModelService.svc/"));

                // Create a new Product entity and set its properties from the posted ProductViewModel
                Texto entity = new Texto
                {
                    TextoID = texto.TextoID,
                    Titulo = texto.Titulo,
                    Corpo = texto.Corpo,
                    IsPrivado = texto.IsPrivado,
                    TipoTextoID = texto.TipoTextoID,
                    TiposTexto = texto.TiposTexto
                };
                modelo.AddToTextos(entity);
                // Insert the entity in the database
                modelo.SaveChanges();
                // Get the ProductID generated by the database
                texto.TextoID = entity.TextoID;
            }
            // Return the inserted product. The grid needs the generated ProductID. Also return any validation errors.
            return Json(new[] { texto }.ToDataSourceResult(request, ModelState));
        }

        #endregion

        #region UpdateTexto

        public ActionResult UpdateTexto([DataSourceRequest]DataSourceRequest request, Texto texto)
        {
            if (ModelState.IsValid)
            {
                CostSimulatorModel modelo = new CostSimulatorModel(new Uri(@"http://localhost:53212/CostSimulatorModelService.svc/"));

                // Create a new Product entity and set its properties from the posted ProductViewModel
                var entity = new Texto
                {
                    TextoID = texto.TextoID,
                    Titulo = texto.Titulo,
                    Corpo = texto.Corpo,
                    IsPrivado = texto.IsPrivado,
                    TipoTextoID = texto.TipoTextoID,
                    TiposTexto = texto.TiposTexto
                };
                // Attach the entity
                modelo.AttachTo("Textos", entity);
                modelo.UpdateObject(entity);
                // Update the entity in the database
                modelo.SaveChanges();

            }
            // Return the updated product. Also return any validation errors.
            return Json(new[] { texto }.ToDataSourceResult(request, ModelState));
        }

        #endregion

        #region DestroyTexto

        public ActionResult DestroyTexto([DataSourceRequest]DataSourceRequest request, Texto texto)
        {
            if (ModelState.IsValid)
            {
                CostSimulatorModel modelo = new CostSimulatorModel(new Uri(@"http://localhost:53212/CostSimulatorModelService.svc/"));

                // Create a new Product entity and set its properties from the posted ProductViewModel
                var entity = new Texto
                {
                    TextoID = texto.TextoID
                    //Titulo = texto.Titulo,
                    //Corpo = texto.Corpo,
                    //IsPrivado = texto.IsPrivado,
                    //TipoTextoID = texto.TipoTextoID
                };
                // Attach the entity
                modelo.AttachTo("Textos", entity);
                // Delete the entity
                modelo.DeleteObject(entity);

                // Delete the entity in the database
                modelo.SaveChanges();
            }
            // Return the removed product. Also return any validation errors.
            return Json(new[] { texto }.ToDataSourceResult(request, ModelState));
        }

        #endregion

        #endregion
    }
}

score 6 · Accepted Answer

KendoUI のプレミアムフォーラムの貴重な助けを借りて、ようやくこの問題を解決することができました。

したがって、これが起こらないようにするには、次のように、ForeignKeyColumn の既定のエディターテンプレートを "TipoTextoID" のエディターとして使用する必要があります。

モデル：

[UIHint("GridForeignKey")]
public int EmployeeID { get; set; }

カスタムポップアップテンプレート:

@(Html.EditorFor(m => m.EmployeeID))

@(Html.Kendo().DropDownListFor(m => m.TipoTextoID) を使用する代わりに

これが同じことで苦労している他の人を助けることを願っています。

ではごきげんよう！

kendo-ui - KendoUI グリッド - ポップアップ編集モードで ForeignKey 列が機能しない

2 に答える 2

Related

Reference