jQWidgets jqxPivotGrid源属性

yizhihongxing

以下是关于 jQWidgets jqxPivotGrid 组件中源属性的详细攻略。

jQWidgets jqxPivotGrid 源属性

jQWidgets jqxPivotGrid 组件的源属性用于设置透视表的数据源。该属性可以是一个数组或一个 URL 字符串。

语法

$('#pivotgrid').jqxPivotGrid({
 source: data
});

参数

  • data:数据源,可以是一个数组或一个 URL 字符串。

示例

以下两个示例,演示如何使用源属性。

示例 1

// 设置数据源为数组
var data = [
  { 'Country': 'USA', 'State': 'California', 'City': 'Los Angeles', 'Sales': 2000 },
  { 'Country': 'USA', 'State': 'California', 'City': 'San Francisco', 'Sales': 3000 },
  { 'Country': 'USA', 'State': 'New York', 'City': 'New York City', 'Sales': 4000 },
  { 'Country': 'USA', 'State': 'New York 'City': 'Albany', 'Sales': 1000 },
  { 'Country': 'Canada', 'State': 'Ontario', 'City': 'Toronto', 'Sales': 1500 },
  { 'Country': 'Canada', 'State': 'Ontario',City': 'Ottawa', 'Sales': 2500 },
  { 'Country': 'Canada', 'State': 'Quebec', 'City': 'Montreal', 'Sales': 3500 },
  { 'Country': 'Canada', 'State': 'Quebec', 'City': 'Quebec City', 'Sales': 500 }
];

$('#pivotgrid').jqxPivotGrid({
  source: data
});

在示例 1 中,我们设置数据源为一个数组。

示例 2

// 设置数据源为一个 URL 字符串
$('#pivotgrid').jqxPivotGrid({
  source: 'data.php'
});

在示例 2 中,我们设置数据源为一个 URL 字符串。

注意事项

  • 源属性用于设置数据透视表的数据源。
  • 数据源可以是一个数组或一个 URL 字符串。

总之,源属性用于设置数据透视表的数据源。以上是两个示例,演示如何使用源属性。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQWidgets jqxPivotGrid源属性 - Python技术站

(0)
上一篇 2023年5月12日
下一篇 2023年5月12日

相关文章

  • jQWidgets jqxScrollView animationDuration属性

    以下是关于 jQWidgets jqxScrollView 组件中 animationDuration 属性的详细攻略。 jQWidgets jqxScrollView animationDuration 属性 jQWidgets jqxScrollView 组件的 animationDuration 属性用于设置或获取滚动视图的动画持续时间。 语法 // …

    jquery 2023年5月12日
    00
  • jQuery Easyui 验证两次密码输入是否相等

    在jQuery Easyui中,要实现验证两次密码输入是否相等可以借助validator扩展来实现。下面是详细的攻略: 第一步:引入必要资源 在HTML页面中引入jQuery、jQuery Easyui、和validator扩展的js和css代码块 <link rel="stylesheet" type="text/css…

    jquery 2023年5月27日
    00
  • jQWidgets jqxTextArea改变事件

    针对“jQWidgets jqxTextArea改变事件”的完整攻略,我将分为以下几个方面进行讲解: jqxTextArea控件简介 jqxTextArea控件改变事件的概念 如何绑定jqxTextArea的改变事件 jqxTextArea改变事件的示例说明 注意事项 接下来我将针对以上几个方面进行详细讲解。 1. jqxTextArea控件简介 jqxTe…

    jquery 2023年5月12日
    00
  • 详解Js模板引擎(TrimPath)

    详解Js模板引擎(TrimPath) TrimPath 是一款基于 JavaScript 的模板引擎,可以很方便地在前端进行数据渲染,使用简单且性能强大。本文将详细介绍该模板引擎的使用方法。 安装 TrimPath 可以通过 NPM、CDN、下载压缩包等多种方式进行安装。这里我们以 NPM 为例,打开命令行工具,输入以下指令即可进行安装: npm insta…

    jquery 2023年5月28日
    00
  • 基于jquery的模态div层弹出效果

    下面是“基于jQuery的模态div层弹出效果”的完整攻略: 1. 准备工作 首先,在你的网站中引入jQuery库: <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 2. HTML结构 其次,我…

    jquery 2023年5月28日
    00
  • Jquery倒计时源码分享

    下面我将详细讲解“Jquery倒计时源码分享”的完整攻略。 一、 Jquery倒计时源码分享 Jquery是一款常用于Web前端开发的JavaScript库,它可以大大简化JavaScript的开发过程,让开发者能够更快、更简单地完成各种功能的实现。本文将介绍一种基于Jquery库的倒计时功能实现方法,适用于各种Web前端开发场景。 二、 实现方法 1. 引…

    jquery 2023年5月28日
    00
  • jQWidgets jqxDateTimeInput valueChanged事件

    以下是关于“jQWidgets jqxDateTimeInput valueChanged事件”的完整攻略,包含两个示例说明: 事件简介 valueChanged 事件是 jQWidgets jqxDateTimeInput 控件的一个事件,用于在日期时间输入框的值发生变化时触发。该事件的语法如下: $("#jqxDateTimeInput&quo…

    jquery 2023年5月10日
    00
  • jQuery Mobile panel classes.pageFixedToolbar Option

    jQuery Mobile是一个功能强大的JavaScript库,用于开发移动设备上的应用程序。其中Panel Widget是它提供的一项常用组件,用于在触摸屏幕上显示侧边栏或抽屉式面板。而panel classes和.pageFixedToolbar option则是Panel Widget中非常重要的一组选项,它能够在页面上固定一个工具栏(toolbar…

    jquery 2023年5月12日
    00
合作推广
合作推广
分享本页
返回顶部