标签: kendo-ui

如何查找 Kendo UI 网格层次结构中所有展开或折叠的行？我可以使用下面的代码找到所有主行的计数，但我想对每个主行进行交互并检查所有主行都已展开。

var grid = $("#gridList").data("kendoGrid");
var allMasterRows = grid.tbody.find('>tr.k-master-row') 

我已经尝试过下面的代码，但它不起作用

var strPlus = (grid.tbody.find("k-icon k-plus"));

请建议。

有没有办法将地图置于标记之间的中心？使其中心在标记之间，考虑到标记是从远程加载的dataSource？

使用 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" …

当我尝试在我的项目中使用蒙版文本框时,我看到了00000并在我的蒙版文本框中99999给出了相同的结果_____.

在我的蒙面文本框的掩码中,0和9是否相同？如有差异:那是什么？

请解释.

我想理解为什么我们检查索引数组值为-1,onSelect如果已经存在fileName ,我有一个kendo上传问题阻止用户加载文件和显示showErr.它适用于我们使用一个文件但是当我们选择多个文件并且如果一个文件已经加载时,它应该显示为err但它没有发生.

main.html中

 <div class="row" >
                <div class="form-group col-md-12 fieldHeight" ng-hide="errorUpDoc" >
                    <label for="attachment" class="col-md-4" ng-show="!editDocMode">File name:</label>
                    <div class="col-md-6" ng-show="!editDocMode">
                         <input name="file"
                   type="file"
                   kendo-upload="fileAttachment"
                   k-upload="addMorePostParameters"
                   k-success="onSuccess"
                   k-error = "onError"
                   k-multiple="true"
                   ng-disabled="disableDocFields"
                   k-options="fileAttachmentOptions"
                   k-select="onSelect"
                   k-remove="onUploadRemove"
                   />
                   <p ng-show="showErr" class="text-danger">File name already exists</p>
                    </div>
                </div>
        </div>

main.js

 $scope.onSelect = function (e) {
       // var fileNames = $.map(e.files, function(file) { return file.name; }).join(', ');
        var fileNames = assessmentData.map(function(assessment)
            { return assessment.fileName; });
           e.files.forEach(function (file) {
          if (fileNames.indexOf(file.name) !== -1 …