我有一个显示相当多数据的kendo网格(版本2012.3.1114).
网格垂直滚动而不会翻页,因为这是我们的要求.
当用户向下滚动时,网格是否有任何方式可以保持其标题可见?我正在寻找类似于Excel选择"Freeze Top Row"选项时的行为方式.
我有一个包含3个项目的父网格,每个项目都有一个子网格作为细节的一部分.当调用CHILD上的编辑事件时,我想获取父(masterrow)的数据,下面的代码总是得到mastergrid中的第一项,而不是单击的项的实际父项,例如,如果我编辑/添加网格中的一个项目用于主网格中的第二个项目,它仍然获取主网格数据的第一项.
var parentData = $("#gridRoomTypes").data("kendoGrid").dataItem(e.container.closest("tr"));
Run Code Online (Sandbox Code Playgroud)
编辑有:
e.sender (child grid), e.container, e.model "gridRoomTypes" is my master grid
Run Code Online (Sandbox Code Playgroud) 我有字段的SQL表:Id,Field1,Field2,Field3,Field4,Field5和我有其他表格列f1,f2,f3,f4,f5这个表只有一行有这个数据:代码,供应商,型号,年,价格
我的项目中有这个模型
public class Products
{
[ScafoldColumn(false)]
public Guid Id{get;set;}
public string Field1{get;set;}
public string Field2{get;set;}
public string Field3{get;set;}
public string Field4{get;set;}
public string Field5{get;set;}
}
Run Code Online (Sandbox Code Playgroud)
我希望比我的剑道网格显示列标题不像Field1 ...但是像表2中的数据(代码,供应商,型号,年份,价格)如何从表中加载此数据并设置为kendo网格列标题?
有没有办法在请求之后或绑定之前操作(转换)数据?我需要向服务器发出请求,转换结果数据,然后将该数据绑定到kendo网格.
我有一个kendo UI网格和一个数据源.当我调用Update方法时,我测试一个变量,如果条件为false,我不想发送请求.
目前我有:
$scope.MySource = new kendo.data.DataSource({
update: {
url: function (lista) {
if (testVariable== true) {
testVariable= false;
return "api/Liste/PutLista/" + lista.Id
}
else {
$scope.MySource.cancelChanges();
}
},
type: "PUT",
dataType: "json",
beforeSend: function (req) {
var auth = $window.sessionStorage.token;
req.setRequestHeader('Authorization', 'Bearer ' + auth);
}
Run Code Online (Sandbox Code Playgroud)
如果testVariable为false我取消更新,但我仍然看到ajax请求
http://localhost:61927/index.html with PUT method.
Run Code Online (Sandbox Code Playgroud)
如果testVariable是假的,我如何阻止请求?
我的角度页面有以下Kendo UI gridOptions:
ctrl.gridOptions = {
rowTemplate: '<tr data-uid="#: uid #" class="#:ApprovalStatus=\'Approved\'? \"approved\" : \"unapporved\"#"></tr>',
//rowTemplate: '<tr data-uid="#: uid #" class="#:ApprovalStatus=\'Approved\' ? \'approved\' : \'unapproved\' #"><td>#:ProcessName #</td><td>#:TradeAmount #</td><td>#:AQRID #</td><td>#:ApprovalStatus #</td></tr>',
dataSource: {
type: 'json',
transport: {
read: function (options) {
DataSvc.getTradesData().then(function (response) {
options.success(response.data);
}, function (response) {
alert('something went wrong')
console.log(status);
});
}
},
schema: {
model: {
fields: {
IsChecked: { type: "boolean" },
ProcessName: { type: "string" },
TradeAmount: { type: "number" },
ApprovalStatus: { type: "string" …Run Code Online (Sandbox Code Playgroud) 我有一个问题,对我来说这很奇怪!我在两个不同的地方有2个解决方案.它们两个相似,但其中一个比另一个更老.当我在它上面运行一个Kendo Grid时,新版本出现了问题.但是当我在新版本旁边打开旧版本的解决方案时,我强调只是打开没有运行,新版本会没问题!对我来说,如何解决这个问题以及另一个解决方案如何通过打开解决方案来解决这个问题非常奇怪?我认为有些东西已经损坏但我不知道,那是什么.我怎么解决这个问题?
我已经为Asp.net MVC使用了Visual Studio 2013,C#和Kendo.
Jahan.Blog.sln文件:(新版本)
Microsoft Visual Studio Solution File, Format Version 12.00
Visual Studio 2013
VisualStudioVersion = 12.0.31101.0
MinimumVisualStudioVersion = 10.0.40219.1
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Jahan.Blog.Model.DbFirst", "Applications\Jahan.Blog.Model.DbFirst\Jahan.Blog.Model.DbFirst.csproj", "{EE04EA76-1CFE-4484-B6C5-7C5232B3F1C4}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Jahan.Blog.Model", "Applications\Jahan.Blog.Model\Jahan.Blog.Model.csproj", "{944336E2-DC84-451C-BB1D-86C619A1770D}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Jahan.Blog.Web.Mvc", "Applications\Jahan.Blog.Web.Mvc\Jahan.Blog.Web.Mvc.csproj", "{09F658AE-5DDD-44DA-950D-6C3CF1259206}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Jahan.Blog.Web.TestHtml", "Applications\Jahan.Blog.Web.TestHtml\Jahan.Blog.Web.TestHtml.csproj", "{69D02E00-1663-464B-B07A-C129B8D29C8D}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Test.HtmlPage", "Applications\Test.HtmlPage\Test.HtmlPage.csproj", "{5C1E487D-6421-470E-9398-11CB230D5435}"
EndProject
Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Blog", "Blog", "{790963C2-9AB6-440E-96B3-48A29CF9663A}"
EndProject
Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "ProjectsForTest", "ProjectsForTest", "{F7F4128F-4141-434A-9655-8BA7B6806570}"
EndProject
Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Infrastructure", "Infrastructure", "{C3F7006C-B13C-447E-BABB-6561B38EB71B}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Jahan.Infrastructure.DataAccess", "Applications\Jahan.Infrastructure.DataAccess\Jahan.Infrastructure.DataAccess.csproj", "{511E08CF-B782-49AF-BA10-E52BCDA4140D}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = …Run Code Online (Sandbox Code Playgroud) asp.net-mvc runtime visual-studio kendo-grid kendo-asp.net-mvc
我正在尝试使用excel导出创建一个kendo网格.我的数据正好按照我的要求显示,网格工作正常.但是,saveAsExcel函数会触发excelExport事件,但不会创建任何文件.与pdf导出相同的问题.这是我的网格选项:
grid = $("#grid").kendoGrid({
toolbar:["excel","pdf"],
height: 500,
scrollable: true,
groupable: true,
sortable: true,
filterable: false,
excel: {
allPages:true,
filterable:true
},
excelExport: function(e) {
console.log('Firing Export');
console.log(e.workbook);
console.log(e.data);
},
pdfExport: function(e){
console.log('PDF export');
},
columns: [
{ field: "date", title: "Time", template: "#= kendo.toString(kendo.parseDate(date), 'MM/dd/yyyy') #", width: '120px'},
{ field: "customer", title: "Customer" },
{ field: "amount", title: "Total", format: "{0:c}", width: '70px', aggregates: ["sum"]},
{ field: "paid_with", title: "Payment", width: '130px'},
{ field: "source", title: "Source" },
{ field: "sale_location", …Run Code Online (Sandbox Code Playgroud) 我想在kendo网格中将数据导出为pdf.
网格:
$("#tax_lists").kendoGrid({
toolbar: ["excel","pdf"],
excel: {
allPages: true,
fileName: "Products.xlsx"
},
pdf: {
allPages: true,
avoidLinks: true,
paperSize: "A4",
margin: { top: "2cm", left: "1cm", right: "1cm", bottom: "1cm" },
landscape: true,
repeatHeaders: true,
template: $("#page-template").html(),
scale: 0.8
},
dataSource: sData,
sortable: true,
resizable: true,
columns: [
{hidden: true, field: "TaxStatementID",attributes:{"class":"tax_statement_id"}},
{field: "Month", title: "Month"},
{field: "AnnualSalary", title: "Annual Salary",attributes:{"class":"AnnualSalary"},footerTemplate: "<div><b>Sum</b> #= compute('.AnnualSalary')#</div>"},
{field: "MonthlySalary", title: "Monthly Salary",attributes:{"class":"MonthlySalary"},footerTemplate: "<div><b>Sum</b> #= compute('.MonthlySalary')#</div>"},
{field: "SlabNo", title: "Tax Slab"},
{field: "MonthlyTax", title: …Run Code Online (Sandbox Code Playgroud) 我有一个 Kendo 网格,带有服务器端分页/排序/过滤并启用了无限滚动。在这种情况下,我遇到的问题是,当过滤网格时,数据会加载两次。第一次加载所有数据,第二次加载过滤后的数据。
要重现该问题,您必须执行以下步骤。
代码示例:https : //dojo.telerik.com/@Ruben/OnODErav
只有在向下滚动后才会出现错误。如果您重新启动并且只执行第三步,您将看到该事件仅触发了两次(初始一次和过滤后),这是正确的。
有人知道如何防止它两次加载数据吗?
function onDataBound(arg) {
kendoConsole.log("Grid data bound");
}
$(document).ready(function() {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
},
schema: {
model: {
fields: {
OrderID: { type: "number" },
Freight: { type: "number" },
ShipName: { type: "string" },
OrderDate: { type: "date" },
ShipCity: { type: "string" }
}
}
},
pageSize: 20,
serverPaging: true,
serverFiltering: true,
serverSorting: true
},
height: 550,
dataBound: onDataBound, …Run Code Online (Sandbox Code Playgroud)kendo-grid ×10
kendo-ui ×9
javascript ×5
jquery ×3
asp.net-mvc ×2
ajax ×1
angularjs ×1
datagrid ×1
grid ×1
runtime ×1