标签: kendo-grid

Kendo UI工具栏按钮

我使用的是Kendo UI网格,如下所示:

        function refreshGrid()
        {
            $(".k-pager-refresh.k-link").click();
        }
        var editWindow;
        var fields= {FullName: {type: "string"}, Email: {type: "string"}, LogCreateDate: {type: "date"}};
        var gridColumns =
        [{
            width: 90,
            command: { 
                name: "edit",
                text: "Edit", 
                click: function(e) {
                    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
                    editWindow = $("#edit").kendoWindow({
                        title: "Edit User",
                        modal: true,
                        visible: false,
                        resizable: false,
                        width: 800,
                        height: 400,
                        content: 'myediturl' + dataItem.ID
                    });

                    editWindow.data("kendoWindow").center().open();
                    return false;
                }
            }
        },
        {
            width: 90,
            command: { 
                name: "delete",
                text: "Delete", 
                click: function(e) {
                    //alert(this.dataItem($(e.currentTarget).closest("tr")).ID);
                    var …
Run Code Online (Sandbox Code Playgroud)

grid telerik kendo-ui kendo-grid

6
推荐指数
2
解决办法
4万
查看次数

为什么KendoUI Grid Transport Create事件会多次被引发,甚至当动作是Update时?

我已经整理了一个小提琴,演示了在KendoUI 2013.1.319中,当编辑网格中的记录并按下编辑对话框上的"更新"按钮时,它实际上会引发传输创建事件,而不是更新事件,并且它会引发每次记录一次.

打开以下小提琴并按网格中第一条记录上的"编辑"按钮,然后按编辑对话框上的"更新"按钮,在控制台窗口中查看,您将看到我已记录所引发的事件和记录ID那是传递给事件的.

http://jsfiddle.net/codeowl/fakDC/

为什么会发生这种情况,我该如何解决?

问候,

斯科特

保持StackOverflow快乐的代码:

<div id="TestGrid"></div>

var _Data = [{ "SL_TestData_ID": "1", "SL_TestData_Number": "1", "SL_TestData_String": "Test", "SL_TestData_Date": "1971-12-19", "SL_TestData_DateTime": "1971-12-19 12:00:00", "SL_TestData_Time": "00:30:00", "SL_TestData_Boolean": "1" }, { "SL_TestData_ID": "2", "SL_TestData_Number": "22", "SL_TestData_String": "Test 2", "SL_TestData_Date": "2013-05-01", "SL_TestData_DateTime": "2013-05-01 03:05:22", "SL_TestData_Time": null, "SL_TestData_Boolean": "1" }, { "SL_TestData_ID": "3", "SL_TestData_Number": "55", "SL_TestData_String": "Test 3", "SL_TestData_Date": "2013-05-02", "SL_TestData_DateTime": "2013-05-02 05:33:45", "SL_TestData_Time": null, "SL_TestData_Boolean": "0" }, { "SL_TestData_ID": "10", "SL_TestData_Number": "1", "SL_TestData_String": "Test12", "SL_TestData_Date": "1971-12-19", "SL_TestData_DateTime": "1971-12-19 12:00:00", "SL_TestData_Time": "00:30:00", …
Run Code Online (Sandbox Code Playgroud)

kendo-ui kendo-grid

6
推荐指数
1
解决办法
9359
查看次数

如何使用嵌套的Json填充Kendo UI网格?

如何使用嵌套的JSON填充Kendo UI网格.

我的意思是我的JSON就像

var myJson:
    [{"oneType":[
        {"id":1,"name":"John Doe"},
        {"id":2,"name":"Don Joeh"}
    ]},
    {"othertype":"working"},
    {"otherstuff":"xyz"}]
}];
Run Code Online (Sandbox Code Playgroud)

我希望Kendo UI Grid的列为Id,Name,OtherType和OtherStuff.

提前致谢.!

javascript json kendo-ui kendo-grid

6
推荐指数
1
解决办法
1万
查看次数

Jackson:反序列化递归对象

我正在尝试解析 KendoUI 网格发送到我的 Web 服务的过滤器参数,但在说服 Jackson 解析此 JSON 时遇到了一些问题。据我所知,我可以控制 Kendo 发送的参数的格式,但我不知道如何将这些参数编组为更好的格式,使它们暂时保持不变。

我打算将这些参数转换为 Oracle 数据库的 SQL 查询。

示例 JSON:

{
    "filters":
    [
        {
            "field": "Name",
            "operator": "contains",
            "value": "John"
        },
        {
            "filters": [
                {
                    "field": "Age",
                    "operator": "gt",
                    "value": 20
                },
                {
                    "field": "Age",
                    "operator": "lt",
                    "value": 85
                }
            ],
            "logic", "and"
        },
        {
            "field": "Address",
            "operator": "doesnotcontain",
            "value": "street"
        }
    ],
    "logic": "or"
}
Run Code Online (Sandbox Code Playgroud)

过滤器。爪哇

public class Filters {
    private List<Filter> filters;
    private String logic;
    // accessors/mutators/toString
}
Run Code Online (Sandbox Code Playgroud)

过滤器.java

public …
Run Code Online (Sandbox Code Playgroud)

java json jackson kendo-grid

6
推荐指数
1
解决办法
2531
查看次数

chrome 中的 kendo ui grid lrt css 中的错误

chrome 中的 kendo ui grid rtl css 中存在一个错误。如果您注意到 Telerik 站点中的示例,您可以看到此错误:http : //demos.telerik.com/kendo-ui/web/grid/rtl.html

当您转到第 6 页时,页眉和正文未对齐。

在此处输入图片说明 这个错误在 chrome(对我来说:V35)和 firefox (V28) 和 IE(V11) 中没有这个错误。

您可以在水平滚动中出现同样的错误。例如在 ltr 方向:

http://jsbin.com/otolop/2/edit

这在所有浏览器中都可以。但在 rtl 方向:

http://jsbin.com/otolop/6/edit

chrome 有错误,firefox 和 IE 没有错误。

我该如何解决这个错误。非常感谢。

css telerik right-to-left kendo-ui kendo-grid

6
推荐指数
1
解决办法
4318
查看次数

Kendo网格数字截断为2位小数.如何使其尊重用户输入的内容?

在此Kendo Grid演示中,如果您编辑"库存中的单位"下的数字并添加多个小数(尝试2.203848),则会将其截断为2.20.看起来这是默认行为.

我知道我们可以指定十进制格式{0:n4},例如.

但是如果小数位数未知或可以变化怎么办?有没有办法让网格使用用户输入的确切数字?

javascript telerik kendo-ui kendo-grid

6
推荐指数
1
解决办法
6730
查看次数

带有复选框列的 Kendo Angular 2 网格

我正在尝试在我的 Kendo Angular 2 网格中实现一列复选框。

我正在遵循文档中的示例(不带复选框):http : //www.telerik.com/kendo-angular-ui/components/grid/data-binding/automatic-operations/#toc-custom-remote-directives

我已更改示例以添加列:http : //plnkr.co/edit/hNkj1ZFZJopDyFxn59B3?p=preview

这是我的组件:

@Component({
selector: 'my-app',
template: `
    <kendo-grid 
        productsBinding
        [pageSize]="10"
        [pageable]="true"
        [sortable]="true"
        [height]="270">
      <kendo-grid-column field="checked" title="" width="50" [headerStyle]="{'text-align': 'center'}" [style]="{'text-align': 'center'}">
        <ng-template kendoGridHeaderTemplate let-dataItem>
          <md-checkbox
              class="check-column"
              [checked]="allItemsChecked"
              color="primary"
              (change)="checkAllClicked($event)">
          </md-checkbox>
        </ng-template>
        <ng-template kendoGridCellTemplate let-dataItem>
          <md-checkbox
              class="check-column"
              [checked]="dataItem.checked"
              color="primary">
          </md-checkbox>
        </ng-template>
    </kendo-grid-column>
    <kendo-grid-column field="ProductID" width="80"></kendo-grid-column>
    <kendo-grid-column field="ProductName"></kendo-grid-column>
    <kendo-grid-column field="UnitPrice" width="80" format="{0:c}"></kendo-grid-column>
    <kendo-grid-column field="UnitsInStock" width="80"></kendo-grid-column>
   </kendo-grid>
`
})
export class AppComponent {

  public allItemsChecked: boolean = false;

  checkAllClicked($event){
    console.log("checkAllClicked",$event);
    //TODO: …
Run Code Online (Sandbox Code Playgroud)

checkbox kendo-ui kendo-grid kendo-ui-angular2 angular

6
推荐指数
2
解决办法
1万
查看次数

Kendo DataSourceRequest 和 DataSourceResult 与 .Net Core

我很欣赏Kendo 的 DataSourceRequest 和 DataSourceResult。不幸的是,似乎唯一的示例代码和(容易发现的)支持库是针对完整的 CLR 的。对于我们这些使用 .Net Core 的人来说,我不知道在哪里可以找到正确的文档或库。更糟糕的是,我认为 .Net Core 的库并不完整。

有人可以向我指出 .Net Core 特定文档和 nuget 包名称吗?

我特别想解决此处描述的过滤器反序列化问题。该链接解释说,只要我使用 [DataSourceRequest] 属性装饰我的 MVC 操作,DataSourceRequest 过滤器的参数值就会正确反序列化,如下所示:

[HttpPost]
public JsonResult Get([DataSourceRequest] DataSourceRequest request)
{
    var employees = db.Employees.Where(e => e.IsActive);
    var results = employees.ToDataSourceResult(request);
    return Json(results);
}
Run Code Online (Sandbox Code Playgroud)

不幸的是,Kendo(或开源社区?)似乎没有[DataSourceRequest]为 .Net Core 提供该属性。我也想要这个parameterMap功能,我看到很多文章都在讨论......但它似乎也不适用于 .Net Core。

.Net Core 可能确实缺少这些功能,或者我可能不知道在哪里购买我需要的库或 Nuget。

我正在寻找指导。

c# asp.net-mvc kendo-ui kendo-grid asp.net-core

6
推荐指数
1
解决办法
4979
查看次数

用于 Angular 行重新排序的 Kendo Grid - Angular 4/5 - HTML5 拖放 API

我正在尝试实现具有行重新排序功能的 Kendo-Grid,如此处所宣传

当网格处理通过 Ajax 调用获取的数据时,行的重新排序(即拖放行)在视图更改之前不起作用(例如:直到用户单击本示例中分页中的第二页) )

下面是我的 app.component.ts 文件

import { State, process } from '@progress/kendo-data-query';
import { Component, Renderer2, NgZone, AfterViewInit, OnInit, EventEmitter, OnDestroy } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/fromEvent';
import { Subscription } from 'rxjs/Subscription';
import { HttpClient, HttpParams} from '@angular/common/http';

@Component({
    selector: 'my-app',
    template: `
        <kendo-grid
            [data]="gridData"
            [height]="410"
            [pageable]="true"
            [skip]="state.skip"
            [pageSize]="state.take"
            (dataStateChange)="dataStateChange($event)">
            <kendo-grid-column field="id" title="ID" width="60">
            </kendo-grid-column>
            <kendo-grid-column field="title" title="To Do">
            </kendo-grid-column>
            <kendo-grid-column field="completed" title="Completed" width="60">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <input …
Run Code Online (Sandbox Code Playgroud)

drag-and-drop rxjs kendo-grid kendo-ui-angular2 angular

6
推荐指数
1
解决办法
2918
查看次数

ng-template 错误:模板上下文未定义名为 ...(Kendo Grid)的成员

尝试在 Angular 中将 ng-template 与 Kendo Grid 一起使用时遇到问题。我拥有的 html 是有效的,并且在启动时可以正常编译和运行,但是 Visual Studio Code 显示此错误:

模板上下文未定义名为 column 的成员

这是我的代码:

<kendo-grid-column field="countryID"
  title="{{ 'location.country' | translate }}"
  width="10">
  <ng-template kendoGridEditTemplate
    let-dataItem="dataItem"
    let-column="column"
    let-formGroup="formGroup">
    <app-dropdown-single
      [placeholder]="column.title"
      [formControl]="formGroup?.controls['countryID']"
      [data]="dataDdwCountry"
      valueField="id">
    </app-dropdown-single>
  </ng-template>
</kendo-grid-column>
Run Code Online (Sandbox Code Playgroud)

所以 Visual Studio Code 给了我ng-template. 但是,编译时占位符确实显示了“列”的正确值。如果我保留它**let-column**而不是**let-column="column"**错误消失,但我需要的值也是如此(列现在未定义,我需要该值)。

有人能帮忙吗?

kendo-ui kendo-grid ng-template angular

6
推荐指数
1
解决办法
1550
查看次数