首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

在ASP.net中AJAX放大镜功能解决方法

2012-03-07 
在ASP.net中AJAX放大镜功能如:一个文本框,右边一个放大镜图片,可点击!之后弹出一个页面,里面有GRID,点击GR

在ASP.net中AJAX放大镜功能
如:一个文本框,右边一个放大镜图片,可点击!之后弹出一个页面,里面有GRID,点击GRID中某行数据,关闭弹出页面,并将数据填充到文本框中!
请问用AJAX如果做?

[解决办法]
思路:

1.给"放大镜"图片加onclick事件,加弹出窗口代码
<script type="text/javascript">
function OpenWin()
{
showModalDialog('Grid_list.aspx',window,'dialogHeight:600px;dialogWidth:600px');
}
</script>

2.在弹出的Grid_list.aspx页面中拖放一个dataGrid控件,指定DataGrid控件的数据源,绑定DataGrid控件
然后在事件ItemDataBound中编写如下代码
private void dgdcontent_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemIndex!=-1)
{
e.Item.Attributes.Add("onclick","Re_Value('"+e.Item.Cells[0].Text+"','"+e.Item.Cells[1].Text+"')");
}
}

Re_Value js函数要写到Grid_List.aspx页面中,参考代码如下
<script type="text/javascript">
function Re_Value(value1,value2)
{
dialogArguments.Form1.TxInv.value=value1+','+value2; //TxInv为父窗口中的一个"文本框"控件,用来接收由子页面传递过来的参数
window.close();
}
</script>



热点排行