标签: kendo-ui-angular2

更改数据后，如何刷新Angular 2 Kendo网格？

private trash() {
  this.gridView.data.splice(index, 1);
  //I wish to refresh here
}

有谁知道如何正确格式化网格中的DateTime？(这种数据类型是否支持？).

无论我放在列的"filter"属性中,我的日期似乎都没有得到解析.

我看到这个值显示: / Date(1480643052457)/

任何帮助或建议非常感谢!

- - 更新 - -

就像我最终做的快速更新一样:我只是创建了第二个字符串列并返回了一个格式化的日期字符串(我在检索时格式化).然后当我排序时,我只是确保使用实际的DateTime列而不是显示列,以便它正确排序.这适用于我的需求.我认为最初当我开始使用Angular 2网格时,我期待更多的客户端功能离开网格(在排序等方面),但是一旦你正确绑定到后端api源,它并不是真正需要的.

下面是我使用Kendo-Angular2开发的网格.我需要在行上点击事件,如果我需要行信息.我写了一个普通的点击事件并尝试获取行信息,但是如果我在分页中转到第二页则不起作用.是否有一个简单的行单击事件,它提供行信息.

plnkr:http://plnkr.co/edit/h0fVaP4NykRiILA7dyHn？p =preview

点击事件代码:

ngAfterViewInit() {
  this.renderer.listen(this.gridRef.nativeElement, "mousedown", (event) => {
    if (!event.target.matches('tbody>tr *')) {
      return;
    }

    const gridData = this.grid.data;
    const tr = event.target.closest('tr');
    const dataItem = gridData.data[tr.rowIndex + this.grid.skip];

    console.log(dataItem);
  });
}

有谁知道如何在Kendo for Angular网格中设置默认排序字段？

<kendo-grid [data]="view | async"
          [pageSize]="gridState.take"
          [skip]="gridState.skip"
          [sort]="gridState.sort"
          [pageable]="{
            buttonCount: 3,
            info: true,
            type: 'numeric',
            pageSizes: true,
            previousNext: true
          }"
          [sortable]="true"
          (dataStateChange)="onStateChange($event)"
          (edit)="editHandler($event)" (cancel)="cancelHandler($event)"
          (save)="saveHandler($event)">
<kendo-grid-column field="Name" width="200" [editable]="false"></kendo-grid-column>
<kendo-grid-column field="Group" width="120" [editable]="false"></kendo-grid-column>

最近,我们的包没有任何版本更改,我们的AOT构建失败并显示以下错误消息:

块供应商中的错误[initial] [name] .bundle.js标识符
'territoryFromName'已经被声明(13:9)
}

function territoryFromName(name, identity) { var likelySubtags = __WEBPACK_MODULE_REFERENCE__7_636c6472__.supplemental.likelySubtags; var parts = name.split("-");

我们的package.json文件如下所示:

{
  "name": "frontend",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "build": "webpack --config webpack.config.js",
    "build:Production": "npm run fixmem && webpack --config webpack.config.prod.js --env.Production",
    "build:test": "webpack --config webpack.config.testAOT.js",
    "fixmem": "node increase-webpack-memory.js"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "5.2.5",
    "@angular/common": "5.2.5",
    "@angular/compiler": "5.2.5",
    "@angular/core": "5.2.5",
    "@angular/forms": "5.2.5",
    "@angular/http": "5.2.5",
    "@angular/platform-browser": "5.2.5",
    "@angular/platform-browser-dynamic": "5.2.5",
    "@angular/platform-server": "5.2.5",
    "@angular/router": "5.2.5",
    "@progress/kendo-angular-buttons": "4.1.2",
    "@progress/kendo-angular-dateinputs": "3.4.4",
    "@progress/kendo-angular-dialog": "3.6.2",
    "@progress/kendo-angular-dropdowns": …

当使用虚拟滚动和行数更改时，滚动条的拇指可能会保持在可用数据下方。

设想：

• 使用虚拟滚动和异步数据绑定
• 加载例如 1000 行
• 滚动到最后
• 将数据更改为例如 100

问题：

• 拇指保持在底部，实际上没有数据可见。您可以再次向上滚动，但这会让用户感到困惑，最好以编程方式滚动到顶部。

题：

• 有没有办法以编程方式滚动到顶部？

Kendo UI Angular 2 TabStripComponent 有一个 selectTab 方法。如何使用它从打字稿代码中激活选项卡？

使用 kendo 角度下拉菜单，我可以设置数据和默认值，但由于某种原因，稍后从可用选项中设置值不起作用？

我有一个基本数据模型 {id:x, value:y}。初始化下拉列表后设置值的正确代码是什么？

使用最新版本的 Angular 和 Kendo。

初始化值：

public areaModel: {id:number, value: string}

然后我尝试设置它：

this.areaModel = {id: data.site.siteId, value: data.site.siteName}

实际的下拉菜单是：

<kendo-dropdownlist [data]="area" [(ngModel)]="areaModel" [textFIeld]="value" [valueField]="id"></kendo-dropdownlist>

请忽略拼写错误，因为我每年都会输入此代码 - 代码位于封闭系统中。

另外，其他一切都正常'我可以设置数据，我可以获取选定的值。

在剑道对话服务窗口的内容中插入换行符。@rogress 中的 Kendo Angular 6 对话框。换行符将被忽略。

尝试了 html 元素 br 和 \n, \neg 它在一个连续行中显示字符文本“\n\n\n”

const dialog: DialogRef = this.dialogService.open({
  title: alertTitle,
  content: "Want multiple line breaks here-> \n\n\n so this appears 3 lines below on another line",
  actions: a,
  width: 400,
  height: 205,
  minWidth: 250
});

我正在使用剑道角度网格来显示我的数据。但我需要RowNumber每一行都有一个。我进行了搜索，但没有找到任何解决方案。可以设置行数吗？

Kendo Angular Grid（文档）

这是我的代码：

@Component({
    selector: 'my-app',
    template: `
        <kendo-grid [data]="gridData" [height]="410">
            <kendo-grid-column field="ProductID" title="ID" width="40">
            </kendo-grid-column>
            <kendo-grid-column field="ProductName" title="Name" width="250">
            </kendo-grid-column>
            <kendo-grid-column field="Category.CategoryName" title="Category">
            </kendo-grid-column>
            <kendo-grid-column field="UnitPrice" title="Price" width="80">
            </kendo-grid-column>
            <kendo-grid-column field="UnitsInStock" title="In stock" width="80">
            </kendo-grid-column>
            <kendo-grid-column field="Discontinued" title="Discontinued" width="120">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
                </ng-template>
            </kendo-grid-column>
        </kendo-grid>
    `
})
export class AppComponent {
    public gridData: any[] = products;
}