仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 533|回复: 8
打印 上一主题 下一主题

[学习教程] ASP.NET网页设计用.Net完成基于CSS的AJAX开辟(5)

[复制链接]
小女巫 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 22:29:23 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
一般的指的.net就是跟java相对的那种,主要是做企业级应用的。你如果想学这个,主要就是学C#和数据库。(ASP.NET好像很重要的,应该也要学的,ASP.NET上好像可以结合VB和C#等多种语言,但是微软主推C#)/**//**
*下移按钮
**/
downRow:function(e)...{
varthat=crudbtn.that;
varlinkEl=getEventTarget(e);
vartd=linkEl.parentNode;
vartr=td.parentNode;
varthead=tr.parentNode;
vartable=thead.parentNode;

varotr=tr;
if(tr.rowIndex==table.rows.length-1)...{
alert("已是最初一行了");
returnfalse;
}
else...{
table.moveRow(tr.rowIndex,tr.rowIndex+1);
this.isOdd=true;
varrows=table.tBodies[0].rows;

//从头隔行换色
for(vari=1;i<rows.length;i++)...{
if(!this.isOdd)...{
CSS.addClassToElement(rows,odd);
}else...{
css.removeClassFromElement(rows,odd);
}
this.isOdd=!this.isOdd;
}
}

//完成AJAX挪用处置下移
//下移则把pars和pars2的值反过去,背景稳定
varpars="pars2=";
for(h=0;h<tr.cells.length;h++)...{
if(!css.elementHasClass(tr.cells[h],editbtn)&&!css.elementHasClass(tr.cells[h],delbtn)
&&!css.elementHasClass(tr.cells[h],updownbtn))...{
varcolid=tr.cells[h].getAttribute(columnId);
if(tr.cells[h].firstChild.value!=null)...{
pars+=h+"^"+tr.cells[h].firstChild.value+"|";
}
else...{
pars+=h+"^"+tr.cells[h].innerText+"|";
}
}
}
varpars2="&pars=";
varuprow=table.rows[tr.rowIndex-1];
for(y=0;y<uprow.cells.length;y++)...{
if(!css.elementHasClass(uprow.cells[y],editbtn)&&!css.elementHasClass(uprow.cells[y],delbtn)
&&!css.elementHasClass(uprow.cells[y],updownbtn))...{
varcolid=uprow.cells[y].getAttribute(columnId);
if(uprow.cells[y].firstChild.value!=null)...{
pars2+=y+"^"+uprow.cells[y].firstChild.value+"|";
}
else...{
pars2+=y+"^"+uprow.cells[y].innerText+"|";
}
}
}
pars3="&command=MoveUpDown&callback=afterUpdate&table="+table.id;
newAjax.Updater(result,Dispatcher.ajax?+pars+pars2+pars3,...{evalScripts:true});
}

}
functioncrudbtnInit()...{
crudbtn.init();
}
//回调:处置停止后的反应
afterUpdate=function(e)...{
if(e==true)...{

}
elseif(e==false)...{
alert("您的操纵失利了,请从头实验");
window.location.reload();
}
elseif(e==repeated)...{
alert("您写进了反复的信息!请从头输出");
window.location.reload();
}

}
addEvent(window,load,crudbtnInit);

背景处置同AjaxDelRow.cs

排序款式绑定JS:

/**//*
*WrittenbyWangzhongyuan
*经由过程绑定sort款式举行背景排序的代码
*/
varsorting=...{

that:false,
isOdd:false,
sortColumnIndex:-1,
lastAssignedId:0,
newRows:-1,
lastSortedTable:-1,

/**//**
*初始化排序器
**/
init:function()...{
//起首,检察扫瞄器是不是能实行此剧本(有些扫瞄器不克不及用getElementsByTagName)
if(!document.getElementsByTagName)...{
return;
}

this.that=this;

this.run();

},

/**//**
*在文档中遍历一切table,假如table具有sort款式,则启动排序功效
**/
run:function()...{
vartables=document.getElementsByTagName("table");

for(vari=0;i<tables.length;i++)...{
varthisTable=tables;

if(css.elementHasClass(thisTable,sort))...{
this.makeSortable(thisTable);
}
}
},

/**//**
*启动给定表的排序功效
**/
makeSortable:function(table)...{

//起首,检测该table是不是有ID.假如没有就分派一个给它
if(!table.id)...{
table.id=sortableTable+this.lastAssignedId++;
}
//判别有无数据
if(table.rows.length<2)
return;
//把表格的第一行视为表头,然后上面要把它们酿成可点击
varrow=table.tBodies[0].rows[0];
/**//*分离背景的hack:次要用于剖析初始化时的排序偏向.
*因为思索到顺应自界说数据绑定模板,故超出表头,利用第二行
*/
varrow2=table.tBodies[0].rows[1];

for(vari=0;i<row.cells.length;i++)...{

//创建一个链接,并使它具有能把持排序的onClick事务
varlinkEl=createElement(a);
linkEl.href=#;
linkEl.onclick=this.headingClicked;
linkEl.setAttribute(columnId,i);
linkEl.title=点击排序;

//猎取题目行的一切列,以便到场链接
varinnerEls=row.cells.childNodes;
//遍历题目行的一切列并到场链接
for(varj=0;j<innerEls.length;j++)...{
//假如题目列款式为nosort则不排序
if(!css.elementHasClass(row.cells,nosort))
linkEl.appendChild(innerEls[j]);
}

//把新链接加到表格中
row.cells.appendChild(linkEl);

varspanEl=createElement(span);
css.addClassToElement(row.cells,tableSortArrow);

//加两个空格
//spanEl.appendChild(document.createTextNode());
row.cells.appendChild(spanEl);

//为每列判别从背景传过去的排序偏向款式
if(css.elementHasClass(row2.cells,sortOrderASC))...{
spanEl.className=tableSortArrow;
spanEl.appendChild(document.createTextNode(↑));
spanEl.setAttribute(sortOrder,ASC);
}
elseif(css.elementHasClass(row2.cells,sortOrderDESC))
...{
spanEl.className=tableSortArrow;
spanEl.appendChild(document.createTextNode(↓));
spanEl.setAttribute(sortOrder,DESC);
}

}

//初始化隔行换色标记
this.isOdd=false;
varrows=table.tBodies[0].rows;

//启动隔行换色
for(vari=0;i<rows.length;i++)...{
this.doStripe(rows);
}
},

语言是不是不是最重要的?
简单生活 该用户已被删除
沙发
发表于 2015-1-19 14:55:05 | 只看该作者
asp.net空间的支持有:ASP.NET1.1/虚拟目录/MicrosoftFrontPage2000扩展/CDONTS,同时他的网站上也提供了Asp.net的使用详解和程序源代码,相信对使用ASP.NET编程的程序员来说会非常有用哦!
因胸联盟 该用户已被删除
板凳
发表于 2015-1-24 15:48:11 | 只看该作者
它可通过内置的组件实现更强大的功能,如使用A-DO可以轻松地访问数据库。
再见西城 该用户已被删除
地板
发表于 2015-2-2 06:07:52 | 只看该作者
代码逻辑混乱,难于管理:由于ASP是脚本语言混合html编程,所以你很难看清代码的逻辑关系,并且随着程序的复杂性增加,使得代码的管理十分困难,甚至超出一个程序员所能达到的管理能力,从而造成出错或这样那样的问题。
若相依 该用户已被删除
5#
发表于 2015-2-7 16:59:04 | 只看该作者
这也就是最近几年来随着各种新的后台技术的诞生,CGI应用在Internet上越来越少的原因。CGI方式不适合大访问量的应用。
透明 该用户已被删除
6#
发表于 2015-2-22 18:05:36 | 只看该作者
使用普通的文本编辑器编写,如记事本就可以完成。由脚本在服务器上而不是客户端运行,ASP所使用的脚本语言都在服务端上运行,用户端的浏览器不需要提供任何别的支持,这样大提高了用户与服务器之间的交互的速度。
7#
发表于 2015-3-7 01:21:34 | 只看该作者
asp.net最主要特性包括:◆编程代码更简洁◆网站可实现的功能更强大◆运行效率高◆节省服务器的动作资源
老尸 该用户已被删除
8#
发表于 2015-3-14 05:11:44 | 只看该作者
它可通过内置的组件实现更强大的功能,如使用A-DO可以轻松地访问数据库。
小魔女 该用户已被删除
9#
发表于 2015-3-21 00:27:54 | 只看该作者
微软又推出ASP.NET。这不是ASP的简单升级,而是全新一代的动态网页实现系统,用于一台WEB服务器建立强大的应用程序。是微软发展的新体系结构.NET的一部分,是ASP和.NET技术的结合。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-24 07:57

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表