收 藏 投 稿 繁 体 RSS 
站长吧-中国站长学习与交流的网站
首 页 运 营 学 院 建 站 论 坛
Web master8.net  
 网站运营  
  欢迎在本站发布信息,在线投递稿件请点这里。编辑QQ:4908220,欢迎联系交流。
业界动态 创业故事 推广研究 策划盈利 电子商务 企业平台
  站长工具
SEO查询 Whois查询 Pr查询 域名查询 IP查询 网页编辑器
 建站服务  
  如有建站意向,请尽快联系我们,以便安排时间... 建站服务 QQ4908220 QQ:4908220
作品展示 服务范围 服务流程 服务报价 联系方式 付款方式
文章正文  » 您的当前位置: 首页 >> 学院 >> 程序开发 >> ASP.Net
用.Net实现基于CSS的AJAX开发(2)
  来源:互联网 | 时间:2007-04-15 | 浏览:   相关评论 | 报告错误 | 发布文章
【字号: | | 】 【背景色 杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色)

好了,完成删除,,那么所有对应这个业务的删除都可以由命名为dgBigclassmanage的某一元素通过绑定delbtn样式来执行删

除(当然,这样不科学,不过是DEMO嘛,如果是实际你可以在QueryString里多传一个参数,在到AjaxDelRow派发后再用进行二次派发,然后以这个参数做标识就完美了)由于麻烦,,有兴趣的自己做吧。。 呵呵。

这个样式只依赖TABLE元素,所以DATAGRID、DATALIST、自己做的TABLE,自定义控件只要最后生成TABLE元素的控件都可以用。
主要提供一个思想,跟代码制作的好坏无关。在.NET里轻量地使用样式绑定,在有AJAX应用的开发中效果很棒。你也可以自己去实现一个更优秀的轻量框架了。

增删改、上下移动记录样式绑定的JS:

/**//**
* Written by Wangzhongyuan
*
* 这是一个样式驱动的功能按钮控制脚本,样式用法如下:
*
* 修改按钮样式: editgtn 应用样式后即可把目标元素变为修改按钮,目标行变为修改行并出现确定、取消按钮。
* 删除按钮样式: delbtn 应用样式后即可把目标元素变为删除按钮,点击删除则目标删除。
* 上移下移按钮样式: updownbtn 应用样式后即可把目标元素变为上移、下移元素,目标行变为可上移和下移。
*
* 其他需要样式正在制作中........
**/
var crudbtn = ...{
that: false,
isOdd: false,
lastAssignedId : 0,
addbtnid : 0,
newRows: -1,
init : function() ...{
// 首先, 查看浏览器是否能执行此脚本(有些浏览器不能用getElementsByTagName)
if (!document.getElementsByTagName) ...{
return;
}

this.that = this;

this.run();

},
/**//**
* 遍历document中的所有table,如果有样式crudtable,则应用此脚本
*
**/
run : function() ...{
var tables = document.getElementsByTagName("table");

for (var i=0; i < tables.length; i ) ...{
var thisTable = tables[i];

if (css.elementHasClass(thisTable, 'crudtable')) ...{
this.makecrudTable(thisTable);
}
}
},
/**//**
* 构建控制按钮
**/
makecrudTable : function(table) ...{

// 首先, 检测table是否有id,如果没有则创建
if (!table.id) ...{
table.id = 'crudTable' this.lastAssignedId ;
}
// 遍历表格的数据行
var newRows = new Array();
// 遍历表格所有数据行
for (var j = 0; j < table.tBodies[0].rows.length-1; j ) ...{
// 遍历数据行所有列
for(var k = 0;k < table.tBodies[0].rows[j 1].cells.length;k ) ...{
// 判断是否存在删除样式,如果存在则把该单元个转化为删除按钮
if(css.elementHasClass(table.tBodies[0].rows[j 1].cells[k], 'delbtn')) ...{
table.tBodies[0].rows[j 1].cells[k].id = 'delbtn' this.addbtnid ;
var linkEl = createElement('a');
linkEl.href = '#';
linkEl.onclick = this.delRow;
linkEl.setAttribute('columnId', k);

var innerEls = table.tBodies[0].rows[j 1].cells[k].childNodes;

linkEl.innerText = "删除";
table.tBodies[0].rows[j 1].cells[k].appendChild(linkEl);
}
// 判断是否存在修改样式,如果存在则把该单元个转化为修改按钮
if(css.elementHasClass(table.tBodies[0].rows[j 1].cells[k], 'editbtn')) ...{
table.tBodies[0].rows[j 1].cells[k].id = 'delbtn' this.addbtnid ;
var linkEl = createElement('a');
linkEl.href = '#';
linkEl.onclick = this.editRow;
linkEl.setAttribute('columnId', k);

var innerEls = table.tBodies[0].rows[j 1].cells[k].childNodes;

linkEl.innerText = "修改";
table.tBodies[0].rows[j 1].cells[k].appendChild(linkEl);
}
// 判断是否存在上移、下移样式,如果存在则把该单元个转化为上移、下移按钮
if(css.elementHasClass(table.tBodies[0].rows[j 1].cells[k], 'updownbtn')) ...{
table.tBodies[0].rows[j 1].cells[k].id = 'updownbtn' this.addbtnid ;

master8
  • 上一篇:网站应注意的25条有利于排名的建议
  • 下一篇:Skype出台海外赔偿方案

  • 我要投稿  打印本文  推荐本文  加入收藏  返回顶部  关闭窗口
    搜模板(www.somoban.com) 原创网站模板交易平台
    阿里妈妈再掀疯狂采购风,网站广告位严重告急,急召天下站长
    基于PHP+MySQL的整站、模块、插件开发等或者按需求实现相应功能;
基于各PHP主流建站系统CMS,BBS,BLOG等的模板定制,完全手写代码;
整站数据迁移或备份恢复;网页代码优化、重构;整站常规SEO优化;网站技术支持;
点击了解详情...
    站长论坛
    • 验证码: