Asp.Net父子頁訪問

效果：比如一個裝置管理系統的某處要填入裝置編號，但裝置編號通常比較難記，而可能記住的只是哪個部門哪個位置的裝置。因此，我們想在文字框旁邊加一個按 鈕，點擊之後彈出一個子頁面，這裡有裝置編號、裝置的各項詳情對照的一個表格，我只要根據位置找到該裝置，雙擊此記錄，裝置編號便填上去了。

實現過程：
父頁面

開啟新視窗的javascript函數為：

      <script type="text/javascript" language="javascript">           
           function openpage(htmlurl) 
        {
        var newwin=window.open(htmlurl,"newWin","toolbar=no,location=no,directories=no,status=no,scrollbars=yes,menubar=no,resizable=yes,top=100,left=200,width=650,height=300");
        newwin.focus();
        return false;
        }

        </script>

 在按鈕中調用：

 

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return openpage('child.aspx');"/>

 子頁面綁定gridview的資料來源，並在它的RowDataBound事件裡寫代碼如下：

 

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        string s = "window.opener.document.getElementById('txbRoleName').value='" + e.Row.Cells[1].Text + "'; "+
            "window.opener.document.getElementById('txbRoleID').value='" + e.Row.Cells[0].Text + "'; " 
            +"window.close();";
        if (e.Row.RowType != DataControlRowType.Header)
        {
            e.Row.Attributes.Add("ondblclick", s);//雙擊選擇
            //當滑鼠移到的時候設定該行顏色為""， 並儲存原來的背景顏色
            e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#C0C0FF';this.style.cursor='hand';");
            //當滑鼠移走時還原該行的背景色
            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor");
        }
    }

 

說明：通過window.open開啟新頁面，兩個頁面之前便有了一種父子關係。子頁通過opener可以訪問父頁(控制項及寫在父頁的js函數)，父頁同 樣通過sub可以訪問子頁。如在父頁有個js函數sayhello()，在子頁中只需要opener.sayhello()便可以調用了。

只使用很少的Javascript代碼與asp.net結合，便完成了一種很好用的效果。

 

 轉自：http://www.cnblogs.com/jeffamy/archive/2006/05/11/396880.html