Đang tải... (xem toàn văn)
Bài giảng lập trình Asp .NET làm việc với điều khiển
aspnetaspnetLàm việc với các controlLàm việc với các control(Working with controls)(Working with controls)Trình bày: Hà Đồng Hưng Giới thiệu VMWare Workstation2Mục tiêuMục tiêu•Server controls khác HTML controls•Các control đơn giản–Label, Buttons (Button, LinkButton, ImageButton), TextBox–List Controls (ListBox, DropDownList, Table,DataGrid, DataList, Repeater )•Kết dữ liệu với control–Kết dữ liệu đơn giản–Kết dữ liệu với Cơ sở dữ liệu•Các control kiểm tra tính hợp lệ•Các control khác Giới thiệu VMWare Workstation3Mục tiêuMục tiêu•Server controls khác HTML controls•Các control đơn giản–Label, Buttons (Button, LinkButton, ImageButton), TextBox–List Controls (ListBox, DropDownList, Table,DataGrid, DataList, Repeater )•Kết dữ liệu với control–Kết dữ liệu đơn giản–Kết dữ liệu với Cơ sở dữ liệu•Các control kiểm tra tính hợp lệ•Các control khác Giới thiệu VMWare Workstation4Server control khác HTML controlServer control khác HTML controlFeature Server controls HTML controlsServer events Gây ra các sự kiện cụ thể của các control trên server.Chỉ có thể gây ra các sự kiện cấp độ page trên server (post-back)State ManagementDữ liệu nhập trong các control được duy trì xuyên suốt các yêu cầu trang.Dữ liệu không được duy trì; phải được cất giữ và phục hồi bằng cách sử dụng kịch bản cấp độ pageAdaptation Tự động phát hiện trình duyệt và điều biến trình bày thích hợp.Không tự động điều biến; phải viết code phát hiện trình duyệt hoặc viết các mẫu chungProperties .NET Framework cung cấp tập hợp các thuộc tính cho mỗi control. Các thuộc tính cho phép thay đổi các hành xử và trình bày của control trong mã server-side.Chỉ có các thuộc tính HTML Giới thiệu VMWare Workstation5Sử dụng HTML controls ???Sử dụng HTML controls ???Các lý do sử dụng HTML controls :•Chuyển từ các phiên bản trước của ASP. •Không phải tất cả các controls đều đòi hỏi sự kiện phía Server hay quản lý trạng thái. –Điều này thực sự đặc biệt khi thực hiện kết dữ liệu. Các mục kết thường được làm mới lại từ nguồn dữ liệu với mỗi request, vì thế sẽ hiệu lực hơn khi thông tin trạng thái không duy trì cho các control kết dữ liệu. sử dụng HTML control hoặc tắt sự quản lý trạng thái của các server control kết dữ liệu.•Bạn có đầy đủ các HTML control để dàn trang. Giới thiệu VMWare Workstation6Sự khác biệt trong các thẻ HTMLSự khác biệt trong các thẻ HTML•Server control:–<asp:controlname id="some_id" runat="server"/>•HTML control:–HTML tags•Ví dụ:–<asp:TextBox id="txtText" runat="server"></asp:TextBox>–<INPUT type="text" id="textfield1">–<asp:Button id="btnShow" runat="server" Text="Show"></asp:Button>–<INPUT type="button" value="Show"> Giới thiệu VMWare Workstation7Server Control và HTML ControlServer Control và HTML ControlServer control HTML controlTrình bày văn bảnLabel, TextBox, Literal Label, Text Field, Text Area, Password FieldTrình bày bảng biểuTable, DataGrid(Gridview) TableDanh sách lựa chọnDropDownList, ListBox, DataList, RepeaterList Box, DropdownThực hiện lệnh Button, LinkButton, ImageButton Button, Reset Button, Submit ButtonThiết lập giá trị CheckBox, CheckBoxList, RadioButton, RadioButtonListCheckbox, Radio ButtonTrình bày ảnh Image, ImageButton ImageĐiều hướng Hyperlink Không có (sử dụng thẻ <a>) Giới thiệu VMWare Workstation8Server Controls and HTML ControlsServer Controls and HTML ControlsNhóm các control Panel, Placeholder Flow Layout, Grid LayoutLàm việc với ngày thángCalendar KhôngTrình bày quảng cáo AdRotator khôngTrình bày thước kẻ nằm ngangLiteral Horizontal RuleLấy tập tin từ máy kháchFileUpload File FieldLưu trữ dữ liệu trên trang(được cung cấp bởi state management) Input HiddenKiểm tra hợp lệ dữ liệuRequiredFieldValidator, CompareValidator, RangeValidator, RegularExpressionValidator, CustomValidator,ValidationSummarykhông (dùng cấp kịch bản trên trang) Giới thiệu VMWare Workstation9Mục tiêuMục tiêu•Server controls khác HTML controls•Các control đơn giản–Label, Buttons (Button, LinkButton, ImageButton), TextBox–List Controls (ListBox, DropDownList, Table,DataGrid, DataList, Repeater )•Kết dữ liệu với control–Kết dữ liệu đơn giản–Kết dữ liệu với Cơ sở dữ liệu•Các control kiểm tra tính hợp lệ•Các control khác Giới thiệu VMWare Workstation10 Các control đơn giảnLabel, Buttons, TextBox - HTML tags Các control đơn giảnLabel, Buttons, TextBox - HTML tags•Label–<asp:Label id="Label1" runat="server">Please input text</asp:Label>•Buttons (Button, LinkButton, ImageButton)–<asp:Button id="Button1" runat="server" Text="Button"></asp:Button>–<asp:LinkButton id="LinkButton1" runat="server">LinkButton</asp:LinkButton>–<asp:ImageButton id="ImageButton1" runat="server"></asp:ImageButton>•TextBox–<asp:TextBox id="TextBox1" runat="server"></asp:TextBox> [...]... Controls (ListBox, DropDownList, Table,DataGrid, DataList, Repeater ) • Kết dữ liệu với control – Kết dữ liệu đơn giản – Kết dữ liệu với Cơ sở dữ liệu • Các control kiểm tra tính hợp lệ • Các control khác aspnet aspnet Làm việc với các control Làm việc với các control (Working with controls) (Working with controls) Trình bày: Hà Đồng Hưng Giới thiệu VMWare Workstation 8 Server Controls and HTML Controls Server... runat="server">Please input text< /asp: Label> • Buttons (Button, LinkButton, ImageButton) – < ;asp: Button id="Button1" runat="server" Text="Button">< /asp: Button> – < ;asp: LinkButton id="LinkButton1" runat="server">LinkButton< /asp: LinkButton> – < ;asp: ImageButton id="ImageButton1" runat="server">< /asp: ImageButton> • TextBox – < ;asp: TextBox... Controls: HTML tags • ListBox – < ;asp: ListBox id="ListBox1" runat="server">< /asp: ListBox> • DropDownList – < ;asp: DropDownList id="DropDownList1" runat="server">< /asp: DropDownList> • Table – < ;asp: Table id="Table1" runat="server" Width="100px" Height="70px">< /asp: Table> Giới thiệu VMWare... Giới thiệu VMWare Workstation 8 Server Controls and HTML Controls Server Controls and HTML Controls Nhóm các control Panel, Placeholder Flow Layout, Grid Layout Làm việc với ngày tháng Calendar Khơng Trình bày quảng cáo AdRotator khơng Trình bày thước kẻ nằm ngang Literal Horizontal Rule Lấy tập tin từ máy khách FileUpload File Field Lưu trữ dữ liệu trên trang (được cung cấp bởi state management)... Button, Submit Button Thiết lập giá trị CheckBox, CheckBoxList, RadioButton, RadioButtonList Checkbox, Radio Button Trình bày ảnh Image, ImageButton Image Điều hướng Hyperlink Khơng có (sử dụng thẻ <a>) Giới thiệu VMWare Workstation 10 Các control đơn giản Label, Buttons, TextBox - HTML tags Các control đơn giản Label, Buttons, TextBox - HTML tags • Label – < ;asp: Label id="Label1"... Repeater ) • Kết dữ liệu với control – Kết dữ liệu đơn giản – Kết dữ liệu với Cơ sở dữ liệu • Các control kiểm tra tính hợp lệ • Các control khác Giới thiệu VMWare Workstation 6 Sự khác biệt trong các thẻ HTML Sự khác biệt trong các thẻ HTML • Server control: – < ;asp: controlname id="some_id" runat="server"/> • HTML control: – HTML tags • Ví dụ: – < ;asp: TextBox id="txtText"... tháng được lựa chọn trên control Calendar, sử dụng trình quản lý sự kiện SelectionChanged và các thuộc tính SelectedDate hay SelectedDates Giới thiệu VMWare Workstation 7 Server Control và HTML Control Server Control và HTML Control Server control HTML control Trình bày văn bản Label, TextBox, Literal Label, Text Field, Text Area, Password Field Trình bày bảng biểu Table, DataGrid(Gridview) Table Danh... tính hợp lệ trong trình sử lý sự kiện ServerValidate • Trên client-side – Xác định một kịch bản kiểm tra tính hợp lệ trong thuộc tính ClientValidationFunction Giới thiệu VMWare Workstation 15 List Controls ListBox, DropDownList, Table List Controls ListBox, DropDownList, Table Control Sử dụng ListBox Trình bày văn bản chỉ đọc trọng một định dạng danh sách cuộn đơn. DropDownList Trình bày văn bản... runat="server"/> • HTML control: – HTML tags • Ví dụ: – < ;asp: TextBox id="txtText" runat="server">< /asp: TextBox> – <INPUT type="text" id="textfield1"> – < ;asp: Button id="btnShow" runat="server" Text="Show">< /asp: Button> – <INPUT type="button" value="Show"> Giới thiệu VMWare Workstation 34 Các... controls • Các control đơn giản – Label, Buttons (Button, LinkButton, ImageButton), TextBox – List Controls (ListBox, DropDownList, Table,DataGrid, DataList, Repeater ) • Kết dữ liệu với control – Kết dữ liệu đơn giản – Kết dữ liệu với Cơ sở dữ liệu • Các control kiểm tra tính hợp lệ • Các control khác Giới thiệu VMWare Workstation 11 Các control đơn giản Đặt các thuộc tính lúc Design Các control đơn giản Đặt . aspnetaspnetLàm việc với các controlLàm việc với các control(Working with controls)(Working with controls )Trình bày: Hà Đồng Hưng Giới. hiện trình duyệt và điều biến trình bày thích hợp.Không tự động điều biến; phải viết code phát hiện trình duyệt hoặc viết các mẫu chungProperties .NET Framework