1. ASP.NET AJAX 中,如何用 JavaScript 調用伺服器端的方法?
這裡不是指調用簡單的 PageMethod,因為靜態方法是不能操作當前頁面的控制項的,所以靜態 PageMethod 作用就跟普通的 WebService 一樣,比較局限。
那麼,調用一般的伺服器端方法,其實就是發起一個非同步回調。最簡單的實現辦法,是通過 UpdatePanel 來做。
首先定義一個隱藏的 LinkButton,在其處理事件中,去調用我們要執行的操作:
<asp:LinkButton ID="linkUpdatePosts" runat="server" style="display:'none';" OnClick="linkUpdatePosts_Clicked" />
// 重新整理貼文清單(供用戶端 js 調用)
protected void linkUpdatePosts_Clicked(object sender, EventArgs e)
{
LoadPosts();
}
然後 JavaScript 中就可以定義函數來觸發這個 LinkButton 的回傳:
// 重新整理貼文清單
function refreshPosts() {
__doPostBack('<%= linkUpdatePosts.UniqueID %>', '');
}
// 重新整理貼文清單
function refreshPosts() {
__doPostBack('<%= linkUpdatePosts.ClientID %>'.split('_').join('$'), '');
}這裡注意 split('_').join('$') 的用法,是因為作為 __doPostBack 參數的控制項標誌符是用 $ 分隔的,而 ClientID 是用 _ 分隔,要在兩者之間進行下轉換。
2. 如何擷取 GridView 編輯狀態下儲存格裡的值?
還在使用這樣的代碼嗎?
var txtName = grid1.Rows[e.RowIndex].Cells[0].FindControl("txtName") as TextBox;
if (txtName != null)
{
// 讀取值
//
}
其實這些工作(在儲存格中尋找控制項,並嘗試擷取其中的值)已經被封裝了。現在,只要調用 ExtractValuesFromCell 方法即可。
而該方法也被很多種列類型所支援:
DataControlField, BoundField, AutoGeneratedField, CheckBoxField, ImageField, TemplateField, DynamicField
你可以在 GridView 的 RowUpdating, RowDeleting 等事件中使用它。利用該方法,可以將值提取到所需的字典裡去,然後再從字典中讀取。這些字典包括:e.Keys, e.NewValues, e.OldValues 等。
一小段例子代碼:
// 更新
protected void grid1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
var row = grid1.Rows[e.RowIndex];
// 提取 Id 欄位的值
grid1.Columns[0].ExtractValuesFromCell(
e.Keys,
row.Cells[0] as DataControlFieldCell,
DataControlRowState.Edit,
true /* include readonly */);
// 提取 Name 欄位的值
grid1.Columns[1].ExtractValuesFromCell(
e.NewValues,
row.Cells[1] as DataControlFieldCell,
DataControlRowState.Edit,
true /* include readonly */);
var id = int.Parse(e.Keys["id"].ToString());
var name = (string) e.NewValues["name"];
// 執行相關的資料庫更新操作
//
}
這樣,在大多數場合我們可以儘可能多的使用 BoundField,並且也能正確讀取到其編輯時的值,省下自訂 TemplateField 的一堆代碼了。