javascript代码实例教程-Gridview中弹出层前台取值避免了刷新，easyui+Jquery
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Gridview中弹出层前台取值避免了刷新，easyui+Jquery，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
1.aspx代码,因为Gridview中的单元格的textbox外面又一个table，所以用了好几个children[]，希望有更好的办法，easyui弹出层我就不说了，都懂的
<head runat="server">
<tITle></title>
<link href="themes/default/easyui.css" rel="stylesheet" tyPE="text/css" />
<link href="themes/icon.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jquery.easyui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#dlg').diaLOG('close')
});
</script>
<script type="text/javascript">
function showDivObj(objThis, gridviewId, cellIndex) {
VAR table = document.getElementById($("table[id*='" + gridviewId + "']").attr("id"));
for (index = 1; index < table.rows.length; index++) {
if (objThis.id == table.rows[index].cells[3].children[0].id) {
$("input[id*='txtceshi1']").val(table.rows[index].cells[1].innerHTML);
$("input[id*='txtceshi2']").val(table.rows[index].cells[2].children[0].children[0].children[1].children[0].children[0].innerText); //lable取值
$("input[id*='txtceshi3']").val(table.rows[index].cells[2].children[0].children[0].children[0].children[0].children[0].value); //textbox取值
//$('#dlg').dialog({ modal: true });
$('#dlg').dialog('open');
return false;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<p>
<asp:GridView ID="gdv" runat="server" onkeydown='return keyPressed()' AllowPaging="True"
PageSize="50" AutoGenerateColumns="False" Width="100%" PagerStyle-HorizontalAlign="center">
<PagerSettings Visible="False" />
<PagerStyle HorizontalAlign="Center" />
<RowStyle HorizontalAlign="Center" />
<Columns>
<asp:TemplateField HeaderText="序号">
<ItemTemplate>
<asp:Label ID="lbl" runat="server" Text="<%# Container.DataItemIndex+1%>"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:BounDField DataField="Name" HeaderText="测试" />
<asp:TemplateField HeaderText="名称">
<ItemTemplate>
<table>
<tr>
<td>
<asp:TextBox ID="BarCode" runat="server" Text='<%#Eval("HousesID") %>' Width="200px"
MaxLength="10"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label1" runat="server" Text='<%#Eval("HousesID") %>'></asp:Label>
</td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="编辑">
<ItemTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="showDivObj(this,'gdv', 5)">编辑</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</p>
</ContentTemplate>
</asp:UpdatePanel>
<p id="dlg" class="easyui-dialog" title="Toolbar and Buttons" style="width: 400px;
height: 200px; padding: 10px">
1:<asp:TextBox ID="txtceshi1" runat="server" Width="200px" MaxLength="10"></asp:TextBox></br>
2:<asp:TextBox ID="txtceshi2" runat="server" Width="200px" MaxLength="10"></asp:TextBox></br>
3:<asp:TextBox ID="txtceshi3" runat="server" Width="200px" MaxLength="10"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="确定" />
<asp:Button ID="Button2" runat="server" Text="取消" OnClientClick=" $('#dlg').dialog('close')" />
</p>
</form>
</body>
2.cs代码
List<SeeList> list = new List<SeeList>();
PRotected void Page_Load(object sender, Eventargs e)
{
SeeList li = new SeeList();
li.AutoID = 1;
li.HousesID = 21;
li.Name = "asd1";
list.Add(li);
SeeList li2 = new SeeList();
li2.AutoID = 1;
li2.HousesID = 22;
li2.Name = "asd2";
list.Add(li2);
SeeList li3 = new SeeList();
li3.AutoID = 1;
li3.HousesID = 23;
li3.Name = "asd3";
list.Add(li3);
SeeList li4 = new SeeList();
li4.AutoID = 1;
li4.HousesID = 24;
li4.Name = "asd4";
list.Add(li4);
SeeList li5 = new SeeList();
li5.AutoID = 1;
li5.HousesID = 25;
li5.Name = "asd5";
list.Add(li5);
gdv.DataSource = list;
gdv.DataBind();
}
#region 实体
public class SeeList
{
private int m_AutoID;
public int AutoID
{
get { return m_AutoID; }
set { m_AutoID = value; }
}
private int m_HousesID;
public int HousesID
{
get { return m_HousesID; }
set { m_HousesID = value; }
}
private string m_Name;
public string Name
{
get { return m_Name; }
set { m_Name = value; }
}
}
#endregion
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
脚本宝典总结
以上是脚本宝典为你收集整理的javascript代码实例教程-Gridview中弹出层前台取值避免了刷新，easyui+Jquery全部内容，希望文章能够帮你解决javascript代码实例教程-Gridview中弹出层前台取值避免了刷新，easyui+Jquery所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
- 前端学java系列（1）——搭建环境 2019-11-04
- JavaScript教程- JavaScript 语句 2018-11-21
- JavaScript教程- JavaScript 语法 2018-11-20
- JavaScript教程- JavaScript 输出 2018-11-20
- JavaScript教程- JavaScript 用法 2018-11-20
- JavaScript教程- JavaScript 简介 2018-11-20
- 重温java基础 2018-11-20
- 了解JavaScript中的Spread运算符 2018-11-17
- js数组操作常用方法超级完整版本值得收藏 2018-11-16
- 谷歌JavaScript风格指南中值得注意的13点 2018-11-11
- 前端学java系列（1）——搭建环境
- 【myeclipse】——Java 内存溢出（java.lang.OutOfMemoryError）
- dun ru jiang hu
- C语言基础知识补充
- javascript代码实例教程-Dom 学习总结及其实例
- javascript代码实例教程-Javascript：必须知道的Javascript知识点之“字面量和对应类型...
- javascript代码实例教程-Javascript：必须知道的Javascript知识点之“this指针”
- javascript代码实例教程-javascript中encodeURI和decodeURI方法
- javascript代码实例教程-EXTJs 表单控件
- javascript代码实例教程-Extjs4――实现动态的grid（即实现数据库表数据的显示）
- 前端学java系列（1）——搭建环境
- 【myeclipse】——Java 内存溢出（java.lang.OutOfMemoryError）
- dun ru jiang hu
- C语言基础知识补充
- vue项目优化--服务端渲染优化
- javascript代码实例教程-Dom 学习总结及其实例
- javascript代码实例教程-Javascript：必须知道的Javascript知识点之“字面量和对应类型...
- javascript代码实例教程-Javascript：必须知道的Javascript知识点之“this指针”
- javascript代码实例教程-javascript中encodeURI和decodeURI方法
- javascript代码实例教程-EXTJs 表单控件