页面单击按钮弹出modaldialog然后调用ajax处理程序获取数据,给父级页面控件赋值
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RefTopicList.aspx.cs" Inherits="Project.RefTopicList" %> <!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 runat="server">
<title></title>
<base target="_self" />
<script src="../jquery/jquery-1.8.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
function Change(SCHeckBox, curHidOID) {
var objs = document.getElementsByTagName("input");
for (var i = ; i < objs.length; i++) {
if (objs[i].type.toLowerCase() == "checkbox")
objs[i].checked = false;
}
var SelectCheckBoxID = SCHeckBox.id;
document.getElementById(SelectCheckBoxID).checked = true;
$("#hidenOIDValue").val(curHidOID); }
function GetHidValue() { if ($("#hidenOIDValue").val() != "") {
returnValue = $("#hidenOIDValue").val();
window.close();
}
else {
alert('至少选择一项');
} }
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="" cellspacing="" cellpadding="">
<tr>
<td class="tb_td_content">
<asp:Button ID="QueryWatch" runat="server" Text=" 查 询 " OnClick="QueryWatch_Click" />
<input id="btnSure" type="button" value=" 确 定 "
onclick="GetHidValue();" />
</td>
</tr>
</table>
</div>
<div id="DivGridview">
<asp:GridView ID="CtrlGrid" runat="server" Width="80%" AllowSorting="True" CellPadding=""
BorderWidth="1px" BorderStyle="Solid" AutoGenerateColumns="False" OnRowDataBound="CtrlGrid_RowDataBound"
PageSize="" Height="128px">
<Columns>
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<asp:HiddenField runat="server" ID="hidenCheckOID" Value='<%#Eval("ID") %>' />
<asp:CheckBox runat="server" ID="chkSelect" />
</ItemTemplate>
<HeaderStyle Wrap="False" Width="60px" HorizontalAlign="Center" />
<ItemStyle Wrap="false" Width="60px" HorizontalAlign="Center" />
</asp:TemplateField>
<asp:TemplateField HeaderText="名称">
<ItemTemplate>
<asp:Label ID="lblTopicName" runat="server" Text='<%# Eval("NAME")%>'></asp:Label>
</ItemTemplate>
<HeaderStyle Wrap="false" Width="100px" HorizontalAlign="Center" />
<ItemStyle Wrap="false" Width="150px" HorizontalAlign="Center" />
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<asp:HiddenField ID="hidenOIDValue" runat="server" />
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EditProjectInfo.aspx.cs" Inherits="EditProjectInfo" %>
<!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>
<link href="../../Themes/Default/control.css" rel="stylesheet" type="text/css" />
<link href="../../Themes/Default/ui.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<script src="../../Scripts/jquery/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="../../Scripts/Validate/ControlValidate.js" type="text/javascript"></script>
<link href="../../Themes/Default/controlvalidate.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
var typevalue=<%=base.GetParaValue("type") %>; //后台传值判断是添加还是编辑
//0代表是编辑,页面上的选择按钮隐藏
if (typevalue == "")
{
$("#btnSelect").hide();
}
else{
//单击选择按钮弹出要选择的信息,选中之后在该页面获取该信息
$("#btnSelect").click(function () {
var oidd = window.showModalDialog('RefTopicList.aspx',"", 'dialogWidth=900px;dialogHeight=650px;help=no;location=no;scroll=no;resizable=no');
if (oidd != undefined && oidd != "") {
GetTopicJson(oidd); //调用处理程序的方法,用json解析获取数据
} });
}
});
function GetTopicJson(oid) {
$.ajax({
type: "post",
url: "HandlerRefTipic.ashx?OID="+oid ,
dataType: "json",
success: function (data)
{
$("#txtprojectName").val(data[].TOPIC_NAME);
},
error: function (XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); }
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="datagrid_search_div">
<table class="tb" border="" cellpadding="" cellspacing="">
<tr>
<td class="tb_td_title">
项目名称:
</td>
<td class="tb_td_content" colspan="" valign="top">
<asp:TextBox ID="txtprojectName" runat="server" Width="500px" request="true"
MaxLength="" CssClass="txtbox" ToolTip="项目名称,最多100个字符!"></asp:TextBox>
<input id="btnSelect" type="button" value=" 选 择 " class="btn_long" />
</td>
</tr>
<tr>
<td colspan="" class="tb_td_content" style="text-align: center;">
<asp:Button ID="btnSave" runat="server" class="btn_long" Text=" 保 存 "
OnClick="btnSave_Click" />
<input id="btnReset" type="button" value=" 重 置 " class="btn_long"
runat="server" onclick="javascript:document.forms[0].reset();" />
<asp:Label ID="TipInfo" runat="server" ForeColor="Red" Font-Bold="True"></asp:Label>
</td>
</tr>
</table>
</div>
</body>
</html>
页面前台
<%@ WebHandler Language="C#" Class="HandlerRefTipic" %> using System;
using System.Web;
public class HandlerRefTipic : IHttpHandler { public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "application/Json";
context.Response.Clear();
context.Response.Write(GetTopicToJson(context.Request["OID"]));
context.Response.Flush();
context.Response.End(); }
/// <summary>
/// 根据标识得到课题对象实体转换成json格式输出
/// </summary>
/// <param name="oid"></param>
/// <returns></returns>
public string GetTopicToJson(string oid)
{
if(string.IsNullOrEmpty(oid))
{
return "";
}
TopicInfoObj obj = new TopicInfoRepository().GetTopicInfoObj(oid);
string str=new ConvertToJson().EntityToJson(obj);
return str; }
public bool IsReusable {
get {
return false;
}
} }
json解析获取数据
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
PageGridBind(); }
}
protected void CtrlGrid_RowDataBound(object sender, GridViewRowEventArgs e)
{
try
{
HiddenField hidenCheckID = (HiddenField)e.Row.FindControl("hidenCheckOID");
CheckBox checkBox = e.Row.FindControl("chkSelect") as CheckBox;
checkBox.Attributes.Add("onclick", "Change(" + checkBox.ClientID + ",'" + hidenCheckID.Value + "')");
base.ChangeRowColor(e);
}
catch (Exception ex)
{ throw ex;
}
}
protected void PageGridBind()
{
GridView view = (GridView)this.FindControl("CtrlGrid");
if (view != null)
{
//DataTable dt=huoqushuju();
view.DataSource = dt;
view.DataBind();
}
}
}
最上面的页面后台代码
上面的js有的是我自己的样式文件,没有上传还有日历js都没有,大概就是这个思路,在第一个页面点击按钮然后弹出框,选中gridview中checkbox的,只能选择一行数据,获取到这行数据的id然后把这行数据通过json解析,然后再传到父级页面,给父级页面的控件赋值,就是这样一个思路,可以评论,吐槽,多多指正,谢谢!
页面单击按钮弹出modaldialog然后调用ajax处理程序获取数据,给父级页面控件赋值的更多相关文章
- ExtJS003单击按钮弹出window
html部分 <input type="button" id="btn" name="name" value="点击&quo ...
- asp.net html 单击按钮弹出下拉框效果
1.说明 需要引用jquery.js文件,我的页面是在asp.net MVC4 添加的web窗体,其他不多说 直接看代码 2.代码 <%@ Page Language="C#" ...
- Java实现文件上传-按钮弹出上传页面
转自: https://blessht.iteye.com/blog/1405057 最近自己在做一个小系统玩的时候涉及到了文件的上传,于是在网上找到Java上传文件的方案,最后确定使用common- ...
- 请写出一段JavaScript代码,要求页面有一个按钮,点击按钮弹出确认框。程序可以判断出用
请写出一段JavaScript代码,要求页面有一个按钮,点击按钮弹出确认框.程序可以判断出用 户点击的是“确认”还是“取消”. 解答: <HTML> <HEAD> <TI ...
- Menubutton按钮弹出菜单
#按钮弹出菜单 from tkinter import * root =Tk() def callback(): print('我被调用了') m = Menubutton(root,text = ' ...
- 移动端和PC端页面常用的弹出层
我们在页面的时候,很多时候用到了弹出层,消息提醒,确认框等等,统一样式的弹出框可以使页面更加优美.在此,我整理一下我们项目的移动端和PC端页面常用的弹出层. 一.移动端 我们需在页面引入弹出框的样式和 ...
- jquery点击按钮弹出图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- fancybox 关闭弹出窗口 parent.$.fancybox.close(); 无反应 fancybox 关闭弹出窗口父页面自动刷新,弹出子窗口前后事件
当我们在父页面使用 fancybox 弹出窗口后,如果想自己手动关闭,则可以 function Cancel() { parent.$.fancybox.close(); } 如果关闭没有反应,最好看 ...
- ExtJs 4.2.1 点击按钮弹出表单的窗口
初学ExtJs,做项目的时候想做一个这样的效果:点击按钮弹出对话框,之前一直是使用EasyUi来做的, EasyUi里有Dialog,用起来很方便,但是现在转移到ExtJs上后,发现没有Dialog这 ...
随机推荐
- containsObject 总是不含有,你会用吗
结论:containsObject:是在比较内存地址,即使两个对象内容完全一样,地址不同,那也是不同的.我个人认为这个方法应该叫是否存在同一个对象 (开始不知道这个知识,被坑,至少浪费了3个钟头,数组 ...
- Vue 报错 listen EADDRINUSE :::8080
今天在重启vue项目的时候,发现报了错, listen EADDRINUSE :::8080错误提示 原因:因为另一个项目占用了8080端口,我直接在命令行npm run dev第二个项目,就给出了这 ...
- 有关vs2010将c++生成exe文件时出现LINK : fatal error LNK1123: 转换到 COFF 期间失败和环境变量问题
不知怎么本来编译好好的VS2010环境,忽然出现“转换到 COFF 期间失败: 文件无效或损坏”的链接错误.花了好多天,试了好多方法,最终解决了这个问题.现在罗列一下这几种解决方案:方案1:点击“项目 ...
- tab选项卡代码
$('.case_header ul li').click(function(){ $(this).addClass('active').siblings().removeClass('active' ...
- 【POJ - 1862】Stripies (贪心)
Stripies 直接上中文了 Descriptions 我们的化学生物学家发明了一种新的叫stripies非常神奇的生命.该stripies是透明的无定形变形虫似的生物,生活在果冻状的营养培养基平板 ...
- 利用Idea重构功能及Java8语法特性——优化深层嵌套代码
当遇到深层嵌套代码,如for,if,lambda表达式或内部类及这些代码的组合,这时我们可以通过Java 8的语法特性来进行优化. 下面的代码是一个嵌套循环的示例. public MappedFiel ...
- 限流降级神器,带你解读阿里巴巴开源 Sentinel 实现原理
Sentinel 是阿里中间件团队开源的,面向分布式服务架构的轻量级高可用流量控制组件,主要以流量为切入点,从流量控制.熔断降级.系统负载保护等多个维度来帮助用户保护服务的稳定性. 大家可能会问:Se ...
- 佳木斯集训Day7
毒瘤出题人!!! T2的题面和样例不一样,所以我挂了(没错这就是我写模拟写挂了的理由) T1 大水题,懒得解释了,五分钟AC #include <bits/stdc++.h> #defin ...
- 使用阿里云oss
写这篇博文的原因是公司有个项目需要用到阿里云来存放用户头像文件.后期软件安装版本也可能需要存进去,然后折腾了两天终于摸熟了一点皮毛,在这里给大家简单介绍下. 一.初识对象存储oss 1.进入阿里云控制 ...
- 【TCP/IP】ICMP协议
ICMP协议有两种报文: 1,查询报文 2,差错报文