[转]关于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目录下): 对所有项目所公有的应用 ...
随机推荐
- openstack domain serverID connect uri
- CSS选择器的特殊性
在我们为元素添加样式的时候,或多或少会出现一个元素会有几个不同规则的样式.有#id的,有.class,直接标签元素的,还有各种组合起来的选择器.那CSS到底如何解决这些冲突呢,我们这次专门来探讨一下. ...
- RHEL安装配置JAVA
查看当前java版本 [root@esb-mmplus-04 ~]# java -version java version "1.6.0_24" OpenJDK Runtime E ...
- poj3083
Children of the Candy Corn Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 8046 Accep ...
- 创建动态组-以OU为单位
选择“Windows 计算机”为对象,因为监视对象是以计算机为单位 ==================== 以下方式则无组成员返回: 此时要求返回的对象为AD用户或组,猜测SCOM没有监视到该用户或 ...
- Codeforces Gym 100114 H. Milestones 离线树状数组
H. Milestones Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/gym/100114 Descripti ...
- 用c#读取并分析sql2005日志
用过logExplorer的朋友都会被他强悍的功能吸引,我写过一篇详细的操作文档可以参考http://blog.csdn.net/jinjazz/archive/2008/05/19/2459692. ...
- js中substr与substring的差别
Js的substring和C#的Substring的作用都是从一个字符串中截取出一个子字符串,但它们的用法却有非常大的不同,下边我们来比較看看: Js的substring 语法: 程序代码 S ...
- iOS与日期相关的操作
// Do any additional setup after loading the view, typically from a nib. //得到当前的日期 注意week1是星期天 NSDat ...
- 真机下, 如何在File Explorer里看data下的数据?
首先手机得Root , 你如果想单个单个的看, root explorer可以设置Permission Other下的两个权限点上就ok了. 如果想看到所有的, 即子目录也可以看到, 只需要adb r ...