js获取gridview模板列中textbox行列的值
下面一个例子:在gridview中第一列输入数值,第二列输入数值,点击第三列的时候进行计算 求和,如果不符合标记为红色字体。
如图:
代码 :
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title></title>
- <script type="text/javascript">
- function setClf(con) {
- var table = document.getElementById("GridView1");
- var tr = table.getElementsByTagName("tr");
- //获取鼠标点击的元素
- var e = event.srcElement;
- //获取元素所在的行的行号(表头行号从0开始)。注意:parentElement只适用于IE浏览器,而parentNode则符合DOM标准。
- //var rowIndex=e.parentElement.parentElement.rowIndex ;
- var i = e.parentNode.parentNode.rowIndex; //获取GridView控件 分别获取选定行指定列的值
- var a, b,c;
- a = parseFloat(tr[i].getElementsByTagName("td")[].getElementsByTagName("input")[].value);
- b = parseFloat(tr[i].getElementsByTagName("td")[].getElementsByTagName("input")[].value);
- //上面为获取gridview中textbox的,如果为lable则如下写法
- // b = parseFloat(tr[i].getElementsByTagName("td")[1].getElementsByTagName("span")[0].innerText);
- sum1 = a+b; //计算方法改变
- c = parseFloat(tr[i].getElementsByTagName("td")[].getElementsByTagName("input")[].value);
- if (sum1 != c) {
- con.style.color = "Red";
- }
- else con.style.color = "black";
- }
- </script>
- </head>
- <body>
- <form id="form1" runat="server">
- <div>
- <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding=""
- Width="100%" BackColor="White" BorderStyle="Solid" BorderWidth="1px" O>
- <Columns>
- <asp:TemplateField HeaderText="数据1">
- <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
- <ItemTemplate>
- <asp:TextBox ID="txt_bndy" runat="server" CssClass="tboxSearch_x" Width="" Height=""
- Text='<%# Eval("BNDY").ToString() %>' />
- </ItemTemplate>
- <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
- <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
- </asp:TemplateField>
- <asp:TemplateField HeaderText="数据2">
- <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
- <ItemTemplate>
- <asp:TextBox ID="txt_bndj" runat="server" CssClass="tboxSearch_x" Width="" Height=""
- Text='<%# Eval("BNDJ").ToString()%>' />
- </ItemTemplate>
- <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
- <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
- </asp:TemplateField>
- <asp:TemplateField HeaderText="求和">
- <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
- <ItemTemplate>
- <asp:TextBox ID="txt_bnlj" runat="server" CssClass="tboxSearch_x" Width="" Height=""
- Text='<%# Eval("BNLJ").ToString()%>' onBlur="setClf(this)" />
- </ItemTemplate>
- <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
- <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
- </asp:TemplateField>
- </Columns>
- <FooterStyle BackColor="#CCCC99" />
- <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
- <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
- <AlternatingRowStyle BackColor="White" />
- </asp:GridView>
- </div>
- </form>
- </body>
- </html>
后台:
- protected void Page_Load(object sender, EventArgs e)
- {
- DataTable newdtb = new DataTable();
- newdtb.Columns.Add("BNDJ");
- newdtb.Columns.Add("BNDY");
- newdtb.Columns.Add("BNLJ");
- for (int i = ; i < ; i++)
- {
- DataRow newRow = newdtb.NewRow();
- //newRow["BNDJ"] = "pro" + i.ToString();
- //newRow["BNDY"] = 12.3m;
- newdtb.Rows.Add(newRow);
- }
- GridView1.DataSource = newdtb;
- GridView1.DataBind();
- }
js获取gridview模板列中textbox行列的值的更多相关文章
- ASP.NET中获取Repeater模板列中LinkButton按钮事件中获取ID等
前台页面中: <asp:Repeater ID="repComment" runat="server"> <ItemTe ...
- wpf 获取datagrid 模板列中的控件
目前采用的 方法 (网上提供的一款) public static DataGridRow GetRow(DataGrid datagrid, int columnIndex) { ...
- WPF 中获取DataGrid 模板列中控件的对像
WPF 中获取DataGrid 模板列中控件的对像 #region 当前选定行的TextBox获得焦点 /// <summary> /// 当前选定行的TextBox获得焦点 /// &l ...
- dotNet平台模板列中的单选无效的解决方案
最近在grid里添加一个单选列,最开始直接创建一个模板列,然后在模板列里放一个radiobutton.并指定其GroupName.这是radiabutton最常用的方法.但是在Grid里,这样却毫无效 ...
- 解决无法获取 GridView 隐藏列值问题
今天遇到了一个要获取GridView隐藏列值的问题,试了好几种方法,要么获取不到,要么获取到了类列的值也隐藏了,但在样式中这一列会多出一块,,但最后找到了一个功能实现而且实现了列完美隐藏的方法和大家分 ...
- GridView模版列中设置
在GridView模版列中设置如下<asp:TemplateField HeaderText="删除"> <ItemTemplate> ...
- .NET 获取Get方式URL中的参数键值
在Web开发中,我们常常会涉及到需要获取Get方式URL中的参数键值的情况,这里简单介绍三种方法: 第一种:常用的做法有使用JavaScript获取location.href后用正则表达式匹配获取此U ...
- excel中快捷计算单一列中的所有的值
excel中快捷计算单一列中的所有的值 比如B列中所有的值 =SUM(B1:B100) 计算B列第一行到第100行的值 又学了一招 如果想统计B列所有的值 可以用 =SUM(B:B)
- Js获取Gridview中Dropdownlist选中状态
在Gridview中加入Dropdownlist模板列,加入DropDownlist 是一种常用的操作,其中涉及到如何获取选择项和Gridview重新绑定两个要点. 如图 前台代码如下 <%@ ...
随机推荐
- 关于collapsed margin(外边距合并)
这是前面写postion定位时写到最后面的例子的时候发现的一个问题,于是专门写一篇随笔来解释记录一下,毕竟两个知识点同时写在一篇文章里面有点混乱的感觉.. 上篇随笔position定位遇到的问题在这里 ...
- smartimageview使用与实现原理
一.从网络中获取图片的步骤 从网络中获取图片是一个耗时耗资源耗费用户流量的操作,故我们在第一次获取到网络中图片的时候会将其缓存到本地(内存或SD卡),以保证下次再需要这张图片时,可以从本地加载到. 二 ...
- FreeMarker与Spring MVC的结合应用
Freemarker是一种基于java的模板引擎.SpringMVC对FreeMarker进行一些配置的支持,能够利用Freemarker只关注表现层以及Spring MVC的三层分离的特点,向前端输 ...
- Subsets 子集系列问题 leetcode
子集系列问题: Coding 问题中有时会出现这样的问题:给定一个集合,求出这个集合所有的子集(所谓子集,就是包含原集合中的一部分元素的集合). 或者求出满足一定要求的子集,比如子集中元素总和为定值, ...
- 内存不足 java.lang.OutOfMemoryError: PermGen space
错误: 原因: 改成: -Xms1024m -Xmx1200m -XX:PermSize=256M
- JAVA学习博客---2015.5
上一次的学习博客写的和流水账差不多,有点生硬的和背目录一样,所以既然学习的目的是程序,那么这个月的学习博客就用程序来说点东西吧.这个月看了一些C和JAVA的视频,开始看别人写的程序,能看的懂但是自己去 ...
- 【概念笔记】JAVA基础 - part2
IT`huhiu前言录 这是续JAVA基础 - part1 链接http://www.cnblogs.com/ithuhui/p/5922067.html的. 笔记慢慢在修改和补充 JAVA里面重要的 ...
- ASP.NET MVC学习之模型验证篇
一.学习前的一句话 在这里要先感谢那些能够点开我随笔的博友们.慢慢的已经在博客园中度过一年半了,伊始只是将博客园作为自己学习的记录本一样使用,也不敢将自己的随笔发表到博客园首页,生怕自己的技艺不高,反 ...
- 实际遭遇并解决:类型“ASP.global_asax”同时存在的问题
将一个ASP.NET项目由预编译方式改为动态编译方式时,删除了bin文件夹中所有扩展名为.compiled文件以及文件名以App_Web_开头的文件. 访问却出现下面的错误: System.Web.H ...
- 动手写一个Remoting接口测试工具(附源码下载)
基于.NET开发分布式系统,经常用到Remoting技术.在测试驱动开发流行的今天,如果针对分布式系统中的每个Remoting接口的每个方法都要写详细的测试脚本,无疑非常浪费时间.所以,我想写一个能自 ...