Sử dụng điều khiển Image của Standard trong ASP.NET

MỤC LỤC

Điều khiển hiển thị ảnh

Điều khiển Image

Điều khiển này dùng để hiển thị ảnh giống với thẻ <Img> trong HTML Các thuộc tính quan tâm. DescriptionUrl Cho phép bạn cung cấp một đường dẫn đến trang miêu tả chi tiết nội dung của ảnh. ImageAlign Cho phép căn chỉnh ảnh lên quan tới các thành phần HTML khác trong trang và nó có thể là các giá trị sau:AbsBottom, AbsMiddle, Baseline, Bottom, Left, Middle, NotSet, Right, TextTop, and Top.

Điều khiển ImageMap

- HotSpots: cho phép bạn điền tập hợp thông tin của HotSpots được chứa đựng trong điều khiển ImageMap. - HotSpotMode:Cho phép bạn chỉ định Enables you to specifythe behavior of the image map when you click a region.

Sử dụng các điều khiển Standard

Điều khiển hiển thị thông tin 1. Label

    Tuy điều khiển Label chứa đựng rất nhiều thuộc tính để kết xuất hiển thị nhưng với kinh nghiệm của mình trong quá trình thiết kế Web tôi khuyên bạn lên sử dụng thuộc tính cssClass để sử dụng một lớp css. Giống với điều khiển Label bạn có thể dùng Literal để trình bày Text hoặc nội dung Html. Literal hỗ trợ một thuộc tính mà Label không hỗ trợ đó là: thuộc tính Mode gồm 3 giá trị là: Pass through, Endcode, transform.

    Textmode Kiểu hiển thị của Textbox gồm 3 giá trị: SingleLine- hiển thị 1 trường nhập liệu trên 1 dòng, MultiLine- hiển thị 1 trường nhập liệu nhiều dòng, Password- hiển thị 1 trường nhập mà Text sẽ được thay thế bằng các ký tự đặc biệt AccessKey Cho pheps bạn chỉ định phím để di chuyển tới control. AutoPostBack Cho phép gửi dữ liệu lên server khi nội dung của TextBox thay đổi. Columms Cho phép chỉ định số cột được hiển thị trong TextBox Enabled Cho phép hay không cho phép nhập liệu trên TextBox MaxLength Cho phép quy đinh độ dài của dữ liệu mà một người sử.

    ReadOnly Cho phép chỉ đưa dữ liệu ra TextBox chứ không nhập dữ liệu vào. Rows Cho phép chỉ định số dòng hiển thị trong TextBox TabIndex Cho phép chỉ định thứ tự Tab của TextBox. Wrap Cho phép chỉ định có word-wraps không khi thiết lập thuộc tính TextMode là Multiline.

    Checked Cho phép bạn gán hoặc thiết đặt trạng thái chọn hay không chọn của CheckBox. Điều khiển RadioButton luôn được sử dụng trong một nhóm và trong nhóm đó chỉ một RadioButton được chọn.

    Submitting Form Data 1. Điều khiển Button

      Điều khiển LinkButton: các phương thức và thuộc tính giống với điều khiển Button nhưng cách hiển thị của nó dưới dạng Text giống như thẻ <a> của HTML và có thể áp dụng thuộc tính css của thể <a> cho đối tượng LinkButton. ImageAlign Cho phép căn chỉnh ảnh trong ImageButton các giá trị của nó có thể là: AbsBottom, AbsMiddle, Baseline, Bottom, Left, Middle, NotSet, Right, TextTop, and Top. Cả ba điều khiển Button trên đều có thuộc tính OnClientClick, bạn có thể sử dụng thuộc tính này để thực hiện mã phía Client mà bạn cần khi điều khiển Button được nhấn.

      Trong điều khiển Button ta gán vào 2 sự kiện: OnClientClick phía Clien, và OnClick phía Server. OnClientClick sẽ thực hiện khi người dùng phía Client nhấn vào Button, trong mã Client trình bày một hàm confirm trong javascript với mục đính hỏi người dùng xác nhận việc thực hiện nào đó “Bạn có chắc chắn?” nếu người dùng chọn OK thì Sự kiện thứ 2 OnClick sẽ được thực hiện còn nếu chọn Cancel thì sự kiện phía Server không được thực hiện. Mặc định khi bạn nhấn vào Button nó sẽ thực hiện công việc ngay trên trang và trang của chúng ta sẽ Load lại một lần nhưng bạn có thể sử dụng thuộc tính PostBackUrl để chuyển sang một trang khác.

      Trong đoạn mã trên ta để ý phương thức FindControl của PreviousPage nó sẽ tìm đến Điều khiển trên trang ButtonSearch.aspx mà ta cung cấp ID của nó. Ví dụ trên trang của bạn có nhiều điều khiển Button, khi nhập dữ liệu bạn lại quen nhập xong dữ liệu và nhấn nút Enter trên bàn phím, bạn có thể để mặc định nút cập nhật dữ liệu làm mặc định khi nhấn phím Emter. Sự khác nhau giữa Command Event và Command Click là trong Command Event bạn có thể cung cấp Command Name và Command argument.

      Trong các ví dụ trước tôi đã lấy ví dụ về sự kiện Command Click nên bây giờ tôi sẽ lấy một ví dụ về Command Event để bạn so sánh. Cả ba điều khiển Button trên đều chứa Tên lệnh và đối số lệnh và tuỳ thuộc vào đối số. Cho phép bạn tạo bản đồ ảnh trên 1 ảnh hiển thị trên trang web mà người dùng phía Client có thể chọn vào một vùng của ảnh để thực hiện một công việc nào đó.

      Khi bạn cần đưa các điều khiển trang vào một nhóm để giải thích nghĩa cho nhóm đó hoặc có thể là để ần hoặc hiện nhóm điều khi nhấn 1 sự kiện nào đó trên trang của bạn, bạn có thể dùng điều khiển panel. - DefaultButton: Cho phép bạn định nghĩa một button mặc định trong panel mà button mặc định này sẽ được thực hiện khi bạn nhấn phím Enter. - Direction: Cho phép bạn gán hoặc thiết đặt hướng hiển thị nội dung được đưa ra trong panel, có thể là các giá trị:NotSet, LeftToRight, and RightToLeft.

      - GroupingText: Cho phép bạn trình bày Panel như 1 Fieldset với một chú giải riêng biệt. - HorizontalAlign: Cho phép bạn chỉ ra hướng ngang thể hiện nội dung của panel và nó có thẻ là các giá trị: Center, Justify, Left, NotSet, and Right.