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

随机推荐

C#中唯一标识符GUID的一些知识点
概念 GUID: 即Globally Unique Identifier(全球唯一标识符) 也称作 UUID(Universally Unique IDentifier) . GUID是一个通过特定算 ...
“文件XXX正由另一进程使用，因此该进程无法访问此文件”
文件xxx正在由另一进城使用,这种问题出现有一种原因: 就是同一个线程重打开文件,但是没有关闭的情况下,再次读取的时候抛出异常. 如下的代码为错误代码:
silverlight visifire控件图表制作——silverlight 后台方法画图
1.调用wcf 获取信息 private void svc_GetSingleChartDataCompleted(object sender, GetSingleChartDataCompleted ...
iOS图片设置圆角
一般我们在iOS开发的过程中设置圆角都是如下这样设置的. imageView.clipsToBounds = YES; [imageView.layer setCornerRadius:]; 这样设置 ...
C/C++中的switch使用
代码: #include <iostream> #include <string> #include <cstdio> using namespace std; i ...
MFC中使用ADO方式连接数据库
文章转自:http://blog.sina.com.cn/s/blog_a43aba5601014z8h.html 一.数据库操作准备 1.导入ADO动态链接库在工程的stdafx.h中加入如下语句 ...
自动生成代码工具【JAVA版】
发现任何项目无非五类操作:新增.修改.删除.查询详细.查询列表大多数的服务端基础代码都是相同的,但是每次开发一个新项目都会做很多重复工作,从controller,bean,service,到数据库访 ...
关于HTML在手机端自适应的一个问题
在写页面的时候一直以为是自己调节的大小,结果页面跳出来的效果完全不适应手机的尺寸和宽度其实主要是因为head头中没有放自适应标签导致:下面就让我们来认识一下这款神器吧! 其实主要就是改掉HTML页 ...
DataTables在回调方法中使用api
$(document).ready(function() { $('#example').dataTable( { "initComplete": function () { va ...
微软推荐的Get a code signing certificate流程和链接
Get a code signing certificate Before you can establish a Windows Dev Center hardware dashboard ac ...

Js获取Gridview中Dropdownlist选中状态

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

随机推荐

热门专题