[转]关于ASP.NET(C#)程序中TEXTBOX下动态DIV跟随[AJAX应用]
本文转自：http://blog.csdn.net/lolenboy/article/details/1665814
说明： 环境：ASPNET（c#），SQL2K 事例：TEXTBOX下跟随DIV，在TEXTBOX中输入内容，DIV上就显示出相应的查询结果[AJAX]，类似于股票输入查询。 页面：一个显示页面（FilialeList）；一个后台处理中间文件，一个数据库操作文件，JS操作文件。 显示页面FilialeList： 关键代码 ： 调用JS文件 <script language="javascript" src="../JScript/PubJSFunction.js" type="text/javascript"></script> //当DIV显示后，点击页面其他地方，DIV隐藏。 <body style="margin: 0px" onclick="f_blur()"> //输入的代码框和相应的DIV的HTML，注意中间文件（PubGetTxtCode.aspx'）路径 <td>
编码：<asp:TextBox ID="txt_Code" runat="server" Width="110px" CssClass="input1" onkeyup="f_KeyUp('txt_Code','filiale','../Pub/PubGetTxtCode.aspx')"></asp:TextBox>
<div id="divOrders" class="div_Code" style="display: none;">
</div>
</td> //隐藏对象记录要隐藏哪个DIV的ID（假如页面有好几个输入框和好几个对应的DIV，本例子是页面只有1个输入框和1个DIV） <input id="hid_DivID" type="hidden" /> 中间文件（PubGetTxtCode.aspx）： protected void Page_Load(object sender, EventArgs e)
{
DataTable dtNew = new DataTable();
Common.PubGetTxtCode valueObj = new Common.PubGetTxtCode();
int li_Return = 0;
string ls_ErrText = "";
string mystr = "";
string funName = "";
if (!this.IsPostBack)
{ string Type = Request["Type"].Trim().ToString();
string Code = Request["ls_Code"].Trim().ToString();
# region Swithch(type)
switch (Type)
{
#region 基础资料
case "filiale":
mystr = "编码" + "||||" + "名称";
li_Return = valueObj.GetFiliales(Code, dtNew, ref ls_ErrText);
break; .... } if(li_Return>0) { for (int i = 0; i < dtNew.Rows.Count; i++)
{
mystr += ",,,," + dtNew.Rows[i][0].ToString() + "||||" + dtNew.Rows[i][1].ToString();
} } this.Response.Write(mystr);
this.Response.End(); } //数据库操作文件：（获取10条记录） public int GetFiliales(string Code, DataTable dt, ref string ErrText)
{
string ls_Sql;
int ErrCode;
try
{
ls_Sql = "select Top 10 FilialeID,FilialeName from Filiales where FilialeID LIKE '" + Code + "%' AND Status='1'";
ErrCode = _cmd.GetData(ls_Sql, dt);
ErrText = "";
}
catch (System.Exception e)
{
ErrCode = -1900110;
ErrText = e.Message.ToString();
}
return ErrCode;
} //JS文件： //焦点控制
function f_blur()
{
var divID = document.all("hid_DivID").value;
if(document.all("hid_DivID").value!="")
{
document.getElementById(divID).style.display="none";
}
} //获取编码放到TextBox里
function f_GetCode(txtID,value)
{
document.all(txtID).value = value;
document.getElementById("divOrders").style.display="none";
} //生成DIV内容的HTML function f_KeyUp(txtID,type,src)
{
document.all("hid_DivID").value="divOrders";
document.all("divOrders").innerHTML = "";
var ls_Code = document.all(txtID).value;
ls_Code=ls_Code.replace(/ +/, "");
ls_Code=ls_Code.replace(/ +$/,""); if(ls_Code == "")
{
document.getElementById("divOrders").style.display="none";
return;
}
else
{
var webFileUrl = src+"?s="+Math.random()+"&Type="+type+"&ls_Code="+ls_Code;
var result = "";
var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
xmlHttp.open("POST", webFileUrl, false);
xmlHttp.send("");
result = xmlHttp.responseText;
if(result != "")
{
document.getElementById("divOrders").style.display="";
var piArray = result.split(",,,,");
if(piArray.length==1)
{
document.all("divOrders").style.display="none";
return;
} var html ="<Table border='0' width='100%' align='center' cellpadding='2' cellspacing='2'>"; for(var i=0;i<piArray.length;i++)
{
var ary1 = piArray[i].toString().split("||||");
if (i==0)
{
html+="<Tr style=/"background-color:#CDD0D3 ;/">";
}
else
{
html+="<Tr style=/"background-color:#CDD0D3 ;/" onmouseover=/"c=this.style.backgroundColor;this.style.backgroundColor='#A7A9AC';/" onmouseout=/"this.style.backgroundColor=c;/" onclick=/"f_GetCode('"+txtID+"','"+ary1[0]+"')/">";
}
if(i==0)
{
html+="<td width=/"40%/">";
html+=ary1[0];
html+="</td>";
html+="<td width=/"60%/">";
html+=ary1[1];
html+="</td>";
html+="</Tr>";
}
else
{
html+="<td>";
html+=ary1[0];
html+="</td>";
html+="<td>";
html+=ary1[1];
html+="</td>";
html+="</Tr>";
}
} html+="</Table>";
html+="<iframe src=/"javascript:false/" style=/"Z-INDEX:-1;POSITION:absolute; FILTER:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); VISIBILITY:inherit;TOP:0px;WIDTH:100%;HEIGHT:100%;/"></iframe>"
document.all("divOrders").innerHTML= html;
ShowDiv("divOrders",txtID);
}
else
{
document.all("divOrders").style.display="none";
}
}
} function ShowDiv(divID,txtID)
{
document.all(divID).style.display = "";
//SelectOrder 是要显示的层的ID
var drp = document.all(divID);
var obj = document.all(txtID);
//btnOrderIn 是要显示在的目标控件的ID
if(drp)
{
var objs = obj;
var t = obj.offsetTop, h = obj.clientHeight, l = obj.offsetLeft, p = obj.type;
while (obj = obj.offsetParent){t += obj.offsetTop; l += obj.offsetLeft;}
var cw = drp.clientWidth, ch = drp.clientHeight;
var dw = document.body.clientWidth, dl = document.body.scrollLeft, dt = document.body.scrollTop;
if (document.body.clientHeight + dt - t - h >= ch)
drp.style.top = (p=='image')? t + h : t + h + 6;
else
drp.style.top = (t - dt < ch) ? ((p=='image')? t + h : t + h + 6) : t - ch;
if (dw + dl - l >= cw)
drp.style.left = l;
else
drp.style.left = (dw >= cw) ? dw - cw + dl : dl;
drp.style.visibility = 'visible';
}
} //假如页面有几个TEXTBOX和几个相应的DIV的时候，可以把divID作为参数传进来。
[转]关于ASP.NET(C#)程序中TEXTBOX下动态DIV跟随[AJAX应用]的更多相关文章
- 在ASP.NET应用程序中使用身份模拟（Impersonation）
摘要 缺省情况下,ASP.NET应用程序以本机的ASPNET帐号运行,该帐号属于普通用户组,权限受到一定的限制,以保障ASP.NET应用程序运行的安全.但是有时需要某个ASP.NET应用程序或者程 ...
- 如何在 ASP.NET 应用程序中实现模拟用户身份（在ASP.NET中以管理员身份运行网站）
前言 在实际的项目开发中,我们可能会需要调用一些非托管程序,而有些非托管程序需要有更高的身份权限才能正确执行.本文介绍了如何让IIS承载的ASP.NET网站以特定的账户执行,比如Administrat ...
- ASP.NET MVC程序中动态修改form的Action值
在练习ASP.NET MVC时,为了实现一个小功能,POST数据至服务器执行时,需要动态修改form的action值. 下面Insus.NET列举一个例子来演示它.让它简单,明白易了解. 你可以在控制 ...
- ASP.NET MVC学习中记录下使用JavaScript和CSS层叠样式表的经历
首先我是想要在ASP.NET MVC 5.0中使用从jQuery之家下载下来的插件. 在下载了许多我觉得好用方便的插件之后,我在VS2017中新建了一个项目叫MVCTest,然后选择MVC模板,等待自 ...
- cocos2dx中android下动态更新.so文件
作者:HU 转载请注明,原文链接:http://www.cnblogs.com/xioapingguo/p/4037595.html 因为没用lua脚本写游戏,所以每次发布出去后,发现在bug,需要 ...
- 在ASP.NET MVC应用程序中实现Server.Transfer()类似的功能
在ASP.NET MVC应用程序中,如果使用Server.Transfer()方法希望将请求转发到其它路径或者Http处理程序进行处理,都会引发“为xxx执行子请求时出错”的HttpException ...
- 在ASP.NET 5应用程序中的跨域请求功能详解
在ASP.NET 5应用程序中的跨域请求功能详解 浏览器安全阻止了一个网页中向另外一个域提交请求,这个限制叫做同域策咯(same-origin policy),这组织了一个恶意网站从另外一个网站读取敏 ...
- 提高ASP.NET应用程序性能的十大方法
一.返回多个数据集 检查你的访问数据库的代码,看是否存在着要返回多次的请求.每次往返降低了你的应用程序的每秒能够响应请求的次数.通过在单个数据库请求中返回多个结果集,可以减少与数据库通信的时间,使你的 ...
- ASP.NET网站开发中的配置文件
来源:微信公众号CodeL 1.配置文件层次分类 Machine.config: 对.netframework整体的配置 web.config(framework目录下): 对所有项目所公有的应用 ...
随机推荐
- 终于弄好了 homework-09
近一周的时间,顶着编译大作业严重搁置的压力,天天搞,终于把网页动态展示的搞出来了!恩,还挺好看~ 因为是最后一次作业了,也是因为天生的完美主义强迫症,做到自己满意才放心停下来.不过,这个过程,看着同学 ...
- poj 1466 Girls and Boys(二分图的最大独立集）
http://poj.org/problem?id=1466 Girls and Boys Time Limit: 5000MS Memory Limit: 10000K Total Submis ...
- 《数据通信与网络》笔记--SCTP
SCTP(stream control transmission protocol)是一种新的可靠的,面向报文的传输层控制协议.它兼有UDP和TCP的特性,它是可靠的面向报文的协议,它保存报文的边界, ...
- UI进阶 KVO
KVO:(Key-Value-Observer)键值观察者,是观察者设计模式的一种具体实现 KVO触发机制:一个对象(观察者),监测另一对象(被观察者)的某属性是否发生变化,若被监测的属性发生的更改, ...
- ASP.NET forms凭据设置和跳转的几种方法
string user = "userName"; //默认的第1种,超时时间是在web.cofig中forms设置的timeout,单位是分钟,生成的cookie和凭证超时时间一 ...
- 一个简洁通用的调用DLL函数的帮助类
本次介绍一种调用dll函数的通用简洁的方法,消除了原来调用方式的重复与繁琐,使得我们调用dll函数的方式更加方便简洁.用过dll的人会发现c++中调用dll中的函数有点繁琐,调用过程是这样的:在加载d ...
- Linux学习笔记----（2）
闲着无事,就敲起了Linux 命令,熟悉一下.记得昨天在书上看到了 find命令的用法,觉得挺神奇的. 其中 find 能够确定文件的查找深度 于是 敲了如下命令: #mkdir father #to ...
- 【VxWorks系列】任务间同步与通信之共享内存
在开始之前先说明三个概念,任务间的同步,互斥,通信. 同步,是指一个任务等待某个条件发生,而另外一个任务引发这个条件后,等待的任务会被触发执行相应的处理.这就是一个任务与另一任务之间的同步控制. 互斥 ...
- Java中的递归原理分析
解释:程序调用自身的编程技巧叫做递归. 程序调用自身的编程技巧称为递归( recursion).递归做为一种算法在程序设计语言中广泛应用. 一个过程或函数在其定义或说明中有直接或间接调用 ...
- C#开发的WebService使用JSON格式传递数据+Ajax测试
[C#] WebService 使用 JSON 格式傳遞筆記 + JQuery 測試 0 2 因為一些因素,必須改寫WebService,很傳統,但是很多公司還在用.. 因為XML 的關係,不想讓他 ...