如何使用jquery实现gridview中checkbox(复选框)的全选功能

如何使用jquery实现gridview中checkbox(复选框)的全选功能,第1张

Gridview中用一般的对静态文件进行处理的方法不行,因为ID和name都是处理过的动态的

所以在用选择器的时候要用其它的表达式才行,这样就可以实现全选及全不选

$(function() {

//chkAll是全选按钮的ID

$("#chkAll")click(function() {

//chkExport是列表中复选框的id,及name

$("input[id][name$='chkExport']") attr("checked",thischecked);

});

});

首先在gridview属性columns集合中填加CommandField,在行为栏中的showeditbutton设置为truegridview如下:<asp:GridView id="GridView1" runat="server" AllowPaging="True" AllowSorting="True" DataKeyNames="Fabid" OnRowCommand="GridView1_RowCommand" Width="493px" ><Columns><asp:CommandField EditText="详细资料" ShowCancelButton="False" ShowEditButton="True" /></Columns></asp:GridView>获得gridview选中行代码如下: protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e){i = ConvertToInt32(eCommandArgument);//i为全局变量} 通过上面的代码可以获取gridview选中行的所有字段值,一般用来列出某一条纪录的详细资料於一些textbox控件中 另:分页代码:protected void GridView1_PageIndexChanging(object sender, GridViewSelectEventArgs e){GridView1PageIndex = eNewSelectedIndex;

顺楼上楼上的话,那样只能实现效果样式,没有翻页等功能

你的思维固定了,gridview 是微软服务端控件,其实最终到页面,还是html 表格

如果想搭配 jquery ajax来实现异步 数据XML或者JSON 的话

有2种方式,

1 自己去处理json或XML数据,组建表格这样就更加麻烦,当然你足够强大 自己写一个jquery插件 方便以後处理。

2 用jquery插件,jqgrid是个不错的选择,但是jqgrid比较大,当然功能很强大

所以你的思维应该是去找,怎样的jquery插件可以实现gridview效果,我是使用jqgrid 来实现较复杂的,简单的自己写

给你个提示

$each(data,function(i,item)(){

var datahtml = "<td>"+item["name"]+"</td>";

})

$("#GridView1 tr bnt样式名")click(function(){

var _v= $(this)closest("tr")find("td")eq(2)text();

alert(_v);

});

根据GridView中某列的数据(标示列)进行筛选,用js或者jquery获取判断,$("#GridView1 tr td:gt(0)")each(function(i){

if($(this)innerHTML=='0') alert("这是第一行");

});

你可以把datakey作为JS函数的参数啊。。。

你在开始绑定gridview的时候,

在绑定事件里,

用FindControl找到div然后用AttributesAdd("事件","function(datakey)"));

这样,,,

前台:

<div id="abc" runat="server"></div>

后台:

protected void GridView1_RowDataBound(object sender,GridViewRowEventArgs e)

{

(eRowFindControl("abc") as HtmlGenericControl)AttributesAdd("事件","函数名(GridView1DataKeys[eRowDataItemIndex])");

}

if(thischecked){

        $(cb1)each(function(){

            thischecked=true;

        })

    }

这段可以简单地写成:

thischecked=$(cb1)get(0)checked;

以上就是关于如何使用jquery实现gridview中checkbox(复选框)的全选功能全部的内容,包括:如何使用jquery实现gridview中checkbox(复选框)的全选功能、如何潇洒的获得gridview选中行的值、求教如何使用jquery异步返回XML或者jason来绑定GridView等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9546073.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存