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

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

　　Wijmo Event Calendar支持用户自定义数据存储方式。Wijmo Event Calendar 控件在设计之初就将数据展现和数据存储进行分离，您可以使用amplify.store库，实现本地数据存储。然后设置：dataStorage，指定自定义的数据存储层，设置visibleCalendars决定那些日历需要显示。

　　Wijmo Event Calendar 支持灵活的UI定制，自带的Theme就很像 apple 的Calendar，您可以显示/隐藏标题栏，导航栏，状态栏，右边的窗口。

　　下面是默认UI：

Day View

Week View:

Month View:

List (Agenda) View

Wijmo Calendar http://wijmo.com/widgets/wijmo-complete/events-calendar/

API：http://wijmo.com/wiki/index.php/Events_Calendar

Wijmo Calendar 依赖下面的JavaScript库:

jquery.ui.core.jsjquery.ui.widget.jsglobalize.jsjquery.mousewheel.jsjquery.plugin.wijtextselection.jsjquery.wijmo.wijutil.jsjquery.wijmo.wijinputcore.jsjquery.wijmo.wijinputdate.jsjquery.wijmo.wijinputnumber.jsjquery.wijmo.wijcalendar.jsjquery.wijmo.wijdialog.jsjquery.wijmo.wijcombobox.jsjquery.wijmo.wijdatepager.js

需要进行用户自定制数据存储时，需要引入下面这两个库:

amplify.core.jsamplify.store.js

使用非常简单的代码就可以初始化一个Event Calendar了:

---------

$(document).ready(function () {$("#eventscalendar").wijevcal();});

----------

下载本文示例代码.

Wijmo Event Calendar 还提供了其它强大的API, 使用户可以方便的定制控件:

设置 Culture:

----------

$("#eventscalendar").wijevcal({ culture: " de-DE");

----------

设置 data source web service:

---------

$("#report").wijevcal({webServiceUrl: "http://mysite/c1evcalservice.ashx"});

--------

设置星期的第一天:

--------

$("#eventscalendar").wijevcal({ firstDayOfWeek: 1 });

--------

设置 header Bar 是否显示

-------

$("#element").wijevcal({ headerBarVisible: false });

-------

设置navigation Bar 是否显示

-------

$("#element").wijevcal({navigationBarVisible: false });

-------

设置右边 Panel 是否显示

-------

$("#element").wijevcal({rightPaneVisible: false });

-------

还有很多其它实用的API:

http://wijmo.com/wiki/index.php/Events_Calendar

下载本文示例代码

Wijmo下载，请进入Studio for ASP.NET Wijmo 2012 v1正式发布（2012.03.22更新）!

Wijmo 更优美的jQuery UI部件集：活动日历控件(Event Calendar)相关推荐

Wijmo 更优美的jQuery UI部件集：通过jsFiddle测试Wijmo Gauges
Wijmo 的巨大优势之一就是,它们是非常流行的jQuery UI部件.这将意味着它们的基础类库具有很多支持者.具有众多的支持者同时也意味着更多好用的工具.这些好用的工具之一就是很酷的jsFiddle ...
Wijmo 更优美的jQuery UI部件集：爱上 ThemeRoller
Wijmo 是一个基于jQuery UI的UI部件的套件.Wijmo最方便使用的特点之一就是兼容ThemeRoller.ThemeRoller 是一个创建独特的jQuery UI web 部件主题皮肤 ...
Wijmo 更优美的jQuery UI部件集：复合图表(CompositeChart)
Wijmo的CompositeChart控件允许您使用一个Chart来分析和展现复杂的数据.相同的数据可以使用不同的可视化效果,不同的图表类型展现在一个图表内,使得用户可以从不同的角度,了解分析这组数 ...
Wijmo 更优美的jQuery UI部件集：在安全站点使用Wijmo控件
通常我们总会遇到这样的问题,在安全站点(HTTPS)中使用C1Wijmo控件时,用户可能会收到脚本错误. 发生这种状况的是由于我们的CDN链接不是https链接. 解决HTTPS 的错误为了解决上述 ...
Wijmo 更优美的jQuery UI部件集：运行时处理Wijmo GridView数据操作
2019独角兽企业重金招聘Python工程师标准>>> C1GridView具有很多内置的功能,比如排序,过滤,分页以及分组. 对于开发者来说,这些都是很有用的功能,因为它们可以节省 ...
Wijmo 更优美的jQuery UI部件集：客户端更改C1GridView数据源
很多时候,我们在使用 GridView 展示数据时,希望最终用户可以编辑数据并且同步到数据源中.这是一项繁琐的工作.我们需要自定义模板列,并且在后台手动获取更新值,最后使用 SQL 语句同步到数据库中 ...
jQuery 使用 jQuery UI 部件工厂编写带状态的插件（翻译）
首先,我们要创建一个progress bar,它只允许我们简单的设置进度值.正如我们接下来将要看到的,我们需要通过调用 jQuery.widget 及其两个参数来实现这一操作,这两个参数分别是:将要创 ...
jQuery里面的datepicker日期控件默认是显示英文的，如何显示中文或其他语言呢？...
jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascr ...
[转载]WebForm下使用 jQuery.loadUserControl异步load用户控件
现在做网站都追求用户体验,那么ajax自然就必不可少.如果您用过Asp.Net MVC ,你会发现Asp.Net MVC 和jQuery 配合的非常默契(事实上jQuery已经成了微软的御用脚本库了) ...

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

Wijmo 更优美的jQuery UI部件集：活动日历控件(Event Calendar)相关推荐

最新文章

热门文章