可输入的dropdownlist+服务器端的数据
2006-04-21 11:05
211 查看
1。在服务器端将可选择的值导在一个datagrid中, 设置这个datagrid的display = 'none'
2. 再在服务器端设置datagrid的每个item的onlick值
For i = 0 To dgd.Items.Count - 1
dgd.Items(i).Attributes.Add("onclick", "show(""" + dgd.Items(i).Cells(0).Text.Trim + """,'" + txt.ClientID + "')")
dgd.Items(i).Attributes.Add("onMouseOver", "this.className='sel';")
dgd.Items(i).Attributes.Add("onMouseOut", "this.className='params';")
dgd.Items(i).CssClass = "params"
Next
这里必须设置在客户端点击某行时在那个控件现实什么值
3。还在服务器端设置点击的图片的客户端事件
img.Attributes.Add("onclick", "lstParams('" + txt.ClientID + "','" + dgd.ClientID + "')")
显示哪个datagrid中的值在哪个textbox下
4. 在客户端javascript中复制要显示的隐藏的datagrid中的值到一个div中,并设置显示的位置
/<DIV id=divParams
style="DISPLAY: none; Z-INDEX: 102; LEFT: 288px; WIDTH: 200px; POSITION: absolute; TOP: 264px; HEIGHT: 115px"/>/</DIV/>
function lstParams(txtbox,dgd) { var x,y; var dd=document.all['divParams']; var dpar=document.all[dgd]; var e =document.all[txtbox]; var str; var y=e.offsetTop+e.offsetHeight; var x=e.offsetLeft; while(e=e.offsetParent) { y+=e.offsetTop; x+=e.offsetLeft; }
str=dpar.innerHTML;
dd.innerHTML="/<table class='paramTB' rules='all' />"+str+"/</table/>";
with(dd.style) { left = x; top =y ; } }
客户端点击事件:
function show(value,ctr) { document.all[ctr].value=value; }
function hideParams() { var el=window.event.srcElement; if (el.id.indexOf('btnLst')==-1) document.all['divParams'].style.display='none'; else { if( document.all['divParams'].style.display=='none') document.all['divParams'].style.display=''; else document.all['divParams'].style.display='none'; } }
window.document.attachEvent("onclick",hideParams);
5。 要模仿得像dropdownlist要设置点击的图片紧靠在textbox旁
IMG id=btnLst style="Z-INDEX: 1;top:4px; LEFT: -5px; POSITION: relative" alt="" src="Images/btn.gif" runat=server
这样就可以模仿一个可输入的dropdownlist下拉为一个table, 点中某行可以将要显示的值显示在输入框中
2. 再在服务器端设置datagrid的每个item的onlick值
For i = 0 To dgd.Items.Count - 1
dgd.Items(i).Attributes.Add("onclick", "show(""" + dgd.Items(i).Cells(0).Text.Trim + """,'" + txt.ClientID + "')")
dgd.Items(i).Attributes.Add("onMouseOver", "this.className='sel';")
dgd.Items(i).Attributes.Add("onMouseOut", "this.className='params';")
dgd.Items(i).CssClass = "params"
Next
这里必须设置在客户端点击某行时在那个控件现实什么值
3。还在服务器端设置点击的图片的客户端事件
img.Attributes.Add("onclick", "lstParams('" + txt.ClientID + "','" + dgd.ClientID + "')")
显示哪个datagrid中的值在哪个textbox下
4. 在客户端javascript中复制要显示的隐藏的datagrid中的值到一个div中,并设置显示的位置
/<DIV id=divParams
style="DISPLAY: none; Z-INDEX: 102; LEFT: 288px; WIDTH: 200px; POSITION: absolute; TOP: 264px; HEIGHT: 115px"/>/</DIV/>
function lstParams(txtbox,dgd) { var x,y; var dd=document.all['divParams']; var dpar=document.all[dgd]; var e =document.all[txtbox]; var str; var y=e.offsetTop+e.offsetHeight; var x=e.offsetLeft; while(e=e.offsetParent) { y+=e.offsetTop; x+=e.offsetLeft; }
str=dpar.innerHTML;
dd.innerHTML="/<table class='paramTB' rules='all' />"+str+"/</table/>";
with(dd.style) { left = x; top =y ; } }
客户端点击事件:
function show(value,ctr) { document.all[ctr].value=value; }
function hideParams() { var el=window.event.srcElement; if (el.id.indexOf('btnLst')==-1) document.all['divParams'].style.display='none'; else { if( document.all['divParams'].style.display=='none') document.all['divParams'].style.display=''; else document.all['divParams'].style.display='none'; } }
window.document.attachEvent("onclick",hideParams);
5。 要模仿得像dropdownlist要设置点击的图片紧靠在textbox旁
IMG id=btnLst style="Z-INDEX: 1;top:4px; LEFT: -5px; POSITION: relative" alt="" src="Images/btn.gif" runat=server
这样就可以模仿一个可输入的dropdownlist下拉为一个table, 点中某行可以将要显示的值显示在输入框中
相关文章推荐
- 可输入的dropdownlist+服务器端的数据
- 可输入的dropdownlist+服务器端的数据
- 批量数据录入, 辅助输入数据, 以及相关检测(ASP 服务器端)(原创)
- JQuery从服务器端取得数据绑定到dropdownlist(select)中
- 怎么用php post 数据到服务器端,封装的方法,只需要输入url 和 post 数据即可
- android端和pc端使用usb进行socket通信,其中android是服务器端,pc是客户端。如何实现安卓端输入的数据通过按钮发送到pc端?
- JQuery从服务器端取得数据绑定到dropdownlist(select)中
- 笔试:解析用逗号分隔的输入数据
- DropDownList ListBox GridView DataList Repeater FormView DetailsView 数据绑定控件详解
- ACM题目中输入数据的处理(C++版)
- 编写一段代码,实现在控制台输入一组数据后,排序后再控制台输出
- 35-001-4 Struts中的表单数据输入的验证问题
- 使用TCP协议编写一个网络程序,设置服务器端的监听端口是8002,当与客户端建立连接后,服务器端向客户端发送数据“Hello, world”,客户端收到数据后打印输出
- Android与服务器端数据交互(基于SOAP协议整合android+webservice)
- easyUI实现输入内容,自动检索数据
- DropDownList 和Combox 数据绑定的常用方法
- Miko Android自学之路 WifiDirect中文最强详解,如何传输数据,如何设置GroupOwener,如何设置客户端以及服务器端
- 使用XML Schema验证XML数据输入
- Android与服务器端数据交互(基于SOAP协议整合android+webservice)
- 从键盘输入4个学生的有关数据,然后把它们保存到磁盘文件中,最后从磁盘文件中读取数据输出到屏幕