GridView的CheckBox列选择及多参数传递三步搞定

1、GridView的列设置


代码如下:

<asp:TemplateField HeaderStyle-CssClass="check" ItemStyle-CssClass="check">
<HeaderTemplate>
<input type="checkbox" onclick="selectAll(this)" />
全选
</HeaderTemplate>
<ItemTemplate>
<input name="chkIDCardNum" type="checkbox"
value="<%# Eval("PID") %>$<%# Eval("IdentityCard")%>$<%# Eval("PName")%>"
<%# "1" == Eval("IsCouldDelete").ToString()?"disabled='disabled'":""%> />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField Visible="true" HeaderText="删除">
<ItemTemplate>
<asp:LinkButton id="lbtnDelete" CommandName="lbtnDelete" runat="server" Text="删除档案"
CommandArgument='<%# Eval("PID") +"$"+ Eval("IdentityCard")%>'
OnClientClick="return confirm('确认删除？');"
Visible='<%# Eval("Termination").ToString()=="1" ? false : true %>' />
</ItemTemplate>
</asp:TemplateField>

2、全选的Js处理


代码如下:

function selectAll(myself) {
var oState = myself.checked;
var checkboxes = document.getElementsByName("chkIDCardNum"); //获取input组
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].disabled) {
} else {
checkboxes[i].checked = oState; //选择值
}
}
}

3、后台对所选值的获取


代码如下:

var selectedIds = Request.Params["chkIDCardNum"].Split(',');
if (selectedIds.Length == 0)
return;
//int[] msgIds = Array.ConvertAll<string, int>(selectedIds, s => int.Parse(s));
int[] ids = selectedIds.Select(t => int.Parse(t.Split('$')[0])).ToArray();
string[] cards = selectedIds.Select(t => t.Split('$')[1]).ToArray();

赞 (0)

相关推荐

  • ASP.NET Gridview与checkbox全选、全不选实现代码

    1. 页面 在onclick事件中 "传自己" 复制代码 代码如下: <asp:TemplateField HeaderText="全选"> <HeaderTemplate> <input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" />

  • DataGridView中CheckBox实现某一列单选

    复制代码 代码如下: private void dgvChannel_CellClick(object sender, DataGridViewCellEventArgs e)        {            if (e.ColumnIndex == -1 || e.RowIndex == -1) return;            int x = dgvChannel.CurrentCell.ColumnIndex;//获取鼠标的点击列            if (x == 0)/

  • GridView中加上CheckBox 的全选功能的代码

    首先我們當然是要先做出一個有資料的GridViewGridView做好後,我們在後方新增一個樣板欄位(TemplateField)請在新增的樣板欄位中的HeaderTemplate加入一個CheckBox作為全選用,然後在ItemTemplate也加入一個CheckBox 复制代码 代码如下: <asp:TemplateField>                          <HeaderTemplate>                              <

  • asp.net GridView控件中模板列CheckBox全选、反选、取消

    asp.net GridView控件中模板列CheckBox全选、反选、取消

    复制代码 代码如下: using System; using System.Data; using System.Data.SqlClient; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebC

  • Asp.net 中使用GridView控件实现Checkbox单选

    Asp.net 中使用GridView控件实现Checkbox单选

    在GridView控件中,第0列有放一个CheckBox控件,现想实现对CheckBox进行单选. 先看看效果: 在ASPX页面,可以这样做: 有一点注意的是需要使用OnRowCreated事件. 在ASPX.cs代码里,实现上面OnRowCreated事件: 上面有个事件委托: Ok,特简单的.全部使用服务端来实现,或许前端js也能实现. 以上所述是小编给大家介绍的Asp.net 中使用GridView控件实现Checkbox单选,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回

  • Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行

    Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行

    Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示,选中的行,使用高亮显示,让用户一目了然看到哪一行被选择了.本例中,使用前端脚本Javascript来实现.还是先看看Insus.NET做出来的效果: Insus.NET原本是从数据库获取数据并绑定至GridView控件的,为了在学asp.net的网友,也能轻易操作,因此这个想法,采用对象存储数据. 首先创建一个对象,[对联]的对象: Couplets.cs 复制代码 代码如下: using System; u

  • gridview和checkboxlist的嵌套相关应用

    gridview和checkboxlist的嵌套相关应用

    复制代码 代码如下: <script type="text/javascript"> function CheckBoxList1_Click(obj) { if(obj<10) { var vv="ctl00_PageBody_gvItem_ctl0"+obj+"_CheckBox1"; } else if(obj>=10 && obj<=99) { var vv="ctl00_PageB

  • asp.net checkbox 动态绑定id GridView删除提示

    asp.net checkbox 动态绑定id 复制代码 代码如下: <input id='<%# "courseNo"+Eval("courseNo") %>' type="checkbox" onclick="return Click()"/> GridView删除提示 复制代码 代码如下: <div id="del" onClick="return confir

  • GridView的CheckBox列选择及多参数传递三步搞定

    1.GridView的列设置 复制代码 代码如下: <asp:TemplateField HeaderStyle-CssClass="check" ItemStyle-CssClass="check"> <HeaderTemplate> <input type="checkbox" onclick="selectAll(this)" /> 全选 </HeaderTemplate>

  • jQuery实现的checkbox级联选择下拉菜单效果示例

    本文实例讲述了jQuery实现的checkbox级联选择下拉菜单效果.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <script language="JavaScript" src="jq

  • 实现DataGridView控件中CheckBox列的使用实例

    复制代码 代码如下: /// <summary>        /// 实现DataGridView控件中CheckBox列的使用        /// </summary>        /// <param name="sender"></param>        /// <param name="e"></param>        private void dgvTradList_Ce

  • asp.net 合并GridView中某列相同信息的行（单元格）

    asp.net 合并GridView中某列相同信息的行（单元格）

                                            解决方法如下(写在公共模块里,定义为静态方法方便调用): 复制代码 代码如下: /// <summary> /// 合并GridView中某列相同信息的行(单元格) /// </summary> /// <param name="GridView1">GridView</param> /// <param name="cellNum"

  • C#中GridView动态添加列的实现方法

    本文实例讲述了C#中GridView动态添加列的实现方法.分享给大家供大家参考.具体如下: protected void Page_Load(object sender, EventArgs e) { TemplateField mycustomField = new TemplateField(); //创建列实例 mycustomField.ShowHeader = true; // 设置属性 LinkButton lb = new LinkButton(); lb.Text = "Dele

  • ASP.NET中GridView 重复表格列合并的实现方法

    ASP.NET中GridView 重复表格列合并的实现方法

    这几天做一个项目有用到表格显示数据的地方,客户要求重复的数据列需要合并,就总结了一下GridView 和 Repeater 关于重复数据合并的方法. 效果图如下: GridView : 前台代码 : <div> <asp:GridView ID="gvIncome" runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateFie

  • 详解Pandas之容易让人混淆的行选择和列选择

    详解Pandas之容易让人混淆的行选择和列选择

    在刚学Pandas时,行选择和列选择非常容易混淆,在这里进行一下讨论和归纳 本文的数据来源:https://github.com/fivethirtyeight/data/tree/master/fandango import pandas as pd fandango = pd.read_csv('fandango_score_comparison.csv') 原始的数据如下(截取了一部分)  行选择 Pandas进行行选择一般有三种方法: 连续多行的选择用类似于python的列表切片 按照指

  • C#实现给DevExpress中GridView表格指定列添加进度条

    C#实现给DevExpress中GridView表格指定列添加进度条

    目录 一.问题描述 二.实现方法 2.1.先注册单元格绘制方法 2.2.编写给指定单元格绘制进度条的方法 2.3.使用给指定单元格绘制进度条方法 三.相关内容 3.1.给单元格设置百分比 一.问题描述 在我们使用Winform配合DevExpress进行开发表格时,表格中的涉及到百分比数据的内容除了显示百分比的数字内容外,还希望搭配显示进度条效果(且低于百分之60的内容用红色表示不合格,高于百分之60的用绿色表示),这样百分比的显示效果更加清晰直观. 二.实现方法 2.1.先注册单元格绘制方法

  • 3kb jQuery代码搞定各种树形选择的实现方法

    3kb jQuery代码搞定各种树形选择的实现方法

    自制Jquery树形选择插件. 对付各种树形选择(省市,分类..)90行Jquery代码搞定,少说废话直接上插件代码.稍后介绍使用说明.是之前写的一个插件的精简版. 1.Jquery插件代码 (function (j) { j.fn.attrs = function (option) { var root = this, data = []; //默认参数 var def = { url: '/ajax/GetSort/', str: root.attr("str") || '0',

随机推荐