Сетка кендо с подсетью ClientTemplate неправильный шаблон - PullRequest
Новая
       51

Сетка кендо с подсетью ClientTemplate неправильный шаблон

0 голосов
/ 04 апреля 2019

Если щелкнуть родительский элемент сетки, развернуть подсеть.Если ItemState подсеточной модели не утвержден, я хочу показать кнопку для удаления строки.Но я получаю «Uncaught Error: Invalid template»

Я пытался: 

columns.Bound(c => c.Id).ClientTemplate(
 "# if (ItemState != 1 ) { #" +
 "<button type='button' class='btn btn-delete' onclick=\"deleteChildBtn('\\#: 
 Id \\#')\"><span class='fa fa-trash'></span></button>" +
 "# } #"
);

Получил «ItemState» не определено.Поскольку модель от родителя использовалась, а там ItemState не существует! 

columns.Bound(c => c.Id).ClientTemplate(
 "# if (\\#: data.ItemState \\# != 1 ) { #" +
 "<button type='button' class='btn btn-delete' onclick=\"deleteChildBtn('\\#: 
 Id \\#')\"><span class='fa fa-trash'></span></button>" +
 "# } #"
);

columns.Bound(c => c.Id).ClientTemplate(
 "# if (\\#: ItemState \\# != 1 ) { #" +
 "<button type='button' class='btn btn-delete' onclick=\"deleteChildBtn('\\#: 
 Id \\#')\"><span class='fa fa-trash'></span></button>" +
 "# } #"
);

Получил 'Неверный шаблон'

Другая попытка состояла в том, чтобы использовать исключенную функцию javascript 

columns.Bound(c => c.Bound).ClientTemplate("\\#: test(data) \\#").Encoded(false);

....
function test(data) {
   if (data.ItemState != 1) {
     return kendo.format("<button type='button' class='btn btn-delete' 
     onclick='deleteChildBtn({0})'><span class='fa fa-trash'></span> 
     </button>", data.Id);
    } else {
      return kendo.format("");
    } 
}

Это работает, и я получил нужные значения.Но сетка telerik не отображала HTML.Таким образом, он отображает только необработанный HTML

Полный код родительской и вспомогательной сетки 

@(Html.Kendo().Grid<Models.SalesPosition>()
            .Name("grid")
            .Columns(columns =>
            {
                columns.Template(@<p></p>).HtmlAttributes(new { style = "width:5px; text-align:left;" }).HeaderHtmlAttributes(new { style = "width:5px;" });
                columns.Bound(c => c.PositionNumber);
                columns.Bound(c => c.ItemDescription);
                columns.Bound(c => c.ItemCode);
                columns.Bound(c => c.DrawingNumberIndex)
                columns.Bound(c => c.SalesUnit).ClientTemplate("#: OrderedQuantity # #: SalesUnit #");
                if (User.IsInRole(ActiveDirectoryGroups.Admin))
                {
                    columns.Bound(c => c.Id).ClientTemplate(
                        "<button type='button' class='btn btn-delete' onclick=\"deleteBtn('#: Id #')\"><span class='fa fa-trash'></span></button>"
                        ).Width(80).Title("");

                    columns.Bound(c => c.Id).ClientTemplate(
                    "<button type='button' class='btn btn-add' onclick=\"callAddChildItemModal('#: Id #')\"><span class='fa fa-plus'></span></button>"
                    ).Width(80).Title("");
                }
            })
            .AutoBind(true)
            .DataSource(ds =>
                ds.Ajax()
                .PageSize(50)
                .Read(read => read.Action("GetWhereSalesOrder", "SalesPosition", new { salesOrder = ViewBag.Item.SalesOrder1 }))
                .ServerOperation(false)
            )
            .Scrollable(a => a.Height("auto"))
            .ClientDetailTemplateId("templateArticle")
            .Selectable()
            .Pageable(p => p.Refresh(false).Numeric(true).Enabled(true))
            .Events(events => events.Change("toggleRow").DataBound("setSalesPositionColor"))
)

// Subgrid
<script id="templateArticle" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<Models.Item>()
        .Name("grid#=Id#")
        .Columns(columns =>
        {
            columns.Template(@<p></p>).HtmlAttributes(new { style = "width:5px; text-align:left;" }).HeaderHtmlAttributes(new { style = "width:5px;" });
                    columns.Bound(c => c.ItemDescription);
                    columns.Bound(c => c.ItemCode);
                    columns.Bound(c => c.DrawingNumberIndex);
                    columns.Bound(c => c.Amount);
                    columns.Bound(c => c.Size);
                    columns.Bound(c => c.Id).ClientTemplate(
                       "# if (\\#: data.ItemState \\# == 1) { #" +
                        "<button type='button' class='btn btn-delete' onclick=\"deleteChildBtn('\\#: Id \\#')\"><span class='fa fa-trash'></span></button>" +
 "# } #").Width(80).Title("");
            }
        })
              .AutoBind(true)
              .DataSource(ds =>
                   ds.Ajax()
                        .Read(read => read.Action("GetWhereSalesPositionId", "SalesPositionItem").Data("{ id: '#: Id #' # if (cbhShowOnlyInCrate.checked) { # , onlyInCrate: true # } #}"))
                         .ServerOperation(false)
                         )
                .Events(events => events.DataBound("articleDataBound"))
                .ToClientTemplate()
    )

1 Ответ

1 голос
/ 04 апреля 2019

После дополнительных ошибок и ошибок я нашел рабочее решение 

columns.Bound(c => c.Id).ClientTemplate(
      "\\# if (ItemState != 1) { \\#" +
      "<button type='button' class='btn btn-delete' onclick=\"deleteChildBtn('\\#: Id \\#','#: Id #')\"><span class='fa fa-trash'></span></button>" +
      "\\# } \\#"
);
...