Thủ thuật AJAX FilteredTextBoxExtender trong Asp.net

Thủ thuật AJAX FilteredTextBoxExtender trong Asp.net

Thursday, August 27, 2015 / No Comments

(How to use Ajax FilteredTextBoxExtender for validating in ASP.NET) – Việc kiểm soát thông tin nhập vào Textbox trên Form nhập liệu rất quan trọng, nó không chỉ giúp ngăn chặn người dùng nhập các ký tự không hợp lệ vào Textbox mà còn cho phép người dùng chỉ nhập các ký tự mà bạn đã định nghĩa trước. Ví dụ đối với Textbox nhập số điện thoại bạn chỉ muốn Textbox này chỉ chấp nhận các giá trị số được đưa vào còn với các ký tự sẽ không được phép. Hay với các Textbox liên quan đến việc tính toán thì sẽ không cho phép người dùng nhập vào ký tự .

Sử dụng AJAX ValidatorCalloutExtender trong Asp.net

Sử dụng AJAX ValidatorCalloutExtender trong Asp.net

/ No Comments

(Display Validation in ToolTip Using ValidatorCalloutExtender in Asp.Net) - RequiredFieldValidator là Control cho phép bạn yêu cầu người sử dụng phải nhập  trước khi gửi dữ liệu đi, hoặc Control Comparevalidator cho phép bạn kiểm soát được các kiểu dữ liệu nhập vào Textbox như: integer, date, string… Khi người sử dụng không nhập dữ liệu hoặc đưa dữ liệu không hợp lệ các Control này sẽ đưa ra các thông báo để người dùng biết. Vậy làm sao để những thông báo này trông đẹp và chuyên nghiệp hơn? Bài viết dưới đây sẽ hướng dẫn các bạn tích hợp Control AJAX AutoCompleteExtender vào các Form, và khi thông báo xuất hiện trong nó giống như tooltip đẹp và gần gũi hơn.

Sử dụng kết hợp giữa AjaxControlToolkit Accordion và Repeater trong Asp.net

Sử dụng kết hợp giữa AjaxControlToolkit Accordion và Repeater trong Asp.net

Wednesday, August 26, 2015 / No Comments

(Nesting the AjaxControlToolkit Accordion control and the ASP.NET Repeater) –  Bài viết dưới đây sẽ hướng dẫn các bạn cách sử dụng kết hợp giữa AjaxControlToolkit Accordion và Repeater để hiển thị dữ liệu. Dữ liệu chúng tôi lấy làm ví dụ là bảng Categories và Products trong CSDL Northwind. AjaxControlToolkit Accordion có nhiệm vụ hiển thị toàn bộ danh sách Categories, Repeater sẽ hiển thị toàn bộ Product theo từng Category được chọn

Sử dụng AJAX Slider Extender cho Paging Datalist trong Asp.net

Sử dụng AJAX Slider Extender cho Paging Datalist trong Asp.net

Monday, August 24, 2015 / No Comments

(Tạo Paging Datalist bằng AJAX Slider Extender) – Có nhiều cách để phân trang cho Datalist như sử dụng chức năng có sẵn trong Datalist hoặc xây dựng Control riêng để xử lý công việc này. Để có thêm lựa chọn trong việc phân trang cho Datalist, hôm nay thủ thuật lập trình sẽ giới thiệu với các bạn 1 cách nữa, đó là sử dụng AJAX Slider Extender.

Sử dụng jQuery datepicker trong Ajax ModalPopupExtender

Sử dụng jQuery datepicker trong Ajax ModalPopupExtender

Sunday, July 26, 2015 / No Comments

(jQuery DatePicker & AJAX Modal Popup Extender) –  AJAX Modal Popup Extender giúp người lập trình tạo Popup nhanh chóng và dễ dàng. Còn jQuery DatePicker giúp người sử dụng chọn ngày tháng cho Textbox thuận tiện mà không phải nhập thông tin bằng tay. Tuy nhiên khi sử dụng kết hợp giữa AJAX Modal Popup Extender và jQuery DatePicker lại phát sinh một vấn đề làm đau đầu người phát triển. Đó là khi chọn DatePicker, màn hình chọn thường nằm ở phía dưới ModalPopupExtender nên rất bất tiện cho người sử dụng khi lựa chọn.  Vậy có cách nào để có thể kết hợp AJAX Modal Popup Extender và jQuery DatePicker mà vẫn lựa chọn được ngày tháng bình thường không? Dưới đây là các xử lý để có thể kết hợp AJAX Modal Popup Extender và jQuery DatePicker với nhau.

Hiển thị danh sách tài liệu khi kích vào Icon trên Gridview

Hiển thị danh sách tài liệu khi kích vào Icon trên Gridview

Tuesday, July 7, 2015 / No Comments

(Showing Popup document on clicking Icon in Gridview) –  Bài viết dưới đây sẽ hướng dẫn các bạn cách xây dựng hiển thị biểu tượng  với những công việc có file đính kèm và khi kích vào tên công việc hoặc biểu tượng, 1 Popup sẽ hiển thị toàn bộ danh sách tài liệu thuộc công việc đã click.

Cập nhật đồng loạt nhiều giá trị vào Database trên Gridview

Cập nhật đồng loạt nhiều giá trị vào Database trên Gridview

Monday, July 6, 2015 / No Comments

(Thay đổi động loạt nhiều giá trị từ Checkbox trên Gridview) –  Trên Gridview là danh sách các sản phẩm có những loại khác nhau, thông thường nếu cần thay đổi loại của sản phẩm, người sử dụng sẽ sửa sản phẩm đó và thay đổi loại. Nếu trong trường hợp cần thay đổi nhiều sản phẩm người sử dụng sẽ phải mất nhiều thao tác, nhiều thời gian để thực hiện. Vậy làm sao để có thể thay đổi đồng loạt loại cho những sản phẩm được  chọn, bài viết dưới đây sẽ hướng dẫn các bạn làm việc đó.

Sử dụng AJAX Slider Extender cho Paging Gridview trong Asp.net

Sử dụng AJAX Slider Extender cho Paging Gridview trong Asp.net

Friday, June 19, 2015 / No Comments

(Tạo Paging Gridview bằng AJAX Slider Extender) – Có nhiều cách để phân trang cho Gridview như sử dụng chức năng có sẵn trong Gridview hoặc xây dựng Control riêng để xử lý công việc này. Để có thêm lựa chọn trong việc phân trang cho Gridview, hôm nay thủ thuật lập trình sẽ giới thiệu với các bạn 1 cách nữa, đó là sử dụng AJAX Slider Extender.

Tạo Master Detail cho GridView sử dụng ModalPopupExtender trong Asp.net

Tạo Master Detail cho GridView sử dụng ModalPopupExtender trong Asp.net

/ No Comments

(Tạo Master Detail cho Gridview) – Chức năng Master Detail sẽ cho phép người sử dụng quan sát, đánh giá dữ liệu một cách dễ dàng  và trực quan nhất. Thông thường để xem các sản phẩm trong 1 đơn hàng, người sử dụng sẽ phải kích vào thông tin 1 đơn hàng, một màn hình mới sẽ xuất hiện hiển thị danh sách các sản phẩm của đơn hàng đó. Và nếu muốn xem thông tin đơn hàng khác, người sử dụng sẽ phải kích nút quay lại màn hình chính. Nhưng với Master Detail không phải mất  nhiều thao tác để xem các đơn hàng mong muốn. Bài viết dưới đây sẽ hướng dẫn các bạn cách xây dựng chức năng Master Detail sử dụng ModalPopupExtender trong Gridview.

Nhúng Control AJAX HoverMenu vào GridView trong Asp.net

Nhúng Control AJAX HoverMenu vào GridView trong Asp.net

Thursday, June 18, 2015 / No Comments

(Sử dụng AJAX HoverMenu trong Gridview) –  HoverMenu là một extender trong bộ ASP.NET AJAX có thể được gắn vào bất kỳ WebControl ASP.NET nào. Khi người dùng di chuyển con trỏ chuột qua mỗi hàng của Gridview, một Menu xuất hiện hiển thị các chức năng cần sử dụng. Và người sử dụng chỉ cần kích vào các nút lệnh cần sử dụng khi Menu xuất hiện. Bài viết dưới đây sẽ hướng dẫn các bạn cách nhúng HoverMenu vào Gridview, HoverMenu sẽ gồm các chức năng: Edit, Delete, Update, Cancel.

Sử dụng AJAX AutoCompleteExtender trong Asp.net

Sử dụng AJAX AutoCompleteExtender trong Asp.net

/ No Comments

(AJAX AutoCompleteExtender cho Textbox trong Asp.net) –  Để gợi ý giúp người sử dụng lựa chọn những từ khóa phù hợp cần tìm kiếm, các Website thường tích hợp chức năng Autocomplete tại Textbox gõ từ khóa. Khi gõ một vài ký tự đầu của từ  khóa, tính năng Autocomplete sẽ liệt kê một danh sách nội dung thỏa mãn từ khóa đã nhập vào. Bài viết dưới đây sẽ hướng dẫn các bạn cách sử dụng AJAX AutoCompleteExtender, mỗi khi gõ từ khóa vào Textbox một danh sách tên khách hàng sẽ xuất hiện để người dùng lựa chọn.

Nhúng Control AJAX Rating vào GridView TemplateField

Nhúng Control AJAX Rating vào GridView TemplateField

/ No Comments

(Sử dụng Control AJAX Rating vào GridView TemplateField trong Asp.net) –  Để đánh giá một khách hàng ở một mức độ nào đó, thay vì viết mô tả người sử dụng mong muốn có một công cụ trực quan đó là sử dụng số hình ảnh sao. Khi nhìn vào số lượng sao người sử dụng có thể biết được ngay mức độ đánh giá của từng khách hàng. Bài viết dưới đây sẽ hướng dẫn các bạn cách nhúng Control AJAX Rating vào Gridview và có thể đánh giá trực tiếp ngay trên Gridview.

Tạo Slideshow động sử dụng Ajaxcontroltoolkit trong Asp.net

Tạo Slideshow động sử dụng Ajaxcontroltoolkit trong Asp.net

Friday, June 12, 2015 / No Comments

(ASP.Net AJAX SlideShow Extender control) - Khi cần trình diễn các hình ảnh cho một sản phẩm mới nào đó, người lập trình thường nghĩ ngay đến việc sử dụng Slideshow. Với một không gian phạm vi hẹp người xem vẫn có thể xem và chiêm ngưỡng được một loạt các hình ảnh ở những góc cạnh khác nhau. Hiện có rất nhiều các Plugin hay Jquery hỗ trợ công việc này, tuy nhiên hôm nay Thủ thuật lập trình sẽ giới thiệu với các bạn cách sử dụng AjaxControlToolkit để tạo các Slideshow.  Với việc sử dụng Slideshow AjaxControlToolkit người lập trình có thể dễ dàng thiết lập thời gian tự động chuyển slide, có tự động lặp lại không hoặc có tự động chạy không?

Tìm kiếm dữ liệu sử dụng AJAX Modal Popup Extender trong ASP.Net

Tìm kiếm dữ liệu sử dụng AJAX Modal Popup Extender trong ASP.Net

Tuesday, May 12, 2015 / No Comments

(Tìm kiếm với Modal Popup trong Asp.net) – Trong các Form nhập dữ liệu, để tìm kiếm và chọn nhanh thông tin từ bảng dữ liệu khác, các lập trình viên thường sử dụng 1 trong 2 cách đó là: Autocomplete hoặc Popup. Mỗi cách sử dụng có những ưu nhược điểm khác nhau, với Autocomplete người sử dụng không phải mất thêm nhiều thao tác kích để chọn dữ liệu, nhưng với dữ liệu có nhiều tiêu chí để tìm thì phải sử dụng Popup. Với Popup người sử dụng sẽ mất thêm thao tác nhưng khi cần nhiều tiêu chí để tìm kiếm chính xác dữ liệu thì Popup sẽ giúp người lập trình giải quyết được vấn đề này. Trong bài viết này, thủ thuật tin học sẽ hướng dẫn các bạn cách sử dụng ASP.Net AJAX Control Toolkit ModalPopupExtender kết hợp với các thuộc tính css của bootstrap để tạo Popup trong asp.net. Popup này sẽ có chức năng tìm kiếm dữ liệu một cách nhanh chóng, thuận tiện và dễ dàng.

Thêm, sửa, xóa dữ liệu sử dụng AJAX Modal Popup Extender trong ASP.Net

Thêm, sửa, xóa dữ liệu sử dụng AJAX Modal Popup Extender trong ASP.Net

Monday, May 11, 2015 / No Comments

(Tạo Modal Popup trong Asp.net) - Trong bài viết này, thủ thuật tin học sẽ hướng dẫn các bạn cách sử dụng ASP.Net AJAX Control Toolkit ModalPopupExtender kết hợp với các thuộc tính css của bootstrap để tạo Popup trong asp.net. Popup này sẽ có chức năng thêm, sửa dữ liệu một cách nhanh chóng, thuận tiện và dễ dàng. Sau khi thực hiện xong các thao tác thêm, sửa dữ liệu sẽ được hiển thị ngay tức thì lên Gridview.

Tạo Modal Popup Confirm sử dụng AJAX Modal Popup Extender trong ASP.Net

Tạo Modal Popup Confirm sử dụng AJAX Modal Popup Extender trong ASP.Net

Saturday, May 9, 2015 / No Comments

(Tạo Modal Popup trong Asp.net) Trong bài viết này, thủ thuật tin học sẽ hướng dẫn các bạn cách sử dụng ASP.Net AJAX Control Toolkit ModalPopupExtender kết hợp với các thuộc tính css của bootstrap để tạo Popup trong asp.net. Cụ thể ở đây là hộp thoại Comfirm hỏi người sử dụng trước khi xóa User trong 1 danh sách.

Tạo Accordion từ dữ liệu SQL Server sử dụng AjaxControlToolkit trong Asp.net

Tạo Accordion từ dữ liệu SQL Server sử dụng AjaxControlToolkit trong Asp.net

Wednesday, May 6, 2015 / No Comments

(Cách tạo Accordion động trong Asp.net) - Trong bài viết “Tạo Accordion từ dữ liệu SQL Server sử dụng Bootstrap trong Asp.net” thủ thuật tin học đã giới thiệu với các bạn cách tạo Accordion sử dụng thư viện Bootstrap. Hôm nay thủ thuật tin học sẽ giới thiệu tiếp với các bạn cách tạo Accordion nhưng sử dụng thư viện AjaxControlToolkit. Với việc tạo Accordion sử dụng thư viện AjaxControlToolkit, người lập trình sẽ có thêm 1 lựa chọn nữa cho việc tạo Accordion.Và tùy vào từng điều kiện, yêu cầu cụ thể mà người lập trình có thể chọn cho mình cách sử dụng phù hợp nhất.

Tạo Tab động sử dụng Ajaxcontroltoolkit từ XML trong Asp.net

Tạo Tab động sử dụng Ajaxcontroltoolkit từ XML trong Asp.net

/ No Comments

(Tạo Tab động trong Asp.net) - ASP.Net Ajax control toolkit là một dạng thư viện mã nguồn mở, ở đây bao gồm các hàm, chức năng được viết sẵn trên nền tảng ASP.Net và Ajax nó được ứng dụng rộng rãi trong Web và được tích hợp vào trong Visual Studio. Trong bài viết “Tạo Tab động sử dụng Ajaxcontroltoolkit trong Asp.net”, thủ thuật lập trình đã giới thiệu với các bạn cách tạo Tabs lấy dữ liệu từ SQL Server có sử dụng các thư viện Ajaxcontroltoolkit. Hôm nay thủ thuật lập trình sẽ giới thiệu cách tạo các Tabs được lấy dữ liệu từ file XML. Khi sử dụng Data bằng file XML người lập trình sẽ thuận tiện hơn trong việc phát triển cũng như triển khai.

Tạo Tab động sử dụng Ajaxcontroltoolkit từ SQL Server trong Asp.net

Tạo Tab động sử dụng Ajaxcontroltoolkit từ SQL Server trong Asp.net

/ No Comments

(Cách tạo Tab Ajaxcontroltoolkit  động trong Asp.net) - Tiện ích Tab giúp người sử dụng có thể nhanh chóng truy cập, xem nội dung bằng cách chuyển đổi giữa các khung nhìn mà không cần phải di chuyển qua lại giữa các trang.  Hiện có rất nhiều các Plugin hay Jquery hỗ trợ công việc này, tuy nhiên hôm nay Thủ thuật lập trình sẽ giới thiệu với các bạn cách sử dụng AjaxControlToolkit để tạo các Tabs.  Nội dung các Tabs được hiển thị từ các Control ngoài và đường dẫn cũng như tên các Control này được lấy từ CSDL SQL Server.