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

随机推荐

SSH 服务启动时出现如下错误：fatal: Cannot bind any address
注意:本文相关配置及说明已在 CentOS 6.5 64 位操作系统中进行过测试.其它类型及版本操作系统配置可能有所差异,具体情况请参阅相应操作系统官方文档. 问题描述云服务器 ECS (Elast ...
WinForm窗体设置
属性: 软件启动后在屏幕中间 StartPosition = CenterScreen取消放大按钮 MaximizeBox = false不能拖动边框 FormBorderStyle = FixedD ...
[.NET | 發佈] 如何指定固定的目錄給程式調用的外部DLL？
1.OverView 一般程式只會查找與主程式同目錄的DLL檔案解決方案主要可以參考這篇:http://support.microsoft.com/kb/837908 2.實作app.config方 ...
伸缩放大的js
window.onload = function() { var div1 = document.getElementById('div1'); div1.onmous ...
Sqlserver统计语句
--查看被缓存的查询计划 SET TRANSACTION ISOLATION LEVEL READ UNCOMMITTED st.text AS [SQL] , cp.cacheobjtype , c ...
C/C++中define的使用
代码: #include <iostream> using namespace std; #define a 10 void foo(); void bar(); void foo(){ ...
用css实现一个空心圆，并始终放置在浏览器窗口左下角
用css实现一个空心圆,并始终放置在浏览器窗口左下角 div{ position:fixed; bottom:0; ...
MySQL错误Another MySQL daemon already running with the same unix socket
今天遇到RT这个问题后,导致数据库错误,然后在国外网站发现了一个解决方法,记录如下: 原因是:多个Mysql进程使用了同一个socket. 解决方法是:直接把mysql.sock文件改名即可.也可以删 ...
Android studio快捷键Mac版本
为了方便大家记住这些小技巧和快捷键,我把它写成了一个插件,欢迎大家下载使用:http://chunsheng.me/EasyShortcut/ 快捷键描述通用------------------- ...
php解析json数组（循环输出数据）的实例
以快递100接口为例返回的JSON数据 {"message":"ok","nu":"350116805826",&qu ...

Js获取Gridview中Dropdownlist选中状态

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

随机推荐

热门专题