如何摆脱 of/override 在 Kendo 上添加行弹出标题？

Question

我正在尝试从 Kendo 上的添加行弹出窗口中删除标题。我在其他一些不是新行弹出窗口的弹出窗口中管理它，似乎无法弄清楚这一点。

这是我的弹出代码

<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">

我不介意完全删除它，但我想只要我能访问标题我就可以做任何事情。

有什么想法吗？

Answer 1

想通了。下面的代码完成了这项工作。网格是

<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();
        },

如何摆脱 of/override 在 Kendo 上添加行弹出标题？

How to get rid of/override add row popup title on Kendo?

javascript

jquery

kendo-ui

kendo-grid