标签: kendo-grid

我有一个 KendoUI 网格。其中，其中一列定义了一个自定义命令：

command: { text: "Add", click: addLine }

当用户单击按钮时，此网格会显示在 Kendo 窗口内。同一个按钮会重新渲染网格并首先清除 HTML：

$("#kendoGridQuick").html("");
$("#kendoGridQuick").kendoGrid({

创建网格后，将显示窗口。我的问题是，无论我显示此窗口并创建网格多少次，此命令都会被准确触发。所以它第一次工作正常，但第二次被调用两次，第三次被调用三次，依此类推。

使用 MVC 包装器，我尝试将默认过滤器从“等于”更改为“包含”。我找到了一些例子，但它们都没有达到我想要的效果（或者我错误地使用了它们......）

好的，这是我的代码：

@(Html.Kendo().Grid<Portal2.Areas.Coord.Models.ViewModel>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(c => c.OperationKey).Hidden();
        columns.Bound(c => c.Customer).Hidden();
        columns.Bound(c => c.CarNumber).Filterable(ftb => ftb.UI("CarFilter"));
        columns.Bound(c => c.DriverName).Filterable(ftb => ftb.UI("DriverFilter"));
        columns.Bound(c => c.PhoneNumber).Filterable(ftb => ftb.UI("PhoneFilter"));
    })
    .Filterable(f => f.Extra(false))

    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(r => r
            .Action("Read", "Operations2", new { startTime = (DateTime)ViewBag.startTime, endTime = (DateTime)ViewBag.endTime })
            )
        .PageSize(20)
        .ServerOperation(false)
        )
    .HtmlAttributes(new { style = "height: 740px" })
    .Scrollable()
    .Groupable()
    .Sortable()

    .Pageable(pageable => pageable
        .Refresh(true)
        .PageSizes(true)
        .ButtonCount(10)
        )
)

我有js函数：

function Filter(element, atr) {
    var …

我正在尝试实现一个剑道网格，它允许用户使用复选框选择行。它将提供：

• 全选
• 全部取消选择
• 选择多行
• 取消选择多行
• 更新用户在执行上述所有操作时选择的行数。

UI： 我用于headerTemplate创建全选复选框和template为每行创建复选框。

功能： 使用change事件kendoGrid来更新所选行数

和dataBound用于将事件处理程序附加到的事件checkbox。

我曾用于grid.select()选择一行，但仅当我们selectable在初始化时指定选项grid 并grid.clearSelection()取消选择所有行时，它才起作用。

请参阅演示Kendo Grid UI以更好地理解

我发现很少有资源建议向选定的行添加活动类，但是更改事件没有触发。 使用复选框选择网格

问题

现在的问题是，如何实现触发事件的多重选择change？

是否有任何功能可用于取消选择由选择的行grid.select()

我在页面上有一个单独的组件（有条件地）更新 Kendo UI 网格。当用户单击一行时...我希望触发更改事件。然而，它目前还没有发射。

为什么更改事件没有触发？

DOJO：
我创建了以下 DOJO来支持这个问题。

谢谢

我有一个 Kendo 甜甜圈图表，我需要可点击该图表并将甜甜圈上的每个值重定向到 www.foo.com/(foovalue)。telerik 网站上的文档很糟糕，任何帮助都会很棒。

我的组件 html 看起来像

       <kendo-chart style="height: 500px;">
          <kendo-chart-title text="Top Product Violations"></kendo-chart-title>
          <kendo-chart-series>
            <kendo-chart-series-item
              type="column" [data]="getTopProductViolations.topViolationsByProductsList"
              categoryField="name" field="count">
              <kendo-chart-series-item-labels
                color="#fff" background="none">
              </kendo-chart-series-item-labels>
            </kendo-chart-series-item>
          </kendo-chart-series>
          <kendo-chart-category-axis>
            <kendo-chart-category-axis-item
              [labels]="{ rotation: '-45' }">
            </kendo-chart-category-axis-item>
          </kendo-chart-category-axis>
          <kendo-chart-legend [visible]="false"></kendo-chart-legend>
        </kendo-chart>

field: 'Status' ,
         width: '70px' , 
         template: "#if(Status == 'On Request') {#<div class='redAndBold'>#:Status</div>#}#"

我有一个剑道 UI 网格，其中“状态”是从 javascript 文件填充的。模型中的Status可以是“On Request”，我想要的是：如果是“On Request”，则为其添加一个类“redAndBold”。此特定示例中的语法给出了“用户未定义”错误。

谁能给我一些关于如何正确执行此操作的指示？

我的网格中有一个嵌套网格,它工作得很好,但客户端不喜欢使用左边的箭头,并要求添加一个按钮以显示子网格.

Kendo网站上的示例显示了如何自动打开第一行,我只想要一种从自定义控件扩展网格的方法,就像左选择器一样.

我有自定义命令工作,它执行示例代码,但我只需要一些帮助,使其适用于当前行所需的javascript.

columns.Command(command => 
            { 
                command.Edit().Text("Edit").UpdateText("Save"); 
                command.Destroy().Text("Del");
                command.Custom("Manage Brands").Click("showBrandsForAgency");

和js打开第一行的标准示例:

function showBrandsForAgency(e) {
    this.expandRow(this.tbody.find("tr.k-master-row").first());
}

请给我一个扩展行点击所需的js而不是第一行的帮助吗？

*编辑* 修改了Atanas Korchev提供的解决方案,以使其仅在按钮而不是整行上工作.

我更喜欢使用showBrandsForAgency函数而不是自定义函数的解决方案,但这可以完成这项工作:

$(document).ready(function () {

    $("#grid").on("click", "a", function (e) {
        var grid = $("#grid").data("kendoGrid");
        var row = $(this).parent().parent();

        if (row.find(".k-icon").hasClass("k-minus")) {
            grid.collapseRow(row);
        } else {
            grid.expandRow(row);
        }
    });
});

我有一个剑道网格,内联编辑.我点击"编辑"按钮,改变一些值; 在更新按钮单击,我以这种方式处理事件(数据源配置):

transport: {
       update: {
                type: method_attribute,
                url: update_url,
                dataType: data_Type,
                contentType: mime_charset,
                complete: function (e) {
                   // here I handle the update event ............
                } 
}

现在,我需要处理相同的事件(在更新按钮单击时),即使行中没有更改任何值.

我的视图页面(MVVM Concept)中有一个Kendo UI Grid.绑定视图模型中的数据.当我减少页面大小.

Kendo UI网格更改为Kendo UI Listview.看这个图片:

我怎样才能做到这一点？

我正在尝试配置一个Kendo网格工具栏,让网格中有Kendo"Create"功能,同时还有自定义按钮.这是我到目前为止:

   @(Html.Kendo().Grid<VIEWMODELHERE>()
            .Name("UserProfileGrid")
            .Resizable(c => c.Columns(true))
            .Selectable()
            .Filterable()
            .Groupable()
            .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("UserCreateTemplate"))

            .ToolBar(x => x.Create(), x.Template(@<text>

                    @(Html.Kendo().Button()
                    .Name("ButtonAddUser")
                    .HtmlAttributes(new { type = "k-button" })
                    .Icon("downloads")
                    .Content("Add User")
                    .Events(e => e.Click("createUser")))

                    @(Html.Kendo().Button()
                    .Name("ButtonEditUser")
                    .HtmlAttributes(new { type = "k-button" })
                    .Icon("settings")
                    .Content("Edit User")
                    .Events(e => e.Click("Edituser")))

                    @(Html.Kendo().Button()
                    .Name("ButtonRefreshPage")
                    .HtmlAttributes(new { type = "k-button" })
                    .Icon("history")
                    .Content("Refresh Page")
                    .Events(e => e.Click("RefreshPage")))

                    @(Html.Kendo().Button()
                    .Name("ButtonDeleteUser")
                    .HtmlAttributes(new { type = "k-button" })
                    .Icon("history")
                    .Content("Delete a user")
                    .Events(e => e.Click("DeleteUser")))

                    @(Html.Kendo().Button()
                    .Name("ButtonAbout")
                    .HtmlAttributes(new { type = "k-button" …