Проблемы с редактором, показывающим HTML-теги вместо данных - PullRequest
Новая
       53

Проблемы с редактором, показывающим HTML-теги вместо данных

0 голосов
/ 15 мая 2019

У меня есть сетка кендо с несколькими столбцами.На индексной странице перечислены мои данные.Моя проблема в том, что когда я нажимаю кнопку редактирования, вся строка становится HTML-тегами.У кого-нибудь есть идеи по поводу этой проблемы. Мой код выглядит следующим образом. 

@(Html.Kendo().Grid<kendoUsing.Models.ProductViewModel>()
            .Name("grid")
            .Columns(columns =>
            {
                columns.Bound(product => product.ProductID).Width(50);
                columns.Bound(product => product.ProductName);
                columns.Bound(product => product.UnitsInStock).Width(50);
                columns.Command(commands =>
                {
                    commands.Edit();
                    commands.Destroy(); // The "destroy" command removes data items.
                }).Title("Commands").Width(200);
            })

            .DataSource(dataSource =>
                dataSource.Ajax()
                .Batch(true) // Enable batch updates.

                .Model(model =>
                {
                    model.Id(product => product.ProductID); // Specify the property which is the unique identifier of the model.
                    model.Field(product => product.ProductID).Editable(false); // Make the ProductID property not editable.
                })
                .Create(create => create.Action("Products_Create", "Home")) // Action method invoked when the user saves a new data item.
                .Read(read => read.Action("Products_Read", "Home"))  // Action method invoked when the grid needs data.
                .Update(update => update.Action("Products_Update", "Home"))  // Action method invoked when the user saves an updated data item.
                .Destroy(destroy => destroy.Action("Products_Destroy", "Home")) // Action method invoked when the user removes a data item.
            )
            .Pageable()
)

Мой вывод enter image description here

1 Ответ

0 голосов
/ 18 мая 2019

Редактируемые элементы сетки должны быть определены при использовании сетки. 

.Editable(editable =>
            {
                editable.Mode(GridEditMode.PopUp);
            })

так должно быть так: 

@(Html.Kendo().Grid<kendoUsing.Models.ProductViewModel>()
            .Name("grid")
            .Columns(columns =>
            {
                columns.Bound(product => product.ProductID).Width(50);
                columns.Bound(product => product.ProductName);
                columns.Bound(product => product.UnitsInStock).Width(50);
                columns.Command(commands =>
                {
                    commands.Edit();
                    commands.Destroy(); // The "destroy" command removes data items.
                }).Title("Commands").Width(200);
            })

            .DataSource(dataSource =>
                dataSource.Ajax()
                .Batch(true) // Enable batch updates.

                .Model(model =>
                {
                    model.Id(product => product.ProductID); // Specify the property which is the unique identifier of the model.
                    model.Field(product => product.ProductID).Editable(false); // Make the ProductID property not editable.
                })
                .Create(create => create.Action("Products_Create", "Home")) // Action method invoked when the user saves a new data item.
                .Read(read => read.Action("Products_Read", "Home"))  // Action method invoked when the grid needs data.
                .Update(update => update.Action("Products_Update", "Home"))  // Action method invoked when the user saves an updated data item.
                .Destroy(destroy => destroy.Action("Products_Destroy", "Home")) // Action method invoked when the user removes a data item.
            )
            .Pageable()
            .Editable(editable =>
            {
                editable.Mode(GridEditMode.PopUp);
            })
)
...