[转]关于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目录下): 对所有项目所公有的应用 ...
随机推荐
- 第二百八十六天 how can I 坚持
bug不断啊,头疼. 今天早上到的倒是挺早. 中午吃的黄焖鸡,晚上加了会班. 勇江的鱼都死了,杨建的还剩3条,晚上到家都快十点了,还洗了衣服,没捞出来呢, 希望可以请下来假吧. 晾上衣服睡觉.
- 最新的支持DELPHI XE6的开发框架
支持负载均衡集群的中间件 主界面 插件管理 角色与权限 用户与权限
- [iOS UI进阶 - 6.0] CALayer
A.基本知识 1.需要掌握的 CALayer的基本属性 CALayer和UIView的关系 position和anchorPoint的作用 2.概念 在iOS中,你能看得见摸得着的东西基本上都是U ...
- 网络子系统54_ip协议分片重组_定位ipq
//为分片确定正确的ipq结构 // 定位5元组 // 1.<id, 源ip, 目的ip, l4协议> 可通过ip报文获取 // 2.user 通过ip_defrag给出,指出重组是由谁发 ...
- C#学习笔记（四）：委托和事件
刚开始学习C#的时候就写过了,直接给地址了: 委托.匿名函数.Lambda表达式和事件的学习 委托学习续:Action.Func和Predicate
- 【Java】C/C++与Java的简单比较
转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/5827273.html C/C++: 编译(不同的系统编译出不同的机器码,所以同一 ...
- 关于Linux vi命令 vi命令一览表
vi是所有UNIX系统都会提供的屏幕编辑器,它提供了一个视窗设备,通过它可以编辑文件.当然,对UNIX系统略有所知的人,或多或少都觉得vi超级难用,但vi是最基本的编辑器,学好了vi,以后在UNIX世 ...
- shape中的属性大全
首先,看看事例代码 <shape> <!-- 实心 --> <solid android:color="#ff9999"/> <!-- 渐 ...
- linq to sql 三层架构中使用CRUD操作
/// <summary> /// 数据层 /// </summary> public partial class GasBottles : IGasBottles { #re ...
- C#不错的扩展工具类
FSLibExtension.NET https://github.com/iccfish/FSLib.Extension WebEssentials2013 https://github.com/i ...