我使用的是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) 我已经整理了一个小提琴,演示了在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) 如何使用嵌套的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.
提前致谢.!
我正在尝试解析 KendoUI 网格发送到我的 Web 服务的过滤器参数,但在说服 Jackson 解析此 JSON 时遇到了一些问题。据我所知,我可以控制 Kendo 发送的参数的格式,但我不知道如何将这些参数编组为更好的格式,使它们暂时保持不变。
我打算将这些参数转换为 Oracle 数据库的 SQL 查询。
{
"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)
public …Run Code Online (Sandbox Code Playgroud) 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 没有错误。
我该如何解决这个错误。非常感谢。
在此Kendo Grid演示中,如果您编辑"库存中的单位"下的数字并添加多个小数(尝试2.203848),则会将其截断为2.20.看起来这是默认行为.
我知道我们可以指定十进制格式{0:n4},例如.
但是如果小数位数未知或可以变化怎么办?有没有办法让网格使用用户输入的确切数字?
我正在尝试在我的 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) 我很欣赏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。
我正在寻找指导。
我正在尝试实现具有行重新排序功能的 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) 尝试在 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-grid ×10
kendo-ui ×8
angular ×3
telerik ×3
javascript ×2
json ×2
asp.net-core ×1
asp.net-mvc ×1
c# ×1
checkbox ×1
css ×1
grid ×1
jackson ×1
java ×1
ng-template ×1
rxjs ×1