Как избавиться от / переопределить добавить заголовок всплывающей строки на Kendo? - PullRequest
Новая
       9

Как избавиться от / переопределить добавить заголовок всплывающей строки на Kendo?

0 голосов
/ 05 февраля 2019

Я пытаюсь удалить заголовок из всплывающего окна добавления строки в Kendo.Мне удалось это в некоторых других всплывающих окнах, которые не являются всплывающими окнами новой строки, кажется, не могу понять это.enter image description here

Это код, который у меня есть для всплывающего окна 

<script type="text/x-kendo-template" id="popup-editor-servers">
<p style="padding-left:15px; font-weight:bold; font-size:medium">Add Server</p>
<div class="k-edit-label">
    <label for="txt-host">Name:</label>
</div>

<!-- textbox editor for field: "LastName" -->
<!-- field: "LastName" is not included as a grid column -->
<input type="text" id="txt-host" class="k-input k-textbox" data-bind="value:Host">

Я не возражаю против его полного удаления, но думаю, чтоПока у меня есть доступ к названию, я могу делать что угодно.

Есть мысли?

1 Ответ

0 голосов
/ 05 февраля 2019

Разобрался.Ниже код делает работу.Сетка 

<div id="grid-acl"
         data-role="grid"
         data-auto-bind="true"
         data-sortable="{allowUnsort: false}"
         data-filterable="false"
         data-editable='{mode: "popup", template: kendo.template($("#popup-editor").html())}' ,
         data-groupable="false"
         data-columns='[
        { field: "Name", title: "AD User", width: "400px" },
         @*{ field: "Sid", title: "SID" }, *@
        ]'
         data-bind="source: dataSource, events: { change: onChange, dataBound: onDataBound }">
    </div>

Всплывающее содержимое здесь: 

<script type="text/x-kendo-template" id="popup-editor-servers">
<p style="padding-left:15px; font-weight:bold; font-size:medium">Add Server</p>
<div class="k-edit-label">
<label for="txt-host">Name:</label>
</div>

<input type="text" id="txt-host" class="k-input k-textbox" data-bind="value:Host">

При нажатии кнопки: 

create: function (event) {
            var grid = $("#grid-servers").data("kendoGrid");
            grid.options.editable = {
                mode: "popup", window: { title: "Add Server" }, template: kendo.template($("#popup-editor-servers").html())
            };

            grid.addRow();
        },
...