网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 大学论文导航 设计下载 最新论文 下载排行 原创论文 论文源代码
返回网学首页
网学联系
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 编程文档 > ASP.net > 正文

通过标准的ASP.NET控件来使用jQuery UI

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 13/01/05

jQuery UI 提供了强大的前端功能,包括基于脚本和样式表的日历,拖放等等非常酷的特性,但是,这些都是基于 javascript 编程的,对于不太属性这门语言的程序员来说,掌握 jQuery UI 还是有一定难度的。

今天,我要向大家介绍一个标准的 ASP.NET 控件库 JuiceUI ,从这个地址 http://www.juiceui.com/ 你就可以下载到。

JuiceUI 是开源的 WebForms 控件集,你可以简单地在 WebForm 项目中使用 jQuery UI 组件。现在,你也可以在 ASP.NET 项目中轻易地使用流行的 JavaScript 界面库。

比如说,你希望在页面中实现一个弹出式的日历选择器,下面的代码就可以做到。

  1. <asp:TextBox runat="server" ID="_Default" />  
  2. <Juice:Datepicker runat="server" TargetControlID="_Default" /> 

拖个控件就可以了!

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' border="0" alt="" width="360" height="344" src="http://images.myeducs.cn/files/uploadimg/20120301/1442380.png" />

注意:必须先增加对于 ScriptManager 的使用。

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="JuiceUI_1.WebForm1" %> 
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  4. <html xmlns="http://www.w3.org/1999/xhtml"> 
  5. <head runat="server"> 
  6.     <title></title> 
  7. </head> 
  8. <body> 
  9.     <form id="form1" runat="server"> 
  10.     <div> 
  11.         <asp:ScriptManager ID="ScriptManager1" runat="server"> 
  12.  </asp:ScriptManager> 
  13.         <asp:TextBox runat="server" ID="_Default" /> 
  14.         <juice:Datepicker runat="server" TargetControlID="_Default" /> 
  15.     </div> 
  16.     </form> 
  17. </body> 
  18. </html> 

甚至还提供了如下的控制:

  • page up/down - 上月/次月
  • ctrl+page up/down - 上年/次年
  • ctrl+home - current month or open when closed
  • ctrl+left/right - 昨天/明天
  • ctrl+up/down -上周/次周
  • enter - accept the selected date
  • ctrl+end - close and erase the date
  • escape - close the datepicker without selection

可以从工具箱中直接拖过来。

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' border="0" alt="" width="294" height="401" src="http://images.myeducs.cn/files/uploadimg/20120301/1442381.png" />

什么?你希望在代码中有更多的控制,没有问题!你有大量的属性可以用来进行设置,比如 DateFormat 就可以设置日期的格式。

到这里下载吧!/uploadfile/201301/5/6114567422.png" />

安装之后,所有

网学推荐

免费论文

原创论文

设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号