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 = " ...

随机推荐

CPU使用率和Load Average的关系
看了几篇博客总结的区别,自己终于明白了含义,在这里将理解总结一下: 对于定义和解释,感觉淘测试上的更容易理解: 引用如下: CPU使用率: 一段时间内CPU的使用状况,从这个指标可以看出某一段时间内 ...
（转）Windows Server 2008 默认＂照片库查看器＂无法打开图片, 只能用画图程序打开
1.解决[启用Win2008照片查看器] Win2008 中放了一些图片,本来以为可以象Win7那样直接用“照片查看器”打开,可是Win2008默认竟然是用“画图”打开的,非常不方便. 再仔细一看,“ ...
C# 温故而知新：Stream篇（—）
C# 温故而知新:Stream篇(—) 目录: 什么是Stream? 什么是字节序列? Stream的构造函数 Stream的重要属性及方法 Stream的示例 Stream异步读写 Stream 和 ...
hdu 2564 词组缩写
Problem Description 定义:一个词组中每个单词的首字母的大写组合称为该词组的缩写. 比如,C语言里常用的EOF就是end of file的缩写. Input 输入的第一行是一个整数T ...
我和小美的撸码日记(1)之软件也需靠脸吃饭，带您做张明星脸（附后台经典框架 DEMO 下载）
众所周知程序员得靠技术吃饭,但是真的光靠技术就够了吗?Teacher苍,一位德艺双馨的艺术家,论技术她自然是炉火纯青,我觉得她桃李遍天下的原因不仅限于些,试想如果Teacher苍长得跟凤姐一样再带点乡 ...
爬虫框架YayCrawler
爬虫框架YayCrawler 各位好!从今天起,我将用几个篇幅的文字向大家介绍一下我的一个开源作品——YayCrawler,其在GitHub上的网址是:https://github.com/liush ...
【hihocoder#1388】Periodic Signal NTT
题目链接:http://hihocoder.com/problemset/problem/1388?sid=974337 题目大意:找出一个$k$,使得$\sum_{i=0}^{n-1}(A_{i}- ...
CoreData学习-最好的一片文章
CoreData学习-最好的一片文章分类: IOS重新上路2014-05-25 18:00 1937人阅读评论(0) 收藏举报目录(?)[+] 写的很好的一篇教程,我什么时候能写出这么 ...
linux安装xunsearch
首先要确保ubuntu安装了gcc g++ make sudo apt-get install make gcc g++ 然后安装zlib,用来解压的: apt-get install zlib1g- ...
BZOJ 2436 NOI嘉年华(单调优化)
http://www.lydsy.com/JudgeOnline/problem.php?id=2436 题意:两个会场不能同时表演,但是同一个时间可以同时表演,要求让两个会场表演数量最小的最大,然后 ...

Js获取Gridview中Dropdownlist选中状态

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

随机推荐

热门专题