统计信息

资源数: 167
评论数: 23
访问次数: 2866846
建立时间: 2012-09-09

Axial,用.NET语言来写JavaScript代码


资源分类:JavaScript类库    更新日期:8/24/2008

主页:http://www.codeplex.com/axial  

语言:英文  授权形式:开源

Axial 是CodePlex上一个开源的项目,使用它我们可以以C#或VB.NET的方式来实现JavaScript功能,然后它会自动将相应的JavaScript输出到客户端。一些表单控件的输入验证、一些JS特效以及Ajax等等,我们都可以用它来实现。Axial现在还封装了jQuery,使我们可以用C#或者VB.NET来使用jQuery。

Axial包含几个服务器控件:

  • WFServerScript
  • WFScript
  • WFValidator
  • WFStartupScript
  • WFClass
  • Canvas
  • WFScriptButton

Axial的使用很简单:

1、添加Axial.dll引用,并将Axial控件添加到Visual Studio控件工具箱中

2、在后台写相关JavaScript的.NET方法,方法必须为public

C#代码
  1. using Axial;   
  2. using Axial.jQuery;   
  3. using Axial.DOM;   
  4.   
  5. namespace AxialWeb   
  6. {   
  7.     public partial class jQueryTest : System.Web.UI.Page   
  8.     {   
  9.         public void HtmlTheDivs() {   
  10.             JQuery.jQuery("div.empty").html("in a div");   
  11.             JQuery.get("viaajax.txt""", (response) => { JQuery.jQuery("div.empty:first").html((string)response); });   
  12.             JQuery.jQuery("div.notempty").children().html("when two divs love each other very much...");   
  13.             JQuery.jQuery("div.notempty").children().css("padding""3px");   
  14.             JQuery.jQuery("div.notempty").children().each(AlertPadding);   
  15.         }   
  16.   
  17.         public void AlertPadding() {   
  18.             Window.Alert(JQuery.This.css("padding"));   
  19.         }   
  20.     }   
  21. }  

3、在前台ASPX页面放置一个Axial控件,设置MethodName属性

XML/HTML代码
  1. <html xmlns="http://www.w3.org/1999/xhtml" >  
  2. <head runat="server">  
  3.     <title>jQuery Test</title>  
  4.     <script type="text/javascript" src="jquery-1.2.3.min.js"></script>  
  5. </head>  
  6. <body>  
  7.     <form id="form1" runat="server">  
  8.         <div class="empty" style="border: 1px solid red;"></div>  
  9.         <div class="empty" style="border: 1px solid blue;"></div>  
  10.         <div class="notempty" style="border: 1px solid green;">  
  11.             <div style="border: 1px solid purple;"></div>  
  12.         </div>  
  13.            
  14.         <asp:Button runat="server" ID="btnRun" Text="Run" OnClientClick="HtmlTheDivs(); return false;" />  
  15.         <axial:WFScript runat="server" ID="wfsHTD" MethodName="HtmlTheDivs" />  
  16.     </form>  
  17. </body>  
  18. </html>  

Axial需要.NET Framework 3.5,关于它的详细使用,请到CodePlex下载源代码,里面包含详细的代码示例。

下载最新版本 下载源代码

评论

标题

姓名

主页

内容(请不要发布任何违反国家相关法律、违背社会伦理道德的内容)

验证码:

© 2024 CodeUsing.com All Rights Reserved.   蒙ICP备12002817号-1