通过标准的 ASP.NET 控件来使用 jQuery UI
jQuery UI 提供了强大的前端功能,包括基于脚本和样式表的日历,拖放等等非常酷的特性,但是,这些都是基于 javascript 编程的,对于不太属性这门语言的程序员来说,掌握 jQuery UI 还是有一定难度的。
今天,我要向大家介绍一个标准的 ASP.NET 控件库 JuiceUI ,从这个地址 http://www.juiceui.com/ 你就可以下载到。
JuiceUI 是开源的 WebForms 控件集,你可以简单地在 WebForm 项目中使用 jQuery UI 组件。现在,你也可以在 ASP.NET 项目中轻易地使用流行的 JavaScript 界面库。
比如说,你希望在页面中实现一个弹出式的日历选择器,下面的代码就可以做到。
<asp:TextBox runat="server" ID="_Default" /><Juice:Datepicker runat="server" TargetControlID="_Default" />
拖个控件就可以了!
注意:必须先增加对于 ScriptManager 的使用。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="JuiceUI_1.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title></head><body><form id="form1" runat="server"><div><asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager><asp:TextBox runat="server" ID="_Default" /><juice:Datepicker runat="server" TargetControlID="_Default" /></div></form></body></html>
甚至还提供了如下的控制:
page up/down
- 上月/次月ctrl+page up/down
- 上年/次年ctrl+home
- current month or open when closedctrl+left/right
- 昨天/明天ctrl+up/down
-上周/次周enter
- accept the selected datectrl+end
- close and erase the dateescape
- close the datepicker without selection
可以从工具箱中直接拖过来。
什么?你希望在代码中有更多的控制,没有问题!你有大量的属性可以用来进行设置,比如 DateFormat 就可以设置日期的格式。
到这里下载吧!http://nuget.org/packages/JuiceUI
如果你已经安装了 NuGet, 直接使用这个命令就可以为你的项目增加这个支持。
Install-Package JuiceUI
注意:这个库基于 jQuery 和 jQuery UI , 下面是其使用的版本:
jQuery 1.7.1
jQuery.UI.Combined 1.8.17
安装之后,所有需要的文件都已经在你的项目中了,包括 jQuery。
包括脚本
在你的项目文件夹中,包括所有的文件。
通过标准的 ASP.NET 控件来使用 jQuery UI相关推荐
- 解决Select2控件不能在jQuery UI Dialog中不能搜索的bug
本文使用博客园Markdown编辑器进行编辑 1.问题呈现 项目中使用了jQuery UI的Dialog控件,一般用来处理需要提示用户输入或操作的简单页面.逻辑是修改一个广告的图片和标题. 效果截图如 ...
- 使用 ASP+ DataGrid 控件来创建主视图/详细资料视图
Nikhil Kothari Microsoft Corporation 2000年8月 简介 Microsoft® Visual Studio.NET 的下一发行版包括 DataGrid Web 控 ...
- Silverlight 3.0 不再包含 asp:silverlight 控件
从 Silverlight 2 升级到 Silverlight 3 可能会报如下错误,程序中可能引用了 asp:silverlight 控件: Could not load file or assem ...
- 【转】Asp.net控件开发学习笔记整理篇 - WebControl基类
最近一直在做MVC项目,对于WEBFORM 好像快忘记了.周末无聊,顺带看看他人的笔记.再次温习下. 复习大纲: 导航.页面生命周期及其它导论 一.服务器控件生命周期 二.控件开发基础 三.Asp.n ...
- ASP.NET控件Web CAD SDK发布v12版本,支持DWG 2018丨附下载
2019独角兽企业重金招聘Python工程师标准>>> Web CAD SDK为ASP.NET控件,可用于通过Internet.Intranet.Sharepoint.Office ...
- 一起谈.NET技术,asp.net控件开发基础(18)
本篇继续上篇的讨论,可能大家已经在使用asp.net2.0了,DataSource属性不再使用,而是跟数据源控件搭配使用.现在讨论的绑定技术都是基于1.1版本,先熟悉一下,本质上是一样的,这样一步步的 ...
- ASP:Literal控件用法
ASP:Literal控件用法 刚开始学.NET的朋友可能不清楚Literal和Label到底有什么区别,其实它们也只有一个区别,就是在转换成客户端Html代码后,Label就成了<span&g ...
- 一起谈.NET技术,asp.net控件开发基础(20)
上面我们讨论了数据绑定控件的做法,但都未涉及到asp.net2.0中数据源控件的用法,让用惯了数据源控件的人可能感觉不适应.这次我们就开始讨论在asp.net2.0中,我们该如何重新定义数据绑定控件. ...
- asp.net控件本质
.net控件本质 在我的一个项目中需要对于控件进行区分总结,我在网上找了找加上自己的实际测试总结如下:(如果有什么不正确的请即使指出,一起讨论,大家共同进步) asp.net之所以现在 ...
最新文章
- 题解——HDU 1848 Fibonacci again and again
- C# 动态执行批处理命令
- Build Tools三问
- 面向过程之骑士飞行棋
- PHP使用feof()函数读文件的方法
- esp定律手动nspack 3.7_ESP定律原理详解
- 数据结构——图-最短路径长度中最大的一个
- 外设驱动库开发笔记38:RTD热电阻测温驱动
- mysql mvcc和行锁_mysql在RR的隔离级别下,究竟是通过MVCC解决幻读的还是通过行锁的next key算法解决的?...
- StringBuffer的解读(一)
- 史上最全排序算法总结 | 原力计划
- MIT课程全面解读2019深度学习最前沿 | 附视频+PPT
- 为什么Kaggle不会让你成为一名出色的数据科学家?
- python在同一行输入n个数转义符_python:转义符\
- 【刘文彬】【精解】EOS智能合约演练
- 用ASP.NET创建网络相册
- 全民打怪兽全民战场恐惧流伙伴实测
- MIGO为玩家带来接近无限的可能
- 【Oauth2】SpringBoot整合Oauth2实现认证授权
- JDK14新特性之Record
热门文章
- centos 6 php环境,centos6.6 下 安装 php7 + nginx环境的方法
- 年底了,按约定把2021 Go面试八股整理全了
- 推荐几个在大厂996,却一心想要按时下班的公众号主和他们的工作(摸鱼)心得...
- 2021开发者最想学的编程语言,Go荣登榜首!
- 环境搭建:Windows系统下Nacos集群搭建
- IDEA项目创建Mapper的xml文件的方法
- mybatis中经典的9种设计模式
- redis单机安装并配置服务脚本启动
- docker容器数据卷基本操作
- Go语言-信号os.Interrupt和信号syscall.SIGTERM的应用