DataGrid全编辑

最新推荐文章于 2024-05-03 11:47:20 发布
最新推荐文章于 2024-05-03 11:47:20 发布
阅读量978 收藏
点赞数
文章标签： datagrid textbox asp javascript server button

DataGrid全编辑.

好可怜哦.我在csdn上发表的关于DataGrid全编辑帖子不见了.
首先说明的是,我的思路参考自msdn中文网站的技术顾问陈敬希在webcast上的datalist全编辑.由于平时我自己用得比较多的是DataGrid,所以就想能不能实现DataGrid全编辑.
试验的时候想着肯定是可以实现的,只不过容不容易的问题.在不断尝试下终于搞掂了.很开心.然后就发表在csdn上跟大家分享.可惜这个帖子现在不在了.

<asp:checkbox id="cbGoal" Text="进球" runat="server" ForeColor="White" Checked="True"></asp:checkbox><asp:button id="btnUpdate" Text="更新比分" runat="server"></asp:button><asp:listbox id="lbSelect" runat="server" Rows="1">
 <asp:ListItem Value="显示">后台显示所有比分</asp:ListItem>
 <asp:ListItem Value="后台" Selected="True">后台显示所选 比分</asp:ListItem>
 <asp:ListItem Value="1">前台显示所选比分</asp:ListItem>
 <asp:ListItem Value="0">前台隐藏所选比分</asp:ListItem>
 <asp:ListItem Value="删除">删除所选比分</asp:ListItem>
</asp:listbox><asp:button id="btnSubmit" Text="确定" runat="server"></asp:button><asp:listbox id="lbSelectMatchstate" runat="server" Rows="1">
 <asp:ListItem Value="上">上半场所选比分</asp:ListItem>
 <asp:ListItem Value="半">半场所选比分</asp:ListItem>
 <asp:ListItem Value="下">下半场所选比分</asp:ListItem>
 <asp:ListItem Value="完">完场所选比分</asp:ListItem>
</asp:listbox><asp:button id="btnSure" Text="确定" runat="server"></asp:button><asp:button id="btnSort" Text="前台排序" runat="server" Width="88px"></asp:button><asp:datagrid id="liveScoresGrid" runat="server" DataKeyField="MatchID" BorderColor="#000000"
 ItemStyle-ForeColor="#336699" ItemStyle-Height="25" AutoGenerateColumns="False" ForeColor="#003366" BackColor="#336699" ItemStyle-BackColor="#336699">
 <Columns>
  <asp:TemplateColumn>
   <HeaderTemplate>
    <asp:CheckBox id="chkAllServer" runat="server" AutoPostBack="True"></asp:CheckBox>
   </HeaderTemplate>
   <ItemTemplate>
    <asp:CheckBox id="chkMatchID" runat="server" AutoPostBack="False"></asp:CheckBox>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="联赛">
   <HeaderStyle Wrap="False"></HeaderStyle>
   <ItemStyle BackColor="#336699" Wrap="False"></ItemStyle>
   <ItemTemplate>
    <asp:textbox runat="server" Id="ShortLeagueName" BackColor="#99ccff" size=5 Text='<%# DataBinder.Eval(Container,"DataItem.ShortLeagueName")%>'/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="时间">
   <HeaderStyle Wrap="False"></HeaderStyle>
   <ItemStyle BackColor="#336699" Wrap="False"></ItemStyle>
   <ItemTemplate>
    <asp:textbox runat="server" Id="MatchTime" BackColor="#99ccff" size=5 Text='<%# DataBinder.Eval(Container,"DataItem.MatchTime")%>' οnchange="javascript:this.parentElement.parentElement.cells(0).children(0).checked=true;"/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="对赛队伍">
   <HeaderStyle Wrap="False"></HeaderStyle>
   <ItemStyle BackColor="#336699" Wrap="False"></ItemStyle>
   <ItemTemplate>
    <asp:textbox runat="server" Id="HostName" BackColor="#99ccff" size=5 Text='<%# DataBinder.Eval(Container,"DataItem.HostName")%>' οnchange="javascript:this.parentElement.parentElement.cells(0).children(0).checked=true;"/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="比分">
   <HeaderStyle Wrap="False"></HeaderStyle>
   <ItemStyle BackColor="#336699" Wrap="False"></ItemStyle>
   <ItemTemplate>
    <asp:textbox runat="server" Id="MatchScores" ForeColor="#ff0033" BackColor="#99ccff" size=5 Text='<%# DataBinder.Eval(Container,"DataItem.MatchScores")%>' οnchange="javascript:this.parentElement.parentElement.cells(0).children(0).checked=true;"/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="对赛队伍">
   <HeaderStyle Wrap="False"></HeaderStyle>
   <ItemStyle BackColor="#336699" Wrap="False"></ItemStyle>
   <ItemTemplate>
    <asp:textbox runat="server" Id="CustomerName" BackColor="#99ccff" size=5 Text='<%# DataBinder.Eval(Container,"DataItem.CustomerName")%>' οnchange="javascript:this.parentElement.parentElement.cells(0).children(0).checked=true;"/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="半场">
   <HeaderStyle Wrap="False"></HeaderStyle>
   <ItemStyle BackColor="#336699" Wrap="False"></ItemStyle>
   <ItemTemplate>
    <asp:TextBox id=HalfScores runat="server" ForeColor="#ff0033" BackColor="#99ccff" Text='<%# DataBinder.Eval(Container, "DataItem.HalfScores") %>' size=5 οnchange="javascript:this.parentElement.parentElement.cells(0).children(0).checked=true;"/>
    </asp:TextBox>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="日期">
   <HeaderStyle Wrap="False"></HeaderStyle>
   <ItemStyle BackColor="#336699" Wrap="False"></ItemStyle>
   <ItemTemplate>
    <asp:textbox runat="server" Id="MatchDate" BackColor="#99ccff" size=10 Text='<%# DataBinder.Eval(Container,"DataItem.StartTime")%>' οnchange="javascript:this.parentElement.parentElement.cells(0).children(0).checked=true;"/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="主红数">
   <HeaderStyle Wrap="False"></HeaderStyle>
   <ItemStyle BackColor="#336699" Wrap="False"></ItemStyle>
   <ItemTemplate>
    <asp:textbox runat="server" Id="HostRedCardNum" ForeColor="#ff0033" BackColor="#99ccff" size=3 Text='<%# DataBinder.Eval(Container,"DataItem.HostRedCardNum")%>' οnchange="javascript:this.parentElement.parentElement.cells(0).children(0).checked=true;"/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="客红数">
   <HeaderStyle Wrap="False"></HeaderStyle>
   <ItemStyle BackColor="#336699" Wrap="False"></ItemStyle>
   <ItemTemplate>
    <asp:textbox runat="server" Id="CustomerRedCardNum" ForeColor="#ff0033" BackColor="#99ccff" size=3 Text='<%# DataBinder.Eval(Container,"DataItem.CustomerRedCardNum")%>' οnchange="javascript:this.parentElement.parentElement.cells(0).children(0).checked=true;"/>
   </ItemTemplate>
  </asp:TemplateColumn>
 </Columns>
</asp:datagrid>

关键代码:
private void btnUpdate_Click(object sender, System.EventArgs e)
  {
   DataAccess.DB db=new DataAccess.DB();
   foreach (DataGridItem i in this.liveScoresGrid.Items)
   {

    CheckBox cb = (CheckBox)i.FindControl("chkMatchID");

    if(cb.Checked)
    {
     BusinessRules.LiveScores liveScores=new BusinessRules.LiveScores();
     liveScores.matchID=Convert.ToInt32(liveScoresGrid.DataKeys[i.DataSetIndex]);
     liveScores.shortLeagueName=((TextBox)i.FindControl("ShortLeagueName")).Text;
     liveScores.matchTime=((TextBox)i.FindControl("MatchTime")).Text;
     liveScores.hostName=((TextBox)i.FindControl("HostName")).Text;
     liveScores.matchScores=((TextBox)i.FindControl("MatchScores")).Text;
     liveScores.customerName=((TextBox)i.FindControl("CustomerName")).Text;
     liveScores.halfScores=((TextBox)i.FindControl("HalfScores")).Text;
     liveScores.startTime=Convert.ToDateTime(((TextBox)i.FindControl("MatchDate")).Text);
     liveScores.hostRedCardNum=Convert.ToInt32(((TextBox)i.FindControl("HostRedCardNum")).Text);
     liveScores.customerRedCardNum=Convert.ToInt32(((TextBox)i.FindControl("CustomerRedCardNum")).Text);
     if(cbGoal.Checked)
     {
      string sql="EXEC UpdateLiveScores_Goal ";
      sql+=liveScoresGrid.DataKeys[i.DataSetIndex].ToString();
      sql+=","+1;
      db.ExeQuery(sql);
       
      
     }
     else
     {
      string sql="EXEC UpdateLiveScores_Goal ";
      sql+=liveScoresGrid.DataKeys[i.DataSetIndex].ToString();
      sql+=","+0;
      db.ExeQuery(sql);
      
     }
     liveScores.UpdateScores();
     cb.Checked=false;
    }
    
                
   }
    Response.Write("<script language='javascript'>window.open('UpdateLiveScores.htm','update','height=400,width=400');</script>");
  }

最重要的是这句:οnchange="javascript:this.parentElement.parentElement.cells(0).children(0).checked=true;"
源代码提供下载:http://www.kakai-info.com/web/alledit.rar

posted on 2004-06-06 23:11 狮子洋 阅读(2196) 评论(18)  编辑 收藏 收藏至365Key

# re: DataGrid全编辑.  回复   

this 代表的是textbox
this.parentElement 代表的是 textbox 所在的单元格
this.parentElement.parentElement代表的是单元格所在的行
this.parentElement.parentElement.cells(0).children(0)代表的是checkbox
#  这个onChange 事件, 在我那不起作用? 不知为什么   回复   
patann
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
EasyUI中的dataGrid的行内编辑
08-30
主要介绍了EasyUI中的dataGrid的行内编辑的实现代码，非常不错，具有参考借鉴价值,需要的朋友可以参考下
datagrid的批量编辑问题
我的博客
12-27 1688
试了下datagrid的批量编辑，呵呵，以前没有这种需求。。1、默认的行编辑模式时，不可能一次打开多行编辑模式（默认编辑模式）；2、多行编辑实现方法：2-1：客户端js，功能太强大了，实现这，小菜一碟（但是编码量和余下方法相比---巨大，尤其批量更新、翻页时）2-2：在EditCommand方法里，不象常规做法对EditItemIndex属性赋值，而是加入自己的一套：例如，马上往欲编辑的多行里每列
Jquery easyui从零单排之datagrid整表编辑保存到数据库
yangmingxing980的专栏
02-29 7036
最近一直在利用空余时间，对Jquery EasyUI进行学习。前几篇都是在讲datagrid，今天这篇还是讲它的，是对datagrid进行编辑，然后把新数据全部保存到数据库的问题。 这个地方还是花了好长的时间，主要是在前台把循环读取datagrid的数据转换为json数据，以及json传递问题。 先在前台添加datagrid，这个在这里就不用再复述了。 Start
DataGrid操作的一些总结
weixin_30338481的博客
03-28 91
1.DataGrid动态绑定字段有时候我们会遇到在DataGrid中动态绑定某个字段的情况,比如:当显示中文时我们绑定cname,显示英文时我们要绑定ename,此时我们可以这样:ButtonColumn:if (language == "cn")((ButtonColumn)this.DataGrid1.Columns[3]).DataTextField = "cname"...
easyui DataGrid动态编辑
04-10
NULL 博文链接：https://168zsj.iteye.com/blog/1659609
Wince下DataGrid编辑
06-17
WinForm下的智能设备wince手动编辑DataGrid控件
wpf DataGrid 实现单击单元格进入编辑状态
03-06
该代码示例实现了在wpf中，单击DataGrid单元格进入编辑状态（DataGridCheckBoxColumn 单击切换选中状态）的功能。
在datagridview中添加button按钮
热门推荐
Brooks Lv
04-05 3万+
前言： .Net的DataGridView控件中，提供了一种列的类型，叫 DataGridViewButtonColumn ，这种列类型是展示为一个 按钮，可以给button赋予相应的text，并且，此button可以用来做处理事件的判断依据。 DataGridViewButtonColumn，虽然在UI展现上，是一个BUTTON的样子，但是，它的实际形态，并不是传统意义的BUTTON，而是渲...
在datagrid上方添加按钮
CSDN19970806的博客
07-18 2187
首先看一下效果图看看是不是大家想要的效果 上方的添加、删除、修改等按钮都是为了业务需求加上去的。那么给大家介绍一下如何去使用这些组件。其实这些按钮都属于toolbar里面的。这些toolbar记得要写在你的columns后面，toolbar也是datagrid中的属性，官方上面并没有介绍，只不过它确定是存在的，这个不用惊奇。 { title:"编辑", field:'id...
在datagrid中加按钮或标签、设置样式
qq_42694534的博客
10-25 2829
1.EasyUi datagrid中加按钮 效果： 代码如下： {title: "用户权限",field: 'file', width: '20%', formatter:function(value,row,index){ return "&lt;a href='javascript:void(0);' onclick='ann();'&gt;用户权限&lt...
可编辑的 DataGrid 实例
weixin_33737134的博客
05-12 81
数据库在文件中名为jsp &lt;%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="aspnet1.WebForm2" %&gt; &lt;HTML&gt;  &lt;HEAD&gt;  &lt;/HEAD&gt;  &lt
Datagrid行可编辑，展开详细信息可编辑
u011487710的博客
02-21 885
Datagrid行可编辑，展开详细信息可编辑 第一次写博客，大神不吝赐教。 一般情况下，datagrid的详细信息都是固定的，或者是从数据库直接查找的，本文是针对数据列表的详细信息可编辑的，还有很多瑕疵。 datagrid的行信息的校验（单元格的编辑，单元格内容内容） datagrid的行与详细信息的匹配 详细信息的的校验（单元格的编辑，单元格内容内容） 行编辑与详细信息编辑之间的冲
Easyui datagrid 多行编辑
zhouminfangbdqn的博客
05-24 3811
// 初始化数据列表 function initDatagrid() { $('#dg').datagrid({ loadMsg: '数据加载中请稍后……', striped: true, url: '/api/Attendance', sortName: 'ID', ...
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。
最新发布
XING的博客
05-03 533
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。采用M（model）V（view）C（controller）三层体系结构，通过。
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 812
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
element-ui的bug记录
nick_zhang的博客
04-29 393
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
jeecg datagrid单元格编辑
06-08
在 JeeCG 中，Datagrid 组件支持单元格编辑。你可以通过以下步骤实现： 1. 在 Datagrid 标签中添加 editable 属性并设置为 true。 ```html <datagrid editable="true" ...> ``` 2. 在 Datagrid 中定义需要编辑的列，使用 editor 属性指定编辑器类型。 ```html <column field="name" title="姓名" width="100" editor="{type:'text'}"></column> <column field="age" title="年龄" width="100" editor="{type:'numberbox',options:{precision:0}}"></column> <column field="address" title="地址" width="200" editor="{type:'textbox',options:{multiline:true}}"></column> ``` 3. 在 Datagrid 上注册编辑事件，处理单元格编辑后的逻辑。 ```javascript $('#datagrid').datagrid({ onAfterEdit: function(index,row,changes){ // 处理编辑完成后的逻辑 } }); ``` 以上就是 JeeCG Datagrid 单元格编辑的基本实现方式，你可以根据实际需求进行调整和扩展。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值