Js获取Gridview中Dropdownlist选中状态

在Gridview中加入Dropdownlist模板列，加入DropDownlist 是一种常用的操作，其中涉及到如何获取选择项和Gridview重新绑定两个要点。

如图

前台代码如下

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head id="Head1" runat="server">

     <title></title>

     <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>

     <script language="javascript" type="text/javascript">

         function vary() {

             var table = document.getElementById("<%=grv1.ClientID %>");

             var finished = 1;

             for (var i = 1; i < table.rows.length; i++) {

                 var filled = table.rows[i].cells[1].getElementsByTagName("select")[0].value;

                 if (filled == 0) { finished = 0; break; }

             }

             if (finished == 0) { alert("Self Not finished"); return false; }

             else return true;

         }

         function vary2() {

             var finished = 1;

             var selects = document.getElementsByTagName("select");

             if (selects.length > 0)

                 for (var i = 0; i < selects.length; i++) {

                  if (selects[i].id.indexOf("ddlself", 0) > 0)

                     {

                         if (selects[i].value == 0)

                         { finished = 0; break; }

                  }

                 }

             if (finished == 0) { alert("Not finished!"); return false; }

             else return true;

         }

         function vary3() {

             var finish = 1;

             $('table[id$=grv1]').find('tr').each(function (row) {

                 $ddl = $(this).find('select');

                 if ($ddl != "undefined") {

                     var d = $ddl.val();

                     if (d == 0) { finish = 0; }

                 }

             });

             if (finish == 0) { alert("Not finished!"); return false; }

             else return true;

         }

         function test() {

             var select = document.getElementById("ddl");

             if (select.value == 0) { alert("not finished"); return false; }

             else return true;

         }

         // $(document).ready(function(){$("input[id$=btnSave]").click(function(){vary3();});})

     </script>

 </head>

 <body>

     <form id="form1" runat="server">

     <div>

     <table width="100%"><tr >

     <td width="50%" align="center"><asp:gridview ID="grv1" runat="server"

             GridColor="Black" AutoGenerateColumns="False"

             onprerender="grv1_PreRender" >

         <Columns>

             <asp:BoundField HeaderText="Comments" DataField="Name" />

             <asp:TemplateField HeaderText="Self">

                 <ItemTemplate>

                     <asp:DropDownList ID="ddlself" runat="server">

                     <asp:ListItem Value="0" Text="N/A"></asp:ListItem>

                       <asp:ListItem Value="1" Text="1"></asp:ListItem>

                       <asp:ListItem Value="2" Text="2"></asp:ListItem>

                       <asp:ListItem Value="3" Text="3"></asp:ListItem>

                       <asp:ListItem Value="4" Text="4"></asp:ListItem>

                       <asp:ListItem Value="5" Text="5"></asp:ListItem>

                     </asp:DropDownList>

                 </ItemTemplate>

             </asp:TemplateField>

             <asp:TemplateField HeaderText="Supervisor">

                 <ItemTemplate>

                     <asp:DropDownList ID="ddlsupervisor" runat="server">

                        <asp:ListItem Value="0" Text="N/A"></asp:ListItem>

                       <asp:ListItem Value="1" Text="1"></asp:ListItem>

                       <asp:ListItem Value="2" Text="2"></asp:ListItem>

                       <asp:ListItem Value="3" Text="3"></asp:ListItem>

                       <asp:ListItem Value="4" Text="4"></asp:ListItem>

                       <asp:ListItem Value="5" Text="5"></asp:ListItem>

                     </asp:DropDownList>

                 </ItemTemplate>

             </asp:TemplateField>

         </Columns>

         </asp:gridview></td><td width="50%"></td></tr>

     </table>

     <table width="100%">

     <tr><td width ="30%"></td><td width ="30%"><asp:Button  ID="btnSave" Text="Save"

             runat="server" onclick="btnSave_Click"/></td><td></td></tr>

     </table>

     </div>

     </form>

 </body>

 </html>

其中三个Js代码段均能实现功能，不过作为三个Jq,尚有不足，虽然undefined的引入使其功能可以实现，不过总归不是正统的解决办法，希望可以改进。

后台代码如下

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.UI;

 using System.Web.UI.WebControls;

 namespace WebApplication2

 {

     public partial class WebForm1 : System.Web.UI.Page

     {

         protected void Page_Load(object sender, EventArgs e)

         {

             if (!IsPostBack)

             {

                 Info a = new Info();

                 a.Name = "a";

                 Info b = new Info();

                 b.Name = "b";

                 Info c = new Info();

                 c.Name = "c";

                 Info d = new Info();

                 d.Name = "d";

                 List<Info> list = new List<Info>();

                 list.Add(a);

                 list.Add(b);

                 list.Add(c);

                 list.Add(d);

                 grv1.DataSource = list;

                 grv1.DataBind();

                 btnSave.Attributes.Add("onclick", "javascript:vary();");

             }

         }

         protected void grv1_PreRender(object sender, EventArgs e)

         {

             if (ViewState["drp1"] != null)

                 Set(grv1);

         }

         protected void Set(GridView grvItem)

         {

             List<string> list = new List<string>();

             list = (List<string>)ViewState["drp1"];

             for (int row = ; row < grvItem.Rows.Count; row++)

             {

                 DropDownList ddlSelf = (DropDownList)grvItem.Rows[row].FindControl("ddlself");

                 ddlSelf.SelectedValue = list[row].ToString();

             }

         }

         protected void btnSave_Click(object sender, EventArgs e)

         {

             List<string> list = new List<string>();

             for (int row = ; row < grv1.Rows.Count; row++)

             {

                 DropDownList ddlSelf = (DropDownList)grv1.Rows[row].Cells[].FindControl("ddlself");

                 string selectindex = ddlSelf.SelectedValue;

                 list.Add(selectindex);

             }

             ViewState["drp1"] = new List<string>();

             ViewState["drp1"] = list;

         }

     }

 }

Js获取Gridview中Dropdownlist选中状态的更多相关文章

js获取checkbox中所有选中值及input后面所跟的文本
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
js获取gridview模板列中textbox行列的值
下面一个例子:在gridview中第一列输入数值,第二列输入数值,点击第三列的时候进行计算求和,如果不符合标记为红色字体. 如图: 代码 : <html xmlns="http:// ...
获取GridView中RowCommand的当前索引行(转)
获取GridView中RowCommand的当前索引行前台添加一模版列,里面添加一个LinkButton 前台 (如果在后台代码中用e.CommandArgument取值的话前台代码就必须在按钮中设 ...
转：获取GridView中RowCommand的当前索引行
获取GridView中RowCommand的当前索引行前台添加一模版列,里面添加一个LinkButton 前台 (如果在后台代码中用e.CommandArgument取值的话前台代码就必须在按钮中设 ...
JS基础入门篇（三）—使用JS获取页面中某个元素的4种方法以及之间的差别（一）
1.使用JS获取页面中某个元素的4种方法 1.通过id名获取元素 document.getElementById("id名"); 2.通过class名获取元素 document.g ...
js获取URL中的参数
js获取URL中的一些参数的意思 location对象含有当前URL的信息. 属性 href 整个URL字符串. protocol 含有URL第一部分的字符串,如http: host 包含有URL中 ...
获取gridpanel 中 checkbox的状态
最近一直在用extjs前天框架来写作项目,很少用到这个框架,过程中遇到很多麻烦, 可能就是一个小的问题会困扰你很长时间, example: 我做一个报表,要获取gridpanel中 checkbox的 ...
js获取jsp中的变量值
js获取jsp中的变量值,有两种方式: 1.jsp标签获取属性 var message = '<%=request.getAttribute("message")%>' ...
js 获取url中的参数修改url 参数移除url参数
js 获取url中的参数修改url 参数移除url参数 var jsUrlHelper = { getUrlParam : function(url, ref) { var str = " ...

随机推荐

Linux系统相关
1. 图形界面启动的是哪个运行级别? 而我们平时用的命令行模式又是哪个运行级别? 除了图形和命令行模式两个常用级别外,其他运行级别代表什么涵义?如何更改系统的运行级别?图形界面启动的是5级别,命令行模 ...
HTML页面之间跳转与传值（JS代码）
跳转的方法如下: 方法一: window.location.href = "b.html"; 方法二(返回上一个页面,这个应该不算,先放在这): window.history.ba ...
华为oj - 统计大写字母个数
练手而已. 给初学者参考 #include <stdio.h> #include <string.h> int main(void) { char string[200]={' ...
RadGrid SelectedIndexChanged 事件没反应的解决方法
Hello Hrushikesh, You can set ClientSettings.EnablePostBackOnRowClick to true along with ClientSetti ...
IIS7 MVC网站生成、发布
imihiro IIS7 MVC网站生成.发布 (1)生成. 确保System.Web.Mvc.dll在bin目录下 (2)发布网站到文件系统 (3)在IIS中为网站添加应用程序池(一个虚拟目录,一个 ...
css 三角实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
redhat 5下源码安装nginx服务
首先确保机器中已安装 gcc c++,libtool等工具,保证可执行源码安装 A.为了确保能在 Nginx 中使用正则表达式进行更灵活的配置,安装之前需要确定系统是否安装有 PCRE(Perl Co ...
Android手机配置gcc，实现手机编译代码
1.下载gcc.zip 2.把gcc.zip解压存放在/data目录下(也可以是其他目录,看个人习惯) 3.配置gcc环境变量 export GCCHOME=/data/gcc (gcc存放路径) e ...
Oracle trunc函数
--Oracle trunc()函数的用法/**************日期********************/1.select trunc(sysdate) from dual --2011 ...
QProcess进程间双向通信
记得以前写过Linux的C程序, 里面用popen打开一个子进程, 这样可以用read/write和子进程通讯, 而在子进程里则是通过从stdin读和向stdout写实现对父进程的通讯. QProce ...

Js获取Gridview中Dropdownlist选中状态

Js获取Gridview中Dropdownlist选中状态的更多相关文章

随机推荐

热门专题