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

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

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>