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

最新推荐文章于 2025-09-08 17:59:21 发布

转载最新推荐文章于 2025-09-08 17:59:21 发布 · 100 阅读

文章标签：

Axial是一个开源项目，允许开发者通过C#或VB.NET实现JavaScript功能，并自动输出到客户端。支持表单验证、特效及Ajax等功能，并已封装jQuery。

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控件添加到控件工具箱中

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

using Axial;
using Axial.jQuery;
using Axial.DOM;

namespace AxialWeb
{
     public partial class jQueryTest : System.Web.UI.Page
     {
         protected void HtmlTheDivs() {
             JQuery.jQuery( " div.empty " ).html( " in a div " );
             JQuery. get ( " viaajax.txt " , "" , (response) => { JQuery.jQuery( " div.empty:first " ).html(( string )response); });
             JQuery.jQuery( " div.notempty " ).children().html( " when two divs love each other very much

" );
             JQuery.jQuery( " div.notempty " ).children().css( " padding " , " 3px " );
             JQuery.jQuery( " div.notempty " ).children().each(AlertPadding);
         }

         protected void AlertPadding() {
             Window.Alert(JQuery.This.css( " padding " ));
         }
     }
}

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

< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
     < title > jQuery Test </ title >
     < script type ="text/javascript" src ="jquery-1.2.3.min.js" ></ script >
</ head >
< body >
     < form id ="form1" runat ="server" >
         < div class ="empty" style ="border: 1px solid red;" ></ div >
         < div class ="empty" style ="border: 1px solid blue;" ></ div >
         < div class ="notempty" style ="border: 1px solid green;" >
             < div style ="border: 1px solid purple;" ></ div >
         </ div >

         < asp:Button runat ="server" ID ="btnRun" Text ="Run" OnClientClick ="HtmlTheDivs(); return false;" />
         < axial:WFScript runat ="server" ID ="wfsHTD" MethodName ="HtmlTheDivs" />
     </ form >
</ body >
</ html >

关于Axial的详细使用，请到CodePlex下载源代码，里面包含详细的代码示例。