Client-Side Report 與 ASP.NET 互動

這篇文章會介紹ASP.NET如何與 RDLC互動，而這裡主要會著重在資料來源的搜尋條件，底下是使用例子的RDLC檔畫面如下

我們依然始用前面例子所建立的Employee Strongly Typed DataTable，於畫面中，我們模擬一個員工資料的Profile(詳細資料)，相關設定如上所示。而我們的需求是希望透過ASP.NET畫面提供依輸入方塊給使用者輸入EmployeeID來讀取該Employee的詳細資料，想要透過EmployeeID來抓取該Employee的資料，我們首先需於EmployeesTableAdapter中建立一個GetDataByEmployeeID的方法，相關建立流程如下

設定完畢之後，於該Adapter下會出現方法如下

然後我們在該aspx的頁面中設計畫面如下

畫面中總共有三個ASP.NET元件，分別為【TextBox】、【Button】、【ReportViewer】，其中ReportViewer與報表定義檔之連結設定，請參考之前Client-Side Report之方法，於Button的Click Event中新增程式碼如下

NorthwndTableAdapters.EmployeesTableAdapter adapter =
            new NorthwndTableAdapters.EmployeesTableAdapter();

        Northwnd.EmployeesDataTable EmployeeDT = adapter.GetDataEmployeeID(Convert.ToInt32(TextBox1.Text));

        //prepare report data source
        ReportDataSource rds = new ReportDataSource();
        rds.Name = "Northwnd_Employees";
        rds.Value = EmployeeDT;
        ReportViewer1.LocalReport.DataSources.Clear();
        ReportViewer1.LocalReport.DataSources.Add(rds); 

輸入完畢之後，我們瀏覽該網頁結果如下

這是因為我們一開始並沒有設定資料來源給ReportViewer(如果想要頁面一開始便有一筆資料，可於Page Load事件中撰寫Load Employee中之程式碼，並給予預設值)，此時我們於TextBox中輸入數字1至9都可，輸入完畢之後，點選Load Employee按鈕，會發現ReportViewer中的報表會因為我們所輸入的EmployeeID的不同而產生不同的資料

請特別注意在上面程式碼部分，有特別針對ReportViewer1.LocalReport.DataSources.Clear(); 這是因為我們每點選一次按鈕，便會將新的資料集結果加入該ReportViewer中，所以我們需執行此步驟，只保留最新的一份即可。

結論
這裡其實只是透過匯入不同的資料結果以達成ASP.NET與ReportViewer互動的效果，相關的技巧還可以使用在使用者的搜尋，可針對搜尋的結果使用RDLC來作呈現，當然這樣就可以享受到其額外的好處，例如匯出excel及pdf等。