DataGrid多行删除

最新推荐文章于 2021-09-16 18:00:29 发布
最新推荐文章于 2021-09-16 18:00:29 发布
阅读量1.1k 收藏
点赞数
分类专栏： ASP.NET 文章标签： datagrid asp server button dataset string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dengenming/article/details/565970
版权

本文介绍如何在ASP.NET中实现多页面选择的问题。其具体思路很简单：用隐藏的INPUT记住每次选择的项目，在进行数据绑定时，检查保存的值，再在DataGrid中进行选中显示。下面时完整的代码和例子：

查看例子

SelectMultiPages.aspx

<%@ Page EnableViewState=""true"" CodeBehind=""SelectMultiPages.aspx.cs"" Language=""c#""
AutoEventWireup=""false"" Inherits=""eMeng.Exam.SelectMultiPages"" %>
<!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.0 Transitional//EN"">
<HTML>
<HEAD>
<title>跨页面实现多选</title>
<META http-equiv=""content-type"" content=""text/html; charset=gb2312"">
<style>
* {FONT-SIZE:12PX}
#Status {text-align:left}
</style>
<script language=""JAVASCRIPT"">
function AddRemoveValues(oChk) {
//在处理这个地方需要注意的是：你保存的值应该具有唯一性，这样才能不会替换错误的项。
if(oChk.checked)
SelectMultiPage.HdnSelectedValues.value += "","" + oChk.value;
else
SelectMultiPage.HdnSelectedValues.value = SelectMultiPage.HdnSelectedValues.value.replace("","" + oChk.value,"""");
}
</script>
</HEAD>
<BODY>
<form id=""SelectMultiPage"" runat=""server"">
<asp:datagrid id=""DataGrid1"" HorizontalAlign=""Center"" AutoGenerateColumns=""False"" Width=""600px""
  AllowPaging=""True"" runat=""server"">
 <AlternatingItemStyle BackColor=""#EEEEEE""></AlternatingItemStyle>
 <HeaderStyle BackColor=""#AAAADD"" Font-Bold=""True"" HorizontalAlign=""Center""></HeaderStyle>
 <PagerStyle HorizontalAlign=""Right"" Mode=""NumericPages"" Visible=""True""></PagerStyle>
 <Columns>
  <asp:TemplateColumn HeaderText=""选择"">
   <ItemTemplate>
    <input type=""checkbox"" runat=""server"" id=""chkSelect"" οnclick=""AddRemoveValues(this)""
     value='<%#DataBinder.Eval(Container.DataItem,""Title"")%>'/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText=""文章标题"">
   <ItemTemplate>
    <asp:Literal Text='<%# DataBinder.Eval(Container.DataItem, ""Title"") %>' runat=""server"" ID=""TitleShow""/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText=""发布时间"">
   <ItemTemplate>
    <asp:Literal Text='<%# DataBinder.Eval(Container.DataItem, ""CreateDate"").ToString() %>' runat=""server""/>
   </ItemTemplate>
  </asp:TemplateColumn>
 </Columns>
</asp:datagrid>
<div align=center>
<asp:button id=""Button1"" runat=""server"" Text=""得到所选的值""></asp:button>
<div id=""Status"">
<asp:label id=""Label1"" runat=""server""></asp:label>
</div>
<INPUT id=""HdnSelectedValues"" type=""hidden"" name=""HdnSelectedValues"" runat=""server"">
</div>
</form>
</BODY>
</HTML>

SelectMultiPages.aspx.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Data.OleDb;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace eMeng.Exam
{
/// <summary>
/// SelectMultiPages 的摘要说明。
/// </summary>
public class SelectMultiPages : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Button Button1;
protected System.Web.UI.WebControls.Label Label1;
protected System.Web.UI.HtmlControls.HtmlInputHidden HdnSelectedValues;
protected System.Web.UI.WebControls.DataGrid DataGrid1;

private void Page_Load(object sender, System.EventArgs e)
{
 // 在此处放置用户代码以初始化页面
 if(!Page.IsPostBack)
 BindData();
}
private void DataGrid1_PageIndexChanged(object source, DataGridPageChangedEventArgs e)
{
 DataGrid1.CurrentPageIndex = e.NewPageIndex;
 BindData();
}

void BindData()
{
 OleDbConnection cn = new OleDbConnection(""Provider=Microsoft.Jet.OLEDB.4.0;Data Source=""
  + HttpContext.Current.Server.MapPath(""aspx.mdb""));
 OleDbDataAdapter da = new OleDbDataAdapter(""Select Title, CreateDate from Document"",cn);
 DataSet ds = new DataSet();
 da.Fill(ds);
 DataGrid1.DataSource= ds;
 DataGrid1.DataBind();
}

private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
 //重新显示所选择的项目
 if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
 {
  if(HdnSelectedValues.Value.IndexOf(((Literal)e.Item.Cells[1].FindControl(""TitleShow"")).Text) >= 0 )
  {
   HtmlInputCheckBox ChkSelected = (HtmlInputCheckBox)(e.Item.Cells[0].FindControl(""ChkSelect""));
   ChkSelected.Checked = true;
  }
 }
}
private void Button1_Click(object sender, System.EventArgs e)
{
 //为了显示的方便进行替换的
 Label1.Text = HdnSelectedValues.Value.Replace("","",""<li>"");
}

#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
 //
 // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
 //
 InitializeComponent();
 base.OnInit(e);
}

/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{   
 this.DataGrid1.ItemDataBound +=
  new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound);
 this.DataGrid1.PageIndexChanged +=
  new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DataGrid1_PageIndexChanged);
 this.Button1.Click += new System.EventHandler(this.Button1_Click);
 this.Load += new System.EventHandler(this.Page_Load);

}
#endregion 

}
}

vb.net

VB.NET 版本

CheckBoxDataGrid.aspx

<%@ Page Language=""vb"" AutoEventWireup=""false"" Codebehind=""CheckBoxDataGrid.aspx.vb""
 Inherits=""aspxWeb.CheckBoxDataGrid"" %>
<!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.0 Transitional//EN"">
<HTML>
  <HEAD>
    <title>为DataGrid添加CheckBox控件的例子</title>
    <meta name=""GENERATOR"" content=""Microsoft Visual Studio.NET 7.0"">
    <meta name=""CODE_LANGUAGE"" content=""Visual Basic 7.0"">
    <meta name=""vs_defaultClientScript"" content=""JavaScript"">
    <meta name=""vs_targetSchema"" content=""http://schemas.microsoft.com/intellisense/ie5"">
  </HEAD>
  <body MS_POSITIONING=""GridLayout"">
    <form id=""frmMain"" method=""post"" runat=""server"">
      <asp:DataGrid id=""dgMain"" runat=""server"" Width=""98%"" AutoGenerateColumns=""False"">
        <SelectedItemStyle Font-Size=""9pt"" Font-Names=""宋体""></SelectedItemStyle>
        <EditItemStyle Font-Size=""9pt"" Font-Names=""宋体"" Font-Bold=""True"" ForeColor=""Red"" BackColor=""Info""/>
        <AlternatingItemStyle Font-Size=""9pt"" Font-Names=""宋体"" ForeColor=""ControlText"" BackColor=""White""/>
        <ItemStyle Font-Size=""9pt"" Font-Names=""宋体"" ForeColor=""ControlText"" BackColor=""WhiteSmoke""/>
        <HeaderStyle Font-Bold=""True"" HorizontalAlign=""Center"" ForeColor=""Black""
         VerticalAlign=""Middle"" BackColor=""Control"">
        </HeaderStyle>
        <Columns>
          <asp:TemplateColumn HeaderText=""操作"">
            <HeaderStyle HorizontalAlign=""Center"" Width=""50px""></HeaderStyle>
            <ItemTemplate>
              <asp:CheckBox ID=""chkExport"" Runat=""server"" />
            </ItemTemplate>
            <EditItemTemplate>
              <asp:CheckBox ID=""chkExportON"" Runat=""server"" Enabled=""true"" />
            </EditItemTemplate>
          </asp:TemplateColumn>
          <asp:BoundColumn DataField=""id"" ReadOnly=""True"" HeaderText=""序号"">
            <HeaderStyle Width=""50px""></HeaderStyle>
          </asp:BoundColumn>
          <asp:TemplateColumn SortExpression=""demo"" HeaderText=""标题"">
            <ItemTemplate>
              <asp:Label Text='<%# Server.HTMLEncode(DataBinder.Eval(Container.DataItem, ""Title""))%>'
                runat=""server"" Width=""80%"" ID=""lblColumn""/>
            </ItemTemplate>
          </asp:TemplateColumn>
        </Columns>
      </asp:DataGrid>
      <asp:Button id=""cmdSelectAll"" runat=""server"" Text=""全部选中""></asp:Button>
      <asp:Button id=""cmdFindSelected"" runat=""server"" Text=""查看选中的项目""></asp:Button>
      <br>
      <asp:Label id=""Label1"" runat=""server""></asp:Label>
    </form>
  </body>
</HTML>

后代码 CheckBoxDataGrid.aspx.vb

Imports System.Data
Imports System.Data.OleDb

Public Class CheckBoxDataGrid
  Inherits System.Web.UI.Page
  Protected WithEvents cmdSelectAll As System.Web.UI.WebControls.Button
  Protected WithEvents dgMain As System.Web.UI.WebControls.DataGrid
  Protected WithEvents cmdFindSelected As System.Web.UI.WebControls.Button

  Dim oDataView As DataView
  Protected WithEvents Label1 As System.Web.UI.WebControls.Label
  Dim sConnectionString As String = ""Provider=Microsoft.Jet.OLEDB.4.0;Data Source=""_
   + Server.MapPath(""Test.mdb"")


#Region "" Web Form Designer Generated Code ""

  'This call is required by the Web Form Designer.
  <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()

  End Sub

  Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs)_
   Handles MyBase.Init
    'CODEGEN: This method call is required by the Web Form Designer
    'Do not modify it using the code editor.
    InitializeComponent()
  End Sub

#End Region

  Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs)_
   Handles MyBase.Load
    'Put user code to initialize the page here
    dgMain.Columns(0).HeaderText = ""选项""
    dgMain.Columns(1).HeaderText = ""序号""
    dgMain.Columns(2).HeaderText = ""标题""
    cmdFindSelected.Text = ""查看选中的项目""
    RefreshGrid()
    If Not Page.IsPostBack Then
      cmdSelectAll.Text = ""全部选中""
      dgMain.DataBind()
    End If

  End Sub


#Region ""处理多选""
  Private Sub cmdSelectAll_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)_
   Handles cmdSelectAll.Click
    selectAll()
  End Sub

  Private Sub selectAll()
    Dim oDataGridItem As DataGridItem
    Dim chkExport As System.Web.UI.WebControls.CheckBox

    If cmdSelectAll.Text = ""全部选中"" Then
      For Each oDataGridItem In dgMain.Items
        chkExport = oDataGridItem.FindControl(""chkExport"")
        chkExport.Checked = True
      Next
      cmdSelectAll.Text = ""全部不选""
    Else
      For Each oDataGridItem In dgMain.Items
        chkExport = oDataGridItem.FindControl(""chkExport"")
        chkExport.Checked = False
      Next
      cmdSelectAll.Text = ""全部选中""
    End If
  End Sub
#End Region

#Region ""更新DataGrid""

  Private Sub RefreshGrid()
    Dim oConnection As OleDbConnection
    Dim oCommand As OleDbDataAdapter
    Dim oDataSet As New DataSet()

    Try
      Dim sSQL As String = ""Select top 5 * from TestTable order by id""
      oConnection = New OleDbConnection(sConnectionString)
      oCommand = New OleDbDataAdapter(sSQL.ToString, oConnection)
      oCommand.Fill(oDataSet, ""TestTable"")
      oDataView = New DataView(oDataSet.Tables(""TestTable""))
      dgMain.DataSource = oDataView
      oConnection.Close()

    Catch ex As Exception
      '// Place Error Handling here
    End Try
  End Sub
#End Region

  Private Sub cmdFindSelected_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)_
   Handles cmdFindSelected.Click
    Dim oDataGridItem As DataGridItem
    Dim chkExport As System.Web.UI.WebControls.CheckBox
    Dim oExArgs As New System.Collections.ArrayList()
    Dim sID As String
    Label1.Text = """"
    For Each oDataGridItem In dgMain.Items
      chkExport = oDataGridItem.FindControl(""chkExport"")
      If chkExport.Checked Then
        Label1.Text = """"
        sID = CType(oDataGridItem.FindControl(""lblColumn""), Label).Text
        oExArgs.Add(sID)
        Dim i As Integer = 0
        For i = 0 To oExArgs.Count - 1
          Label1.Text += oExArgs(i) + "",""
        Next
      End If
    Next
  End Sub

End Class

C# 版本

CheckBoxDataGrid.aspx

<%@ Page language=""c#"" enableViewState = ""true"" Codebehind=""DataGridCheckBox.aspx.cs""
AutoEventWireup=""false"" Inherits=""eMeng.Exam.DataGridCheckBox.DataGridCheckBox"" %>
<!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.0 Transitional//EN"">
<HTML>
<HEAD>
<title>为DataGrid添加CheckBox控件的例子</title>
</HEAD>
<body>
<form id=""frmMain"" method=""post"" runat=""server"">
<asp:DataGrid id=""dgMain"" runat=""server"" Width=""98%"" AutoGenerateColumns=""False"" Font-Size=""9pt"" Font-Names=""宋体"">
 <AlternatingItemStyle ForeColor=""ControlText"" BackColor=""White"" />
 <ItemStyle ForeColor=""ControlText"" BackColor=""WhiteSmoke"" />
 <HeaderStyle Font-Bold=""True"" HorizontalAlign=""Center"" ForeColor=""Black"" VerticalAlign=""Middle""
  BackColor=""Control""></HeaderStyle>
 <Columns>
  <asp:TemplateColumn HeaderText=""操作"">
   <HeaderStyle HorizontalAlign=""Center"" Width=""50px""></HeaderStyle>
   <ItemTemplate>
    <input type=""hidden"" id=""SelectedID"" runat=""server""
    value='<%# DataBinder.Eval(Container.DataItem, ""id"")%>'/>
    <asp:CheckBox ID=""chkExport"" Runat=""server"" />
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:BoundColumn DataField=""id"" ReadOnly=""True"" HeaderText=""序号"">
   <HeaderStyle Width=""50px""></HeaderStyle>
  </asp:BoundColumn>
  <asp:TemplateColumn SortExpression=""demo"" HeaderText=""标题"">
   <ItemTemplate>
    <asp:Label Text='<%# Server.HtmlEncode((string)DataBinder.Eval(Container.DataItem, ""Title""))%>'
     runat=""server"" Width=""80%"" ID=""lblColumn"" />
   </ItemTemplate>
  </asp:TemplateColumn>
 </Columns>
</asp:DataGrid>
<asp:Button id=""cmdSelectAll"" runat=""server"" Text=""全部选中""></asp:Button>
<asp:Button id=""cmdFindSelected"" runat=""server"" Text=""查看选中的项目""></asp:Button>
<br>
<asp:Label id=""Label1"" runat=""server""></asp:Label>
<hr>
<asp:Label id=""Label2"" runat=""server""></asp:Label>
</form>
</body>
</HTML>

DataGridCheckBox.aspx.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Data.OleDb;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace eMeng.Exam.DataGridCheckBox
{
 /// <summary>
 /// DataGridCheckBox 的摘要说明。
 /// 【孟宪会之精彩世界】
 /// </summary>
 public class DataGridCheckBox : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.Button cmdSelectAll;
  protected System.Web.UI.WebControls.Button cmdFindSelected;
  protected System.Web.UI.WebControls.DataGrid dgMain;
  protected System.Web.UI.WebControls.Label Label1;
  protected System.Web.UI.WebControls.Label Label2;
  DataView oDataView;
  string sConnectionString = ""Provider=Microsoft.Jet.OLEDB.4.0;Data Source=""
  + HttpContext.Current.Server.MapPath(""../../aspxWeb.mdb.ascx"");
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   dgMain.Columns[0].HeaderText = ""选项"";
   dgMain.Columns[1].HeaderText = ""序号"";
   dgMain.Columns[2].HeaderText = ""标题"";
   cmdFindSelected.Text = ""查看选中的项目"";
   RefreshGrid();
   if( !this.IsPostBack)
   {
    cmdSelectAll.Text = ""全部选中"";
    dgMain.DataBind();
   }
  }
 #region Web Form Designer generated code
 override protected void OnInit(EventArgs e)
 {
  //
  // CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。
  //
  InitializeComponent();
  base.OnInit(e);
 }

 /// <summary>
 /// 设计器支持所需的方法 - 不要使用代码编辑器修改
 /// 此方法的内容。
 /// </summary>
 private void InitializeComponent()
 {   
  this.cmdSelectAll.Click += new System.EventHandler(this.cmdSelectAll_Click);
  this.cmdFindSelected.Click += new System.EventHandler(this.cmdFindSelected_Click);
  this.Load += new System.EventHandler(this.Page_Load);

 }
 #endregion

  private void cmdSelectAll_Click(object sender, System.EventArgs e)
  {
   selectAll();
  }

  private void selectAll()
  {
   System.Web.UI.WebControls.CheckBox chkExport ;
   if( cmdSelectAll.Text == ""全部选中"")
   {
    foreach(DataGridItem oDataGridItem in dgMain.Items)
    {
     chkExport = (CheckBox)oDataGridItem.FindControl(""chkExport"");
     chkExport.Checked = true;
    }
    cmdSelectAll.Text = ""全部不选"";
   }
   else
   {
    foreach(DataGridItem oDataGridItem in dgMain.Items)
    {
     chkExport = (CheckBox)oDataGridItem.FindControl(""chkExport"");
     chkExport.Checked = false;
    }
    cmdSelectAll.Text = ""全部选中"";
   }
  }

  private void RefreshGrid()
  {
   OleDbConnection oConnection;
   OleDbDataAdapter oCommand ;
   DataSet oDataSet = new DataSet();
   try
   {
    string sSQL = ""Select top 10 * from Document order by CreateDate DESC"";
    oConnection = new OleDbConnection(sConnectionString);
    oCommand = new OleDbDataAdapter(sSQL.ToString(), oConnection);
    oCommand.Fill(oDataSet, ""Document"");
    oDataView = new DataView(oDataSet.Tables[""Document""]);
    dgMain.DataSource = oDataView;
    oConnection.Close();
   }
   catch(Exception ex)
   {
    Label1.Text = ex.Message.ToString();
   }
  }

  private void cmdFindSelected_Click(object sender, System.EventArgs e)
  {
   System.Web.UI.WebControls.CheckBox chkExport;
   System.Collections.ArrayList oExArgs = new System.Collections.ArrayList();
   string sID;
   Label1.Text = """";
   Label2.Text = """";
   foreach(DataGridItem oDataGridItem in dgMain.Items)
   {
      chkExport = (CheckBox)oDataGridItem.FindControl(""chkExport"");
      if( chkExport.Checked)
      {
         //如果要进行删除，可以在这里构造sql语句进行删除
         string sql = ""DELETE FROM Document WHERE id =""
            + ((HtmlInputHidden)oDataGridItem.FindControl(""SelectedID"")).Value;
         Label2.Text += ""<li>"" + sql;
         sID = ((HtmlInputHidden)oDataGridItem.FindControl(""SelectedID"")).Value;
         oExArgs.Add(sID);
         int i = 0;
         Label1.Text = """";
         for( i = 0;i<oExArgs.Count;i++)
         {
            Label1.Text += oExArgs[i] + ""<br>"";
         }
      }
   }
   Label2.Text += ""<br><font color=red>执行SQL语句即可删除，这里省略。</font>"";
  }
 }
}

dengenming
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
拓展05-datagrid多行同时删除功能
vivid9527的博客
12-13 229
1、效果图 2、getChecked 与getSelected 方法 getChecked none 在复选框呗选中的时候返回所有行。（该方法自1.3版开始可用） getSelected none 返回第一个被选中的行或如果没有选中的行则返回null。 3、/employee/index.jsp 设置属性 4、employee.js 多选删除另写了一个方法，保留了单选删除的delete方...
easyui datagrid 删除多行操作
12-19
easyui datagrid 删除多行操作时会出现异常，该方法可以直接加载一次数据，避免该问题的发生
我在DataGrid中加入了一列checkbox用来控制删除多行
weixin_30588729的博客
12-30 87
我在DataGrid中加入了一列checkbox用来控制删除多行可是发现了一个问题,就是假如我的分页为每页3行当我把一页的所有记录行全部删除时,会出现当前索引错误我想如果全部删除1.后面没有记录跳到前一个页面 2.后面有记录自动显示后面的记录本文介绍如何在ASP.NET中实现多页面选择的问题。其具体思路很简单：用隐藏的INPUT记住每次选择的项目，在进行数据绑定时，检...
在DataGrid中选中多行数据并删除
weixin_30631587的博客
02-17 225
今天研究了下在DataGrid中选中多行数据并删除的实现，用了些笨方法，还请高手指教 MainWindow 1 public partial class MainWindow : Window 2 { 3 public ObservableCollection<Albums> obserAll = new ObservableCollec...
Easyui笔记2：实现datagrid多行删除
因特马
01-14 1269
如何实现datagrid多行删除？deleteRow，getChecked和getRowIndex配合使用
datagrid控件中添加checkbox控件列
johncools的博客
03-17 2607
为DataGrid空间添加CheckBox控件列，首先需要为DataGrid控件添加一模版列，然后向模版列中添加CheckBox控件在System.Web.UI.WebControls命名空间中有一个DataGridItem类，用来表示DataGrid控件中的项。在该类中有一个FindControl方法，用来在当前的命名容器中搜索指定id参数的服务器控件，其使用方法如下：public
Easyui笔记2：实现datagrid多行删除的示例代码
11-26
以上就是实现EasyUI Datagrid多行删除功能的关键步骤。通过正确使用`getChecked`、`getRowIndex`和`deleteRow`，我们可以避免因删除操作导致的索引错乱问题，确保用户可以准确地删除所选行。同时，确保在HTML结构和...
Data_Disp.rar_datagrid_多行显示
09-22
两个VC++的DataDisp操作实例，其中一个实例演示操作DATAGRid控件的宽度、百分数显示、多行显示、设置背景色和前景色以及文本的对齐方式，另一个则通过一个简单的通讯录程序演示一些常规的数据添加、删除、修改的方法...
vs2003用CheckBox实现DataGrid的多行删除源码.rar
11-19
以上就是VS2003环境下，使用CheckBox实现DataGrid多行删除功能的技术细节。这个功能在处理大量数据时非常有用，提高了用户操作的效率。通过深入理解并应用这些原理，开发者可以扩展到其他版本的Visual Studio和更...
datagrid之新增删除以及批量删除
qq_54936371的博客
09-16 494
一、新增（结合上节） 思路： ①添加一个新增按钮 ②添加事件弹出窗口 ③提交表单 ④关闭窗体，刷新数据表格 解决： ①新增按钮 <a id="btn-add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">新增</a> ②绑定事件 //新增点击事件 $('#btn-add').click(function() { //清空...
datagrid 之批量删除
qq_59025975的博客
09-16 656
一、批量删除 1、增加批量删除按钮 <a id="btn-batchDel" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">批量删除</a> 2、增加复选框；设置复选框的列 $('#dg').datagrid({ url:$("#ctx").val()+'/book.action?methodName=datagrid', p...
EasyUI(6) 实现datagrid多行删除功能
郑清
12-05 2686
效果图： F12浏览器查看执行信息： html页面：singleSelect:false,checkOnSelect: true js：(温馨小提示：注意根据自己实现删除的方法去调用哦~ 我的多行删除在delete里面) $(function () { var datagrid = $('#dataGrid'); //数据展示 //为所有有data...
Datagrid的deleteRow多行移除问题
孙琛斌的专栏
04-28 7412
原因： deleteRow删除行以后会去调opts.view.deleteRow.call(opts.view,_4d2,_4d3);刷新页面上的行的index，index会发生改变；你原来rows的数据也会发生改变。 解决：  使用一个数组selectRows保存要删除的行，然后循环数组中的行进行删除。                             var selectio
easyui datagrid没有ID情况下,easyui datagrid 删除行信息方法
09-18 293
在datagrid中直接将index传给easyui自带的deletRow方法来删除当前点击行，一开始并没有问题，但是当连续删除的时候就或出问题了。 原因是datagrid行是根据datagrid-row-index和datagrid-row-r1-x-x来定位行的，如果一开始就将该行的index作为参数传给deleteRow方法，每行的index是固定了的，其他行的index并不会随...
easyui---可编辑的同时，实现多行删除
皇室紫宸的博客
01-21 1459
html div title="表"> table class="easyui-datagrid" id="biao"> thead> tr> th data-options="field:'sort',width:50,align:'center',editor:{type:'text'}">序号th>
DataGrid 中使用 复选框(CheckBox) 删除纪录
weixin_30273931的博客
11-21 96
实现效果如图,点击删除后删除所选纪录 在DataGrid中加入模板列加入Label用以表示该纪录编号(id) 然后再用模板列制作删除列 插入复选框 checkbox 删除按钮的代码如下: publicvoidbtnDel_Click(objectsender,EventArgse) { //要删除的id号 ...
easyui正确删除行的操作
qq_23490959的博客
10-27 8029
{ title : '操作', field : 'caozuo', width : '9%', align : 'left', resizable : true, sortable : false, formatter: function(value, row, index) {
easyui Datagrid的deleteRow多行删除问题
u012941162的专栏
04-28 1867
一开始用插入一个字段的方法，发现没用： function removeit(){ var objs = $('#dg').datagrid('getChecked'); for(var i=0;i $('#dg').datagrid('deleteRow',objs[i].num); } editIndex = undefined;  } 因为每删除一行，行号都会变化。比如：一
EasyUI datagrid 修改多行保存
最新发布
07-11
要在EasyUI datagrid中修改多行并保存更改，您可以按照以下步骤进行操作： 1. 在EasyUI datagrid中选择要修改的行。您可以通过单击行或使用复选框选择多行。 2. 在用户进行修改后，将所做的更改保存到一个数组或对象中。 3. 创建一个保存按钮，当用户点击保存按钮时，触发保存操作。 4. 在保存操作中，将所做的更改发送到服务器端进行处理。您可以使用Ajax请求将更改数据发送到服务器。 5. 在服务器端，处理接收到的更改数据。根据您的需求和后端技术，您可以使用数据库更新语句来更新数据或执行其他必要的操作。 6. 在服务器端处理完成后，返回响应给前端，指示保存操作是否成功。 7. 在前端根据服务器返回的响应，显示相应的提示信息给用户，以指示保存操作是否成功。 请注意，以上步骤是一个通用的流程示例。具体实现可能因您的业务需求和技术栈而有所不同。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值