标签: kendo-grid

Kendo Grid - 垂直滚动时保持标题

我有一个显示相当多数据的kendo网格(版本2012.3.1114).

网格垂直滚动而不会翻页,因为这是我们的要求.

当用户向下滚动时,网格是否有任何方式可以保持其标题可见?我正在寻找类似于Excel选择"Freeze Top Row"选项时的行为方式.

kendo-ui kendo-grid

7
推荐指数
1
解决办法
6385
查看次数

Kendo ui - 在子添加/编辑时获取父网格项(网格层次结构)

我有一个包含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)

javascript jquery datagrid kendo-ui kendo-grid

7
推荐指数
2
解决办法
8563
查看次数

ASP NET MVC kendo网格和列名

我有字段的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网格列标题?

asp.net-mvc kendo-ui kendo-grid

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

KendoUI网格 - 请求后修改数据

有没有办法在请求之后或绑定之前操作(转换)数据?我需要向服务器发出请求,转换结果数据,然后将该数据绑定到kendo网格.

kendo-ui kendo-grid

7
推荐指数
1
解决办法
5365
查看次数

Kendo DataSource:如何取消更新请求

我有一个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是假的,我如何阻止请求?

javascript jquery kendo-ui kendo-grid

7
推荐指数
1
解决办法
4786
查看次数

如何有条件地将样式应用于Kendo UI网格"行"?

我的角度页面有以下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)

kendo-ui angularjs kendo-grid

7
推荐指数
1
解决办法
5219
查看次数

在我正在运行的Visual Studio 2013中的另一个项目上打开项目时会发生什么?

我有一个问题,对我来说这很奇怪!我在两个不同的地方有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

7
推荐指数
1
解决办法
238
查看次数

Kendo UI网格导出excel和pdf导出,没有创建文件

我正在尝试使用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)

javascript ajax kendo-ui kendo-grid

7
推荐指数
1
解决办法
1249
查看次数

未捕获的TypeError:$(...).data(...).saveAsPDF不是函数.剑道网格

我想在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)

javascript jquery kendo-ui kendo-grid

7
推荐指数
1
解决办法
986
查看次数

如果启用无限滚动,如何防止 Kendo 网格加载数据两次?

我有一个 Kendo 网格,带有服务器端分页/排序/过滤并启用了无限滚动。在这种情况下,我遇到的问题是,当过滤网格时,数据会加载两次。第一次加载所有数据,第二次加载过滤后的数据。

要重现该问题,您必须执行以下步骤。

代码示例:https : //dojo.telerik.com/@Ruben/OnODErav

  1. 在网格中向下滚动直到加载新数据
  2. 在控制台中现在应该有两次“网格数据绑定”事件
  3. 在任何列上设置任何过滤器
  4. 现在,您在控制台中有四次“网格数据绑定”事件,而不是三次!

只有在向下滚动后才会出现错误。如果您重新启动并且只执行第三步,您将看到该事件仅触发了两次(初始一次和过滤后),这是正确的。

有人知道如何防止它两次加载数据吗?

   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)

javascript grid kendo-ui kendo-grid

7
推荐指数
1
解决办法
1784
查看次数