• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ASP.NET数据列表“全选”,批量处理的JS实现

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

jquery1.3.2中的方法为:

    //全部选中全部取消处理
     function CheckTrue(obj)
     {
      $(
"input[@type=checkbox][name=checkItem]").attr("checked",$(obj).attr("checked"));
     }
     
     
//收集被选中的项
     function CollectCheckItems()
     {
       
var allcheckboxs=$("input[@type=checkbox][name=checkItem][checked]");
       
var ids=new StringBuilder();
       
for(var i=0;i<allcheckboxs.length;i++)
       {
                
var id=$(allcheckboxs[i]).attr("id").split("_")[1];
                ids.Append(id)
                ids.Append(
",");
       }
         
var strIds=ids.ToString();
         
return strIds.substr(0,strIds.length-1);
     }

关于StringBuilder 见本文最后部分。

全选框的HTML:

<input type="checkbox" id='checkAll' name='checkAll' onclick='CheckTrue(this)' />全选

单行数据中的选择框的HTML:

<input type="checkbox" id="checkItem_<%=item.productid%>" name='checkItem' />

该方法的特点是生成的列表HTML中,选择框的id值都为"checkItem_"+id,name为"checkItem"。

以上脚本的方法就是通过选择框的id获得数据列表中该行数据的ID。

jquery1.2.6中的方法为:

     //全部选中全部取消处理
     function CheckTrue(obj)
     {
      $(
"input[@type=checkbox][@name=checkItem]").attr("checked",$(obj).attr("checked"));
     }
     
//收集被选中的项
     function CollectCheckItems()
     {
       
var allcheckboxs=$("input[@type=checkbox][@name=checkItem][checked]");
       
var ids=new StringBuilder();
       
for(var i=0;i<allcheckboxs.length;i++)
       {
                
var id=$(allcheckboxs[i]).attr("id").split("_")[1];
                ids.Append(id)
                ids.Append(
",");
       }
         
var strIds=ids.ToString();
         
return strIds.substr(0,strIds.length-1);
     }

在Jquery1.3.2版使用该方法会报错: “Microsoft JScript 运行时错误: 例外被抛出且未被接住”,

定位到 “ throw "Syntax error, unrecognized expression: " + expr;”代码

原因: Jquery1.3.2版,“name”属性前不用加“@”符号。 例如:

$("input[@type=radio][name=checkItem][checked]")

 

批量删除的方法:

     //删除选中俱乐部信息
     function DeleteCompanyInfos()
     {
        
if(!window.confirm("确定要删除您选择的数据项吗?"))
        {
          
return;
        }
        
var checkedItems=CollectCheckItems();
        
if(checkedItems=="")
        {
            alert(
"请选择要删除的客户!");
            
return;
        }
        $(
"#divGridView").html("<ul> <li> 正在尝试删除数据</li> </ul>");
        $.ajax(
         {
            type:
'POST',
            url:
'ManageAbout.aspx',
            dataType:
'text',
            data:{Action:
'delete',CompanyInfoIDs:checkedItems},
            cache:
false,
            success:DeleteCompanyInfosCallBack   
         }
         );
     }
     
//删除选中俱乐部信息回调函数
     function DeleteCompanyInfosCallBack(r)
     {
        
if(r=="0")
        {
            alert(
"删除成功!");
        }
        
else
        {
            alert(
"删除失败!");
        }
        LoadCompanyInfoList();
     }

 

ManageAbout.aspx页面的Page_Load中是这样接收参数进行批量删除的。

            //删除数据
            if (action == "delete")
            {
                
string strId = Request["CompanyInfoIDs"];
                
if (strId != null)
                {
                    
if (DeleteCompanyInfo(strId))
                    {
                        returnValue 
= "0";
                    }
                    
else
                    {
                        returnValue 
= "1";
                    }
                }
                
else
                {
                    returnValue 
= "1";
                }
                
//向客户端发送数据
                Response.Clear();
                Response.Expires 
= 0;
                Response.ContentType 
= "application/xml";
                Response.Write(returnValue);
                Response.End();
            }

其中DeleteCompanyInfo为ManageAbout.aspx.cs中的一个方法,调用的是BLL中的数据处理方法。

这种批量处理的方法在ASP.NET MVC中则只需将id字符串传给一个带接收id字符串参数(string类型)的Action既可,Action中则根据获得的id调用数据处理层的删除方法。


上文JS中的StringBuilder方法,是引用的一个JS文件中的方法,代码如下:

// 用来连接字符串,提高字符串的拼接速度
function StringBuilder() 
{
    
this.buffer = new Array();
}
StringBuilder.prototype.Append 
= function Append(string) 
{
    
if ((string ==null|| (typeof(string)=='undefined'))
        
return;
    
if ((typeof(string)=='string'&& (string.length == 0))
        
return;
    
this.buffer.push(string);
};
StringBuilder.prototype.AppendLine 
= function AppendLine(string) 
{
    
this.Append(string);
    
this.buffer.push("\r\n");
};
StringBuilder.prototype.Clear 
= function Clear() 
{
    
if (this.buffer.length >0 ){
        
this.buffer.splice(0,this.buffer.length);
    }
};
StringBuilder.prototype.IsEmpty 
= function IsEmpty() 
{
//    return (this.buffer.length == 0);
};
StringBuilder.prototype.ToString 
= function ToString() 
{
    
return this.buffer.join("");
};
//处理日期字符串
function FormatDateType(date)
{
    
if(date)
    {
        
return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();
    }
    
else
    {
        
return "";
    }   
}

 

之前1.3.2版本的JS中,$("input[@type=radio][name=checkItem][checked]")写成$("input[type=radio][name=checkItem][checked]")了,导致在火狐中无效。

因为type前没加“@”,现已更正。 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
发布ASP.NET时web.config内容的参数化发布时间:2022-07-10
下一篇:
ASP.NET性能优化之构建自定义文件缓存发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap