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

随机推荐

.NET基础拾遗（3）字符串、集合和流3
三.流和序列化 3.1 流概念及.NET中常见流无论什么信息,文字,声音,图像,只要进入了计算机就都被转化为数字,以数字方式运算.存储.由于计算机中使用二进制运算,因此数字只有两个:0 与 1,就是 ...
理解SQL SERVER中的分区表(转）
简介分区表是在SQL SERVER2005之后的版本引入的特性.这个特性允许把逻辑上的一个表在物理上分为很多部分.而对于SQL SERVER2005之前版本,所谓的分区表仅仅是分布式视图,也就是多个 ...
C++ 虚函数详解
C++ 虚函数详解这篇文章主要是转载的http://blog.csdn.net/haoel/article/details/1948051这篇文章,其中又加入了自己的理解和难点以及疑问的解决过程,对 ...
Mvc htmlhelper that generates a menu from a controller
Simple menu system that grabs a list of actions from a single controller and creates an unordered li ...
Android ListView SimpleAdapter支持Bitmap类型图片显示
// 处理simpleAdapter中包括bitmap类型 adapter.setViewBinder(new ViewBinder() { public boolean setViewValue(V ...
简单的CSS 下拉导航菜单实现代码
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <met ...
让WordPress的作者在后台只能看到自己的文章
今天需要对WordPress后台进行调整,目的是为了只能让当前用户看见自己所发表的文章,而WordPress默认是登陆用户可以看到所有用户发表的文章. WordPress中的用户角色分的比较详细,作者 ...
让libvirt支持win7运行2核以上
现在人在部署OpenStack之后会发现按照配额运行Linux的虚拟机没有问题,但是运行windows的虚拟机会发现如果配置2个以上的核则无法识别,windows server也最多支持到4个核.无法 ...
记事本创建servlet在tomcat中发布基本思路
在webapps中新建文件夹H,在其中再创建WEB-INF文件夹,在创建classes文件夹和web.xml文件,web.xml需要配置一下,classes文件夹中存放Servlet经编译过的clas ...
Java中读取文件
Java中读取文件,去除一些分隔符,保存在多维数组里面 public void readFile(String filePath) { File file=new File(filePath); Ar ...

Js获取Gridview中Dropdownlist选中状态

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

随机推荐

热门专题