葡萄城技术团队博客

本文由葡萄城技术团队原创并首发转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。前段时间在开发【葡萄城社区】公众号时有一个功能是需要用网页授权认证地址生成二维码，但类似像下面这样的Url 即便是看也觉得很头疼了https://open.weixin.qq.com/connect/oauth2/authorize?appid=xxxxxxxxxxxxxxxxxx&redirect_uri=xxxxxxxxxxxxxxxxxxxxxxxxxxxx..

伴随着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...

在上篇中，笔者分享了部分安装并调试React Native应用过程里的一点经验，如果还没有看过的同学请点击《React Native基础&入门教程：调试React Native应用的一小步》。在本篇里，让我们一起来了解一下，什么是Flexbox布局，以及如何使用。 一、长度的单位在开始任何布局之前，让我们来首先需要知道，在写React Native组件样式时，长度的不带单位的，它表示“与设...

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

为方便广大前端开发人员更好的使用 WijmoJS 前端开发工具包，葡萄城专门推出了 WijmoJS 使用指南，该指南详细地介绍了如何把 WijmoJS 各种强大的功能应用到您自己的 Web 项目中，助您轻松掌握产品使用技巧，快速完成产品选型。本指南由四个部分组成：下载安装 产品评估 前端开发指南 WijmoJS 求助中心下载安装 产品下载地址 安装包下载 N...

概述What is Electron?Electron是一个使用JavaScript、HTML和CSS构建跨平台桌面应用程序的框架。 您可以将Electron与纯JavaScript或您选择的JavaScript框架一起使用：React Angular Vue构建一个简单的Electron应用程序要创建基本的Electron应用程序，请按照下列步骤操作：git clon...

概述首先恭喜Angular团队发布Angular 7.0.0版本！对于大多数开发人员，只需要执行一个命令就可以更新到Angular 7：ng update \@angular/cli \@angular/core与此同时，WijmoJS 2018V3已经全面支持Angular 7，您可以使用最新版本的 WijmoJS 来构建Angular 7应用程序。除此之外，我们还在努力...

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。本文由葡萄城翻译并发布---Angular 作为一款优秀的前端框架，自诞生之日起，就致力于面向前端开发者提供一整套全功能解决方案。与其他流行框架所追求的理念不同，Angular并非作为一款可以并入 Web 应用程序的轻量级框架而生，而是设计为：包含了一个完整的工作流，用于从项目创建开始，...

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。尽管 Web开发的典型应用场景除了将服务器用作平台、浏览器用作客户端之外，几乎很少活跃于其他业务领域，但不可否认JavaScript 语言和框架的使用已经成为了主流。Angular、React 和 Vue，作为 JavaScript 的三大框架已逐步发展成熟，三者的差异性也越发明显，假设J...

前端开发工具包WijmoJS在2019年的第一个主要版本2019V1已经发布，本次发布包括了更加易用的在线Demo系统、各控件新增功能、NPM 包的改动，以及全新的浏览器API组件。WijmoJS 前端开发工具包由多款灵活高效、零依赖、轻量级的纯前端控件组成，如表格控件 FlexGrid、图表控件 FlexChart、数据分析 OLAP 等，完美支持原生 JavaScript，...

本教程中，我们用Wijmo 5 和 Ionic Framework实现一个Mobile的工程:Hello World。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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