在分页状态下删除纪录的问题

在分页状态下删除纪录的问题


        在使用DataGrid分页的时候,正常情况下,绑定数据库列表纪录时会自动产生分页的效果,然而我发觉在删除纪录的时候总会发生"无效的 CurrentPageIndex 值。它必须大于等于 0 且小于 PageCount。"的异常,其实解决这个问题很简单,我们要做的就是在DataGrid1_DeleteCommand事件中判断CurrentPageIndex的值,并根据不同的结果来绑定DataGrid。

 //检索数据库的函数
  public DataSet GetZcbd()
  {
   try
   {
    DataSet ds=new DataSet();  
    string searchString="select id,yy,bj from zc";
    da=new OleDbDataAdapter(searchString,conn);
    da.Fill(ds,"yy");   
    return ds;
   }
   catch
   {
    return null;   
   } 
           
  }


 //绑定DataGrid  
private void BindGrid()
  {
   DataSet ds = new DataSet();
   ds = us.GetZcbd();
   if (ds!=null)
   {
    this.DataGrid1.DataSource = ds;
    this.DataGrid1.DataBind();
   }
   else
   {
    msg.Alert("加载数据错误!",Page);
   }
  }

//删除数据库纪录函数
  public string DeleteZcbd(int bdID)
  {

   int count = this.IfExiseZysx(bdID);//不必理会次句,默认count=1
   if (count <= 0) return "false";
   else
   {
    string sqlStr = "delete from zcwhere id="+bdID;
    OleDbCommand cmd = new OleDbCommand(sqlStr,conn);

    conn.Open();

    try
    {
     cmd.ExecuteNonQuery();
     return "true";
    }
    catch(Exception e)
    {
     return e.Message.ToString();
    }
    finally
    {
     conn.Close();
    }      
   }
  }


// DataGrid1_DeleteCommand事件修改函数 
private void DataGrid1_DeleteCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
  {
   int bdID = int.Parse(DataGrid1.DataKeys[(int)e.Item.ItemIndex].ToString());
   string isDel = us.DeleteZcbd(bdID);
   int CurrentPage = 0;
   if (isDel == "true")
   {
    if(this.DataGrid1.CurrentPageIndex == this.DataGrid1.PageCount -1)
    {
   if (this.DataGrid1.CurrentPageIndex == 0)
    {
     this.DataGrid1.CurrentPageIndex = this.DataGrid1.PageCount -1;
    }
    else
    {
     if (this.DataGrid1.Items.Count % this.DataGrid1.PageSize == 1)
     {
      CurrentPage = 2;
     }
     else
     {
      CurrentPage = 1;
     }
     this.DataGrid1.CurrentPageIndex = this.DataGrid1.PageCount - CurrentPage;
    }
   }
    this.BindGrid();
   }
   else
   {
       msg.Alert("删除数据错误!",Page);
   }
 
  }


ATR:www.cnblogs.com/hbzxf 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个基本的示例代码,可以实现antd表格列可选择、分页查询调接口、多选状态提交记录的功能。具体实现可以根据自己的需求进行修改和调整。 ```jsx import React, { useState } from 'react'; import { Table, Button } from 'antd'; import axios from 'axios'; const columns = [ { title: '姓名', dataIndex: 'name', key: 'name', }, { title: '年龄', dataIndex: 'age', key: 'age', }, { title: '性别', dataIndex: 'gender', key: 'gender', }, ]; const DataList = () => { const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [data, setData] = useState([]); const [loading, setLoading] = useState(false); const [pagination, setPagination] = useState({ current: 1, pageSize: 10, total: 0, }); const fetchData = () => { setLoading(true); axios.get('/api/data', { params: { page: pagination.current, pageSize: pagination.pageSize, }, }).then(res => { setData(res.data.list); setPagination({ ...pagination, total: res.data.total, }); setLoading(false); }).catch(err => { setLoading(false); }); }; const handleTableChange = (pagination) => { setPagination(pagination); fetchData(); }; const handleSelectChange = (selectedRowKeys) => { setSelectedRowKeys(selectedRowKeys); }; const handleDelete = () => { axios.post('/api/delete', { ids: selectedRowKeys, }).then(res => { setSelectedRowKeys([]); fetchData(); }).catch(err => { // }); }; const rowSelection = { selectedRowKeys, onChange: handleSelectChange, }; return ( <> <div style={{ marginBottom: 16 }}> <Button type="primary" onClick={handleDelete} disabled={selectedRowKeys.length === 0}>删除</Button> <span style={{ marginLeft: 8 }}>{`已选择 ${selectedRowKeys.length} 项`}</span> </div> <Table rowKey="id" rowSelection={rowSelection} columns={columns} dataSource={data} pagination={pagination} loading={loading} onChange={handleTableChange} /> </> ); }; export default DataList; ``` 在上面的代码中,我们首先定义了表格的列配置,包括姓名、年龄、性别等列。然后,在组件中定义了一些状态变量,包括选择的行、数据列表、加载状态分页信息等。 在组件挂载完成后,我们调用了 `fetchData` 方法来获取第一页的数据,并更新数据列表和分页信息。然后,在表格中使用了 `rowSelection` 属性来启用多选功能,并绑定了 `handleSelectChange` 方法来处理选择的行。我们还在表格的顶部添加了一个删除按钮,点击按钮时将调用 `handleDelete` 方法,该方法将已选择的记录的 ID 提交到后台进行删除操作,并在删除成功后更新数据列表。 最后,我们将表格渲染到组件中,并将数据分页信息、加载状态、选择的行、表格列配置等属性传递给表格组件。在表格组件中,我们还绑定了 `handleTableChange` 方法来处理分页信息的变化,当用户切换分页时,将重新获取对应页码的数据,并更新数据列表和分页信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值