JqueryNet—NJquery

Jquery可以说是非常成功的js框架,简单的操作就可以完成复杂的DOM操作。对DOM对象操作方法的封装是它成功的把很多对

象的共性提取转化为Jquery对象的通用操作方法。比如:所有对象的属性操作都可以用attr来完成对象的样式操作可以用css这

样的方法来完成,提取value可以用val方法来完成,隐藏了不同DOM对象的操作形式大大简化了操作的复杂度。

 

      介绍了Jquery为我们带来的方便,那么介绍下jquerynet。顾名思义,jquerynet是基于net以jquery的方式来实现操作,

这里操作的不是DOM对象,而是我们熟悉的asp.net服务器控件,服务器控件一般常见的有2种形式,一种是Htmlcontrol另一

种则是Webcontrol他们都是继承与Control,如果前端人员在其他编辑器中放置好表单元素后我们在控件属性加runat=”server”

那么这个控件则变为htmlcontrol,当然普通的服务器控件则为webcontrol,有些则直接继承自control。jquerynet是封装这些

控件的操作方法,比如样式、属性、取值、事件。把这些相关的操作实现统一化隐藏他们的差异。当然这样的想法很早就有了,

一直没有去实现它。查过相关的资料,也没有找到相关的项目以及实现。

JqueryNet.JQuery.Get(a).Click("a()");

var c = JqueryNet.JQuery.Get(TextArea1).Val();
Response.Write(c.Value);
var c = JqueryNet.JQuery.Get(show).Children<HtmlInputControl>(p => p.Type == "checkbox");
foreach (var item in (List<HtmlInputControl>)c.Value)
{
     Response.Write(item.ID);
}

JqueryNet.JQuery.Get(FileUpload1).Val(Server.MapPath("~/Scripts") + "//" + FileUpload1.FileName);

var query = JqueryNet.JQuery.Get(Button4);
query.AddClass("t");
query.Height("200px");

JqueryNet.JQuery.Get(Select1).Val().Value);

 

同样支持方法连写:

 

JqueryNet.JQuery.Get(Button4).AddClass("t").Height("200px");

 

 

以上为相关的服务器控件操作。如果有兴趣的朋友希望与我联系。

实现比较繁琐,一步步改进中。。

 

Code URL:http://njquery.codeplex.com

Subversion URL: https://njquery.svn.codeplex.com/svn

posted @ 2010-08-24 23:21  Dacey  Views(1910)  Comments(14Edit  收藏  举报