zoukankan      html  css  js  c++  java
  • Kendo UI for jQuery数据管理使用教程:更改PivotGrid字段名称

    Kendo UI for jQuery R1 2021 SP1试用版下载

    Kendo UI是带有jQuery、Angular、React和Vue库的JavaScript UI组件的最终集合,无论选择哪种JavaScript框架,都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件,Kendo UI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题,Kendo UI将开发时间加快了50%。

    可以修改和控制Kendo UI PivotGrid小部件的字段名称所呈现的内容。

    下面的示例演示如何更改PivotGrid中[Date].[Calendar]和[Product].[Category] 字段显示的文本。

    <div id="example">
    <div id="configurator"></div>
    <div id="pivotgrid"></div>
    
    <script>
    $(document).ready(function () {
    var pivotgrid = $("#pivotgrid").kendoPivotGrid({
    filterable: true,
    columnWidth: 200,
    height: 580,
    dataBound: function() { 
    var fields = this.columnFields.add(this.rowFields).add(this.measureFields);
    
    fields.find(".k-button")
    .each(function(_, item) {
    item = $(item);
    var text = item.data("name").split(".").slice(-1) + "";
    
    item.contents().eq(0).replaceWith(text);
    });
    },
    dataSource: {
    type: "xmla",
    columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Product].[Category]" } ],
    rows: [{ name: "[Geography].[City]" }],
    measures: ["[Measures].[Internet Sales Amount]"],
    transport: {
    connection: {
    catalog: "Adventure Works DW 2008R2",
    cube: "Adventure Works"
    },
    read: "https://demos.telerik.com/olap/msmdpump.dll"
    },
    schema: {
    type: "xmla"
    },
    error: function (e) {
    alert("error: " + kendo.stringify(e.errors[0]));
    }
    }
    }).data("kendoPivotGrid"); 
    });
    </script>
    <style>
    #pivotgrid
    {
    display: inline-block;
    vertical-align: top;
     70%;
    } 
    </style>
    </div>

    了解最新Kendo UI最新资讯,请关注Telerik中文网!

  • 相关阅读:
    HTML5开发在你的游戏应用中加入广告(转)
    AJAX笔试面试题汇总
    jQuery boxy弹出层插件中文演示及讲解(转)
    jquery获取css中的选择器
    post与get在ashx中的取值的区别
    css元素定位和布局
    jquery作用和优势
    css选择器
    css中的框架模型
    javascript中的对Attr(dom中属性)操作
  • 原文地址:https://www.cnblogs.com/AABBbaby/p/14541729.html
Copyright © 2011-2022 走看看