首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:发现 Wijmo

    什么是 Wijmo? Wijmo 是一个基于jQuery UI的UI部件的套件。Wijmo 部件对客户端Web开发进行了优化,并且充分利用了jQuery的强大能力以达到出色的性能和易用性。 Wijmo 从最开始就支持了CDN。你可以在这里 http://wijmo.com/downloads/cdn/找到CDN的页面。加载Wijmo到你的页面所需要的标记看起来类似下面的语法: <! --Wijmo 部件的 JavaScript--> <script src="http://cdn.<em>wijmo</em>.com/jquery.<em>wijmo</em>-open.all.2.0.0.min.js" type 然而,这个例子仅从表面揭示了通过Wijmo部件你能做什么。 关于Wijmo部件的更详细的信息,请访问 Wijmo 文档,在那里,你可以找到每一个独立的部件的介绍和API参考。 如果你想快速上手Wijmo,请参考 Wijmo 完整的快速开始。 有关脚本的更多高级示例,请访问演示页面。

    3.8K90发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:C1 Wijmo Grids 更多惊喜

    本文中,我将给大家介绍一系列非常棒的 Wijmo Grids功能。我们先以一个新的Wijmo Grids 来开始我们这次的 Wijmo Grids 之旅吧。 Wijmo Grids 默认分页行数为 10,你可以通过设置pageSize属性去自定义每页行数。 使用C1 Wijmo Grids 分组功能我们需要设置 allowColMoving和showGroupArea属性。之后,我们就可以拖拽列头到分组区域进行分组了。 我希望这篇文章能够唤起大家对 Wijmo 的兴趣。 在下一篇文章中,我将继续介绍怎样使用后台代码来实现上述功能,感兴趣的朋友敬请关注哦~ 示例下载 Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22

    89370发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:通过jsFiddle测试Wijmo Gauges

    如果你正在建立一个ASP.NET MVC 应用程序, Wijmo Complete包含在Studio for ASP.NET Wijmo的MVC Tools 。 无论哪种方式,我们在本篇博客中,我们将引用CDN链接上的Wijmo站点 http://wijmo.com/downloads/。 在这篇文章中,我们将使用到仪表部件。让我们切入今的正题吧! 第二步:添加对Wijmo的引用 紧挨着选择框架的位置时添加资源。这里我们需要添加对Wijmo的引用。 和其它Wijmo仪表所有的功能类似(以及任何通用的Wijmo部件),选项可以通过属性数组很容易的被设置。 Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)!

    1.4K80发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:在安全站点使用Wijmo控件

    在设计视图下,取消选中C1Wijmo控件的SmartTag上的 “UseCDN”选项。 解决方案2. 从下面的链接下载Wijmo-Complete.2.0.0.zip 文件: Studio for ASP.NET Wijmo 2012 v1 2. 从Wijmo-Complete压缩包中拷贝以下CSS文件到你的工程并添加到这些样式表的引用: jquery-wijmo.cs jquery.wijmo-complete.2.0.0.css jquery.wijmo-open .2.0.0.css 如果碰到其他问题,可以通过 Studio for ASP.NET Wijmo 论坛联系我们的支持团队。 Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)!

    1K70发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:导出Wijmo的GridView到Excel

    Wijmo GridView 控件不提供导出Excel文件的方法。本篇博客介绍一种将Wijmo的GridView控件保存到Excel的简单方法。 下面的方法被用来创建一个字符串: Public Function DataGridToExcel(ByVal dgExport As C1.Web.Wijmo.Controls.C1GridView.C1GridView htmltextwriter Dim htmlWrite As New System.Web.UI.HtmlTextWriter(stringWrite) Dim dg As C1.Web.Wijmo.Controls.C1GridView.C1GridView 下载示例 Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)!

    1.2K80发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 5 之 架构

    Wijmo 5是一组JavaScript控件,但是不要与Widgets混淆。 在此前开发Wijmo的时候,我们能够用像jQuery UI和jQuery Mobile Widget 框架来构建它,同时也为我们构建Web框架--Wijmo节省了时间。 同时,我们选择IE9作为Wijmo 5浏览器支持的基准版本,因为IE9支持ECMAScript 5语法,而这点对我们的Wijmo 5架构非常关键,由此创造了新的Wijmo 5架构。 可以对比看如下的对Wijmo Grid Widget赋值语法: //Wijmo的 Grid Widget允许可编辑 $('#WijmoGrid1').wijgrid('option', 'allowEditing Widgets 综上所述,下面用表对Wijmo 5 Control和JS Widget进行对比 Wijmo 5 Controls JS Widgets 使用TypeScript类,提供类JavaScript

    1.6K100发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:运行时处理Wijmo GridView数据操作

    protected void C1GridView1_Sorting(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewSortEventArgs protected void C1GridView1_Filtering(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewFilterEventArgs protected void C1GridView1_PageIndexChanging(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewPageEventArgs //处理 Column Grouping protected void C1GridView1_ColumnGrouped(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewColumnGroupedEventArgs e) { } 下载示例 Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)!

    1K70发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    图解AngularJS Wijmo5和LightSwitch

    本文结合最新发布的Wijmo 5提供的AngularJs进行图解。 ? Wijmo 5控件集 ? 2014年10月7日---葡萄城宣布正式发布Wijmo 5。Wijmo 5不再兼容传统浏览器(<= IE9),纯HTML5控件集。 并且,发布并Wijmo 5全部的控件中将全面支持Angular JS。 为何使用Wijmo 5和LightSwitch? 5代码 Wijmo 5下载地址:输入邮箱即可获得下载URL地址 ? 创建wijmo.data文件夹,下载ODataCollectionView.js,并拷贝在wijmo.data文件夹下。 AngularJs代码 ?

    1.7K90发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:在对Wijmo GridView进行排序或者过滤时保留选择

    ="CategoryName"> </wijmo:C1BoundField> <wijmo:C1BoundField DataField="Description" HeaderText="Description " SortExpression="Description"> </wijmo:C1BoundField> <wijmo:C1BoundField DataField="Picture" HeaderText ="Picture" SortExpression="Picture"> </wijmo:C1BoundField> <wijmo:C1BoundField DataField="UserName " HeaderText="UserName" SortExpression="UserName"> </wijmo:C1BoundField> </Columns> </wijmo:C1GridView 下载示例 Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)!

    1.3K90发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    用于 Windows8 的 Wijmo Charts 图表控件

    众所周知,Wijmo 是一套JavaScript UI 类库。 添加 Wijmo Charts 我需要使用Wijmo Charts图表控件,所以我需要添加必要的引用。主要是jQuery,jQuery UI, Raphael 和 Wijmo。 /wijmo/external/jquery.glob.min.js" type="text/javascript"> </script> <script src="/js/<em>wijmo</em>/external /raphael.js" type="text/javascript"> </script> <script src="/js/<em>wijmo</em>/jquery.<em>wijmo</em>-open.1.4.1.min.js" 参考资源 源码下载 英文链接 ComponentOne Wijmo官网 ComponentOne Studio for ASP.NET Wijmo控件包下载

    3.2K60发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 5 + Ionic Framework之:Hello World!

    下面开始添加Wijmo 5的源码到我们创建的工程中,Wijmo5源码下载地址。 先在工程的www/lib 文件夹下,创建一个Wijmo文件夹,并拷贝Wijmo源码下Dist的3个文件夹controls、interop、styles到新创建的Wijmo文件夹下。 -- Wijmo Scripts --> <script src="lib/<em>wijmo</em>/controls/<em>wijmo</em>.min.js"></script> <script src="lib /<em>wijmo</em>/controls/<em>wijmo</em>.input.min.js"></script> <script src="lib/<em>wijmo</em>/controls/<em>wijmo</em>.grid.min.js"> 使用Wijmo 5 下面给Index.HTML文件中添加Wijmo 5控件,先需要在www/js/app.js文件中添加Wijmo的模块依赖——‘wj’。

    3.1K60发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    提高性能:用RequireJS优化Wijmo Web页面

    用于加载模块依赖而不是创建一个模块. require(["knockout.wijmo", "wijmo.wijgrid", "wijmo.data.ajax"], function () { } config 不使用RequireJs,使用Wijmo的wijgrid表格控件 添加引用 <link href="http://cdn.<em>wijmo</em>.com/themes/aristo/jquery-<em>wijmo</em>.css --<em>Wijmo</em> Widget CSS--> <link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20142.45.min.css" rel --Wijmo Widgets JavaScript--> <script src="http://cdn.<em>wijmo</em>.com/jquery.<em>wijmo</em>-open.all.3.20142.45. 使用RequireJs,使用<em>Wijmo</em>的wijgrid表格控件 添加引用 <link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css"

    1.9K50发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 5 + Ionic Framework之:费用跟踪 App

    费用跟踪应用采用了Wijmo5和Ionic Framework创建,目的是构建一个hybird app。 我们基于《Mobile first! 然后再添加Form,用ng-show指令验证输入内容---Wijmo的指令已经在输入门限做了限制,故不需要验证。 FlexGrid 指令,用于在模板内生成Wijmo5的FlexGrid 控件。 == '' && expense.title.length < 55 && wijmo.isNumber(expense.amount) && wijmo.isDate 这里,我们使用了Wijmo 5提供的工具函数:isNumber和isDate来进行判断。 运行Details Grid截图如下: ?

    3K100发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:爱上 ThemeRoller

    Wijmo 是一个基于jQuery UI的UI部件的套件。Wijmo最方便使用的特点之一就是兼容ThemeRoller。 步骤3:将主题添加到Wijmo部件 现在,我们的主题已经下载完成,我们可以把它添加到Wijmo部件上了。我们把它添加到一个wijaccordion上。 首先,我们要创建一个包含wijaccordion部件的Wijmo工程。弄清楚如何做到这一点的最好办法是访问Wijmo 入门主题,这里我们假定已经阅读过该文档。 好了,现在我们(丛理论上)拥有了一个包含着wijaccordion控件的Wijmo工程,所有我们需要做的就是设置一个主题。 Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)! 

    1.7K70发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:复合图表(CompositeChart)

    Wijmo的CompositeChart控件允许您使用一个Chart来分析和展现复杂的数据。 本文将介绍如何使用Wijmo的CompositeChart控件,制作一个复合图表。 CompositeChart 的API:http://wijmo.com/wiki/index.php/Compositechart,Wijmo 的CompositeChart 化繁为简,将传统 Excel jquery.wijmo.wijchartcore.js jquery.wijmo.wijbarchart.js jquery.wijmo.wijpiechart.js jquery.wijmo.wijlinechart.js Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)!

    1.4K60发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:活动日历控件(Event Calendar)

    Wijmo Event Calendar支持用户自定义数据存储方式。 Wijmo Calendar http://wijmo.com/widgets/wijmo-complete/events-calendar/ API:http://wijmo.com/wiki/index.php jquery.wijmo.wijinputdate.js jquery.wijmo.wijinputnumber.js jquery.wijmo.wijcalendar.js jquery.wijmo.wijdialog.js jquery.wijmo.wijcombobox.js jquery.wijmo.wijdatepager.js 需要进行用户自定制数据存储时,需要引入下面这两个库: amplify.core.js /wiki/index.php/Events_Calendar 下载本文示例代码 Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新

    2.3K90发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    ASP.NET MVC 5– 使用Wijmo MVC 5模板1分钟创建应用

    开始使用 使用Wijmo制作MVC5应用程序,首先要做的是安装Wijmo 。 在 Web 选项卡中,您可以发现Wijmo。 ? ? 在创建的Views|Shared下,打开_Layout.cshtml。模板中添加了一些菜单、按钮、复选框、简单的输入框等Wijmo控件。 因为Wijmo MVC 5 工程模板是基于Microsoft内置模板创建。我们优化了标记和CSS样式为 Wijmo风格。 ? 示例下载链接:TahDo.zip 工具下载链接:Wijmo,ComponentOne MVC示例代码:WijmoMVC.zip Wijmo产品网站:http://wijmo.gcpowertools.com.cn /products/wijmo-5/ Wijmo中文文档:http://wijmo.gcpowertools.com.cn/5/docs/ Wijmo中文学习教程:http://demo.gcpowertools.com.cn

    3.2K80发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    用WijmoJS搭建您的前端Web应用 —— React

    l 使用NPM将Wijmo添加到应用程序。 l 导入您要使用的组件并添加适当的标记。 /App.css'; // import Wijmo styles and components import 'wijmo/styles/wijmo.css '; import { CollectionView } from 'wijmo/wijmo'; import { FlexGrid } from 'wijmo/wijmo.react.grid '; import { FlexChart, FlexChartSeries } from 'wijmo/wijmo.react.chart'; // apply Wijmo license key import { setLicenseKey } from 'wijmo/wijmo'; setLicenseKey

    2.4K30发布于 2018-07-24
  • 来自专栏葡萄城控件技术团队

    用FlexGrid做开发,轻松处理百万级表格数据

    学习FlexGrid的使用,可以通过以下的系列文章: Wijmo5 FlexGrid教程(1)- 在工程中绑定数据 Wijmo5 FlexGrid教程(2)- 使用数据对应DataMap功能 Wijmo5  FlexGrid教程(3)- 实现增加删除功能 Wijmo5 FlexGrid教程(4)- 实现自定义editor功能 Wijmo5 FlexGrid教程(5)-实现编辑InlineEdit功能 Wijmo5  FlexGrid教程(6)- 实现格式化单元格功能 Wijmo5 FlexGrid教程(7)- 实现合并单元格功能 Wijmo5 FlexGrid教程(8)- 实现合并单元格文字样式功能 Wijmo5  FlexGrid教程(9)- 实现自定义合并功能 Wijmo5 FlexGrid教程(10)- 实现Excel样式过滤功能 Wijmo5 FlexGrid教程(11)- 实现右键菜单功能 Wijmo5 功能 Wijmo5 FlexGrid教程(15)- 实现CSS设置样式功能 Wijmo5 FlexGrid教程(16)- 实现自定义筛选条件功能 Wijmo5 FlexGrid教程(17)- 实现多列排序功能

    3.1K80发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    【使用指南】WijmoJS 前端开发工具包

    产品评估 前端开发指南 WijmoJS 求助中心 下载安装 产品下载地址 安装包下载 NPM 方式下载 To install release build Latest: > npm install wijmo Specific version (e.g. 5.20173.431): > npm install wijmo@5.20173.431 (Note that the above doesn right now because there is no release version on npm) To install nightly build Latest: > npm install wijmo @nightly Specific version: > npm install wijmo@5.20173.431-nightly.d20180312.t0720 Note that nightly To install RC build (a build that was dropped to QA) Latest: > npm install wijmo@rc Specific version

    1K30发布于 2018-10-24
领券