HOW TO:使用設計工具建立 Web 伺服器控制項樣板
更新:2007 年 11 月
GridView、DetailsView、FormView、DataList 和 Repeater Web 伺服器控制項可讓您指定樣板,並定義可定義部分控制項的伺服器控制項和標記。例如,在 GridView 控制項中,您可以定義項目、選取項目、替代項目等的範本,使這些項目都可以有自訂外觀。
這個主題描述如何使用設計工具建立樣板。您可以直接在 Visual Web Developer 中建立樣板。如需使用 ASP.NET 語法建立樣板的詳細資訊,請參閱 HOW TO:以宣告方式建立 ASP.NET Web 控制項樣板。如需範本的背景資訊,請參閱 ASP.NET Web 伺服器控制項樣板。
注意事項: |
---|
如果使用設計工具編輯樣板,則放在樣板的 <textarea> HTML 項目中的資料繫結語法將會是 HTML 編碼。例如,如果使用設計工具編輯樣板,則 <textarea id="TextArea1"><%# Eval("Description") %><textarea> 會自動變更為 <textarea id="TextArea1"><%# Eval("Description") %><textarea>。做為替代方案,您可以藉由將 TextBox 控制項繫結到資料欄位,然後將 TextBox 控制項的 TextMode 屬性指定為 MultiLine 來呈現 <textarea> HTML 項目。 |
若要在 Visual Web Developer 中建立樣板
在 [設計] 檢視中,將 GridView 控制項拖曳至設計介面。
在工作清單中,按一下 [編輯樣板],然後選取您要編輯的樣板。
Visual Web Developer 會以樣板編輯模式顯示控制項。
在樣板中,加入您想要的 HTML 文字和伺服器控制項。
在樣板中,使用下列三個方法的其中一個編輯您所加入的控制項,就像編輯其他 Web 伺服器控制項一樣:
選取控制項,然後使用 [屬性] 視窗設定其屬性。
藉由使用 [DataBinding] 對話方塊將資料繫結至屬性。如需詳細資訊,請參閱在 ASP.NET Mobile 控制項中使用資料繫結。
按兩下內嵌控制項,以建立容器 (Container) 控制項的 ItemCommand 事件處理常式。會將內嵌控制項所引發的事件傳送至容器。如需詳細資訊,請參閱 ASP.NET Web 伺服器控制項事件模型。
重複步驟 1 至 3 以編輯其他樣板。
若要完成,請在工作清單中按一下 [結束樣板編輯]。
藉由設定其樣式屬性 (Property) 以設定個別樣板的外觀。如需詳細資訊,請參閱 ASP.NET Web 伺服器控制項和 CSS 樣式。