最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
可输入的dropdownlist+服务器端的数据
时间:2022-06-30 10:39:49 编辑:袖梨 来源:一聚教程网
在把桌面程序改为 web程序时, 原来程序中用到的一个Infragistics的控件,既能输入又能下啦,下拉显示为一个table, 虽然Infragistics也提供了这样的web control, 但在使用过程中出现了一些bug。设置也比较繁琐。于是只好自己写了。
不过没有写成控件,通用性比较差
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中,并设置显示的位置
/style="DISPLAY: none; Z-INDEX: 102; LEFT: 288px; POSITION: absolute; TOP: 264px; "/>/
不过没有写成控件,通用性比较差
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中,并设置显示的位置
/style="DISPLAY: none; Z-INDEX: 102; LEFT: 288px; POSITION: absolute; TOP: 264px; "/>/
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="/
with(dd.style) { left = x; top =y ; } }
相关文章
- 樱花动漫镜像站点入口_樱花动漫备用网址合集 01-18
- 斗破苍穹漫画免费阅读全集入口在哪?2026最新地址链接 01-18
- 天堂漫画官网免费入口一键直达-天堂漫画官网免费全集畅读 01-18
- 拷贝漫画app官网版下载安装-拷贝漫画app官网入口最新版本安卓 01-18
- 特斯拉官网订车入口-特斯拉下单后多久提车 01-18
- 新番动漫入口2026_2026当季新番时间表与观看指南 01-18