葡萄城技术团队博客

WijmoJS 是葡萄城推出的一款前端开发工具包，由 80 多款基于 HTML5、支持跨平台的高性能 UI 组件（如表格组件、图表组件、数据分析组件、导航组件和金融图表组件等）构成，完美兼容原生 JavaScript，支持 Angular、React、Vue 等前端框架，用于企业级 Web 应用程序的快速开发和构建。近日，WijmoJS V2021.0 Update1正式发布，本次更新加入了一款同时兼容Angular、React和Vue的可视化地图组件，以及用于绑定REST API 的数据管理组件Rest

本文由葡萄城技术团队原创并首发转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。最近我司因业务需求，需要在一个内部数据分析平台集成在线Excel功能，既然我们自己就是做开发工具的，所以目光自然就落在了我司自研的前端表格产品上。项目的目的是要通过数据透视表和Excel公式来分析公司的各项运营数据。不过在集成后，在开发环境页面运行流畅，大量数据加载处理也很快。但是发布生产后，在用户每次打开页面时，加载时间上相较开发阶段均有所降低，经过排查速度变慢是由..

近日，前端开发工具包 WijmoJS 发布最新版本，将所有组件和功能模块化，更加体现出 WijmoJS 的小巧、灵活和高效。这一版本的最大亮点，就是增加了“可在React Redux 应用程序中，编辑数据网格”。上文中我们介绍了React Redux是什么，以及前端UI组件库WijmoJS 为何要在本次新版本发布中，增加在React Redux应用程序编辑数据网格的功能。下面，我们将详细介绍：...

近日，前端 UI 组件库 WijmoJS V2020.0 Update1 正式发布！除了提供不断优化的数据引擎，实现大数据量高速渲染外，这一版本的最大亮点，就是增加了“可在React Redux 应用程序中，编辑数据网格”。React Redux是什么？WijmoJS 增加的此项功能对于前端开发者来说意味着什么？本篇技术博客，会告诉你答案。开发人员为何如此钟情于Redux？Redux是当今流...

前端 UI 组件库WijmoJS V2020.0 Update1 正式发布！这一版本将更加体现出 WijmoJS 的小巧、灵活和高效。我们将 WijmoJS 的组件和功能模块化，减少了应用程序加载时所需的时间。同时，我们还优化了数据渲染引擎（通常使用虚拟化），因此无论您的数据集有多大，我们的组件都可以实现高效加载。为了响应用户需求，WijmoJS 的新版本加入许多在构建 Web应用程序时会用到...

近期，葡萄城前端开发工具包WijmoJS V2019.0 Update3 正式发布，至此WijmoJS已经做到：为每个JavaScript库和框架都提供了同样丰富、高性能且灵活的JavaScript UI组件。作为一款基于 HTML5 的前端开发工具包，WijmoJS 由 80 多种灵活、高效、跨平台、零依赖的 JavaScript UI 组件构成，如表格（Grid）、图表（Chart）、数据分...

AngularJS是Google推出的一款Web应用开发框架。它提供了一系列兼容性良好并且可扩展的服务，包括数据绑定、DOM操作、MVC设计模式和模块加载等。本文专注于AngularJS 指令的使用，在我们进入主题之前，我们将快速浏览AngularJS的基本用法。

伴随着Angular这一路走来，Wijmo一直都是第一个全面支持各种版本Angular的JS控件库。让我们一起细数，Angular和Wijmo一起走过的日子！

为什么选择WijmoJS？作为一款纯前端控件集，WijmoJS秉承“快如闪电，触控优先”的设计理念，在提供优质服务和产品的同时，专注于企业应用开发，不断优化产品架构，与时俱进。除在全球率先支持AngularJS外，现已全面应用于React、Vuejs、TypeScript 、Ionic等主流框架中。凭借先进的触控设计和全面的AngularJS支持，WijmoJS的FlexGrid和图表控件更专注于...

前文回顾在《用 WijmoJS 玩转您的Web应用》系列文章中，我们已经介绍了Angular和Vue框架下 WijmoJS 的玩法。而今天，我们将展示如何使用 WijmoJS 来搭建一款具备独特创新性、出色性能和简单代码逻辑的 React 应用。同样是前端框架，为何你如此优秀？由于React设计思想极其独特，属于革命性创新，即只利用简单的代码逻辑，实现出众的性能。自13年开源以来，被越来越多的人关...

概述在本文中，我们将展示如何将WijmoJS与NPM和Webpack一起使用来创建最流行的基于JavaScript应用程序框架的Web应用。 本文主要关注Vue.js，它是一个可以在一个库和一个全功能框架之间自由扩展的生态系统，Vue.js是目前主流前端框架中最小且最不固定的一个。它允许您编写结合HTML，JS和CSS的传统HTML文件以及纯JavaScript或“vue”文件，以创建封装的可重用...

前言：在本文中，我们将着重介绍如何将WijmoJS与Ionic一起使用，来创建一款移动端支持优先、快捷高效的应用程序。在之前的文章中，我们已经介绍了使用WijmoJS与Angular、React、Vue三大框架结合搭建您的Web应用程序。这篇将是本系列的最后一篇文章。什么是Ionic？Ionic是一个专注于用Web开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架，它绑定了Angul...

Google Chrome在招来了FireFox，FireBug的项目组领导人John J. Barton后，Chrome Dev Tools也变的越来越好用，越来越方便了。本文根据Google I/O上对Chrome Dev Tools的介绍(http://www.youtube.com/watch?v=N8SS-rUEZPg),和相关PPT：http://chrome-devtools-io2

响应式Web设计，这个话题可能是当下Web设计领域里讨论和应用比较多的话题了，为什么要响应式Web设计?什么是响应式Web设计?Web发展迅速，各种应用和服务层出不穷，现在打开电脑，可能使用最多的程序应该是浏览器了，访问不同的网站，可以满足人们购物，社交，获取新闻资讯，娱乐，等等需求。然而近几年内，移动设备快速崛起，移动互联网慢慢进入人们的生活，预计未来5年内移动设备的使用度会超过桌面计算机。

很多时候，我们在使用 GridView 展示数据时，希望最终用户可以编辑数据并且同步到数据源中。这是一项繁琐的工作。我们需要自定义模板列，并且在后台手动获取更新值，最后使用 SQL 语句同步到数据库中。 但是，现在我们有了 C1 Wijmo GridView ,这些繁琐的工作都成为历史。C1GridView 仅仅通过一个属性-AllowClientEditing 便允用户在客户端编辑单元格内容

Wijmo Event Calendar活动日历控件，是一个功能齐全的活动日历控件，允许用户添加，编辑和管理他们的日程。默认情况下，控件将使用Html5的Local Storage特性，进行离线数据存储，用户可以在不连接网路的情况下，使用网页来管理自己的日程，无需额外的配置。　　Wijmo Event Calendar支持用户自定义数据存储方式。Wijmo Event Calendar 控件在

Wijmo的CompositeChart控件允许您使用一个Chart来分析和展现复杂的数据。相同的数据可以使用不同的可视化效果，不同的图表类型展现在一个图表内，使得用户可以从不同的角度，了解分析这组数据所表达的内容 。本文将介绍如何使用Wijmo的CompositeChart控件，制作一个复合图表。CompositeChart 的API：http://wijmo.com/wiki/inde

在之前的一篇文章中，我们讨论了如何添加一大堆的超赞的功能到一个标准的HTML表，并把它转换成一个“grid”表格。今天我想要做的事情是向你展示如何将这些功能转到服务器。通过使用服务器做大量的“苦力活儿”，我们可以向我们的最终用户提供更加平顺的用户体验。什么苦力活要交给服务器呢？假设你有一百万行的数据集，这些数据要是发送到客户端，然后再进行排序/分页/过滤，那会是相当可观的一堆流量。但是如果

本文中，我将给大家介绍一系列非常棒的 Wijmo Grids功能。我们先以一个新的Wijmo Grids 来开始我们这次的 Wijmo Grids 之旅吧。  BR>table id="tableDepartmentInformation">BR> thead>BR> tr>BR> th>First NameBR>

C1Wijmo 全部的控件是完全可定制的，并且可以根据你自己的需求定制他们的界面外观。我准备使用C1Menu演示这一点。让我们从向控件应用自定义主题开始。 改变主题1) 创建一个网站，然后拖放一个C1Menu到web页面上。2) 单击智能标记，并打开任务菜单。3) 在主题属性中输入CDN的URL以指定主题。例如，在我们的这个例子中，我们应用ui-darkness 主

通常我们总会遇到这样的问题，在安全站点（HTTPS）中使用C1Wijmo控件时，用户可能会收到脚本错误。发生这种状况的是由于我们的CDN链接不是https链接。 解决HTTPS 的错误为了解决上述脚本问题，你需要使用本地的脚本文件，而不是使用网上CDN的链接。你可以使用以下解决方案之一：解决方案1. 在设计视图下，取消选中C1Wijmo控件的SmartTag上的 “UseCDN

许多客户面临这样的场景，他们希望在应用了排序或者过滤之后仍然将最终用户的行选状态保留。通常情况下，当我们在选择了任何行之后应用排序或者过滤会导致回传之后选择状态丢失。本篇博客将讨论我们如何做才能在排序和过滤之后仍然保持选择状态。 步骤1：将GridView绑定到一张数据表首先，我们需要将gridview绑定到一个数据表，比如来自Northwind数据库的Categories表。由于

Wijmo GridView 控件不提供导出Excel文件的方法。本篇博客介绍一种将Wijmo的GridView控件保存到Excel的简单方法。你可以使用同样的方法在C1 WebUI GridView上。 步骤1 : 将C1GridView绑定至数据源第一步是将C1GridView绑定到数据源。为了简单起见，我们将其绑定到C1Nwind.mdb的Customers表。 步骤

C1GridView具有很多内置的功能，比如排序，过滤，分页以及分组。对于开发者来说，这些都是很有用的功能，因为它们可以节省大量通过代码实现这些能力的时间。 无论如何，开发人员不一定非要将其在设计时绑定到一个数据源。实际上，在大多数情况下，数据是动态绑定的。本文讨论了当C1GridView动态绑定数据时如何实现排序，过滤分页以及分组。绑定C1GridViewC1

Wijmo 的巨大优势之一就是，它们是非常流行的jQuery UI部件。这将意味着它们的基础类库具有很多支持者。具有众多的支持者同时也意味着更多好用的工具。这些好用的工具之一就是很酷的jsFiddle，这是一个实时的HTML/CSS/JavaScript snippet编辑器。用它来以一种迅速的无开销的方式测试一些小东西是相当棒的。事实上，我们可以用它来实时的测试一些wijmo部件，这里我们会看到

Wijmo最方便使用的特点之一就是兼容ThemeRoller。ThemeRoller 是一个创建独特的jQuery UI web 部件主题皮肤的web应用程序。凭借其简单的界面和所见即所得的预览功能，你可以用比使用图形编辑器更短的时间为你的Wijmo部件以及其他兼容ThemeRoller的部件创建皮肤。 拉开帷幕：ThemeRoller 基础我们可以在这里找到ThemeRoller W

内容 1 什么是Wijmo？ 2 jQuery 语法 3 jQuery 选择器     3.1 jQuery 元素选择器     3.2 jQuery 属性选择器     3.3 jQuery CSS 选择器 4 文件准备功能 5 jQuery 选项 6 如何引用Wijmo 7 创建你的第一个jQuery 工程 什么是 Wijmo?Wijmo

本文演示了如何使用Wijmo的其中两个部件，wijwizard 以及 wijpager。如果你期望看到Wijmo的其他文章，请参阅Wijmo 更优美的jQuery UI部件集：发现 Wijmo。在这个快速入门，你将学习如何向一个HTML工程添加众多Wijmo部件中的两个，wijwizard 以及 wijpager。你将从添加并且自定义一个wijwizard部件入手，可以了解到一些独特的功能，然

随着Windows 8 Developer Preview 和 Visual Studio 11 Preview的发布， 大家对Metro-style的关注也逐步升温。最大的改变就是我们可以用HTML、JavaScript以及CSS进行Windows 应用程序的开发了。这应该是所有的Web Developer的福利了。众所周知，Wijmo 是一套JavaScript UI 类库。我打算试着

之前我们已经介绍了所有的AngularJS 基础知识，下面让我们通过实例来加深记忆，体验自定义指令的乐趣。这里将展示三个实例：手风琴指令，Google Maps 指令和Wijmo Grid 指令。

在本文中，我将用图解的方式用Wijmo（JavaScript库）中的SpreadJS来一步一步实现网页上的电子表格产品SpreadSheet(例如可构建Office 365 Excel产品、Google的在线SpreadSheet).博文简介：Wijmo控件，是葡萄城提供的HTML\JavaScript库，目前最新版是2014 V2(2014.7.22号发布)，支持jQuery UI和jQue

基于前面2篇博客：程序员Web面试之jQuery程序员Web面试之JSON您已经可以顺利进入Web开发的大门。但是要动手干，还需要了解一些已有的前端框架、UI套件，即要站在巨人肩膀上而不是从轮子开始造汽车. 下面就Web开发用到的前端框架、UI套件、UI插件一一列举(排名不分先后）：jQuery UIjQuery UI以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包

WijmoJS（前端开发工具包）2018年度第三个大版本已经正式发布，本次更新除了全面支持Angular7之外，还允许用户使用Web Workers在前端更高效地导出PDF、智能的分组表头属性、全新的Ribbon主题示例以及OLAP功能增强。本次主要更新特性有：WijmoJS 全面支持Angular7 更高效的纯前端 PDF 导出功能 智能的分组表头属性 轻松创建 Ribbon ...

在V2019.0 Update2 的全新版本中，WijmoJS能够轻松实现撤消和重做操作，使Web应用程序的使用更加友好、更加高效。不同于HTML提供的基本的撤销/重做功能HTML只提供非常基本的撤销/重做功能，甚至这种功能在浏览器中也有不一致的表现，即便有一个HTMLUndoManager类，但目前没有任何浏览器实现。而在本次WijmoJS新版本中，我们推出了灵活且易于...

WijmoJS 支持模板字符串常量在V2019.0 Update2 的全新版本中，WijmoJS 支持了模板字符串常量。模板字符串是ES2015 / ES6中引入的一个非常棒的JavaScript功能，它们允许您使用插入值来构建多行字符串，并使处理嵌入字符串中的单引号和双引号变得更加容易。在WijmoJS的新版本中，“模板字符串”将作为WijmoJS的核心组件。我们为此，添加了 “...

在V2019.0 Update2 的全新版本中，React 框架下 WijmoJS 的前端UI组件功能再度增强。WijmoJS的菜单和类似列表的控件（ListBox、ComboBox、MultiSelect）允许用户在 formatItem 事件中使用 JS 代码和 DOM API 为每个项目生成元素树，从而自定制项目的内容。在和 React 框架深度结合后，在 JSX 标记中使用...

在V2019.0 Update2 的全新版本中，Vue框架下 WijmoJS 的前端UI组件功能得到再度增强。如今，向wj菜单组件添加项的方法将不限于：将其绑定到菜单项数据数组。以声明方式添加 Vue 菜单项此前，要自定义项目的外观，您必须使用formatItem事件并在JS代码中生成其内容。但是当您在Vue模板中创建UI时，这种方法（其中一部分菜单必须在模板中定义，而另一部分应该在代...

前端开发工具包 WijmoJS 在2019年的第二个主要版本 V2019.0 Update2 已经发布，本次发布涵盖了React 和 Vue 框架下 WijmoJS 前端组件的功能增强，并加入更为易用且灵活的撤消/重做功能和模板字符串支持。WijmoJS 前端开发工具包由多款灵活高效、零依赖、轻量级的纯前端控件组成，如表格控件 FlexGrid、图表控件 FlexChart、数据分析 O...