Hướng Dẫn Sử Dụng Control DataList - Dotnet Group

Không có bình luận nào trên trang cá nhân. Xem bình luận trên trang cá nhân >> Không có tin nhắn mới. Xem tin nhắn >> Email : Mật khẩu : Ghi nhớ? Quên MK Login với

• Tài khoản của bạn
• Chỉnh sửa thông tin
• Thay đổi mật khẩu
• Quản lý Bài Công nghệ
• Quản lý Bài Tin Tức
• Thoát

Điểm nhấn

• Hướng dẫn bật chế độ chạy GPU thay CPU
• Lỗi HTTP Error 500.35 - ASP.NET Core does not support multiple apps in the same app pool
• Lỗi triển khai ASP.NET Core lên IIS
• C.O.R.S hoạt động như thế nào?
• Hướng dẫn xây dựng ứng dụng gửi mail sử dụng công nghệ ReactJS và NodeJS
• Phân biệt webhook và polling

Đóng góp

• Viết bài Công nghệ
• Viết bài Tin tức
• Gửi Sách
• Gửi Phần mềm
• Gửi Mail

Liên hệ

•  
• DOTNET Windows Form WPF Console ASP.NET ASP.NET MVC 2 ASP.NET AJAX Class Library Silverlight WCF DotNetNuke Crystal Report SharePoint LightSwitch .NET Framework .NET Base Class Library Regular Expressions XML Chart Controls Azure LINQ to SQL Microsoft Office Office Live Development Team Foundation Server Maps ADO Control Tips Config Facebook Apps Visual Studio Windows Phone React Native API & OData Xem tất cả
• JAVA Applet Swing/JFC/AWT/SWT Network J2ME J2SE J2EE Web Service và XML Portal Android Other C/C++ IOS
• PHP VBB JOOMLA WDPRESS DRUPAL NUKEVIET ZEND CAKE PHP MVC MAGENTO LINUX WEBSERVER OTHER Moodle
• DATABASE MySQL Tip SQL Server Guide
• ĐÀO TẠO Compare Guide Introduction Install SEO Project GRAPHICS MMO IoT Python Linux Photoshop ReactJS
• SÁCH
• PHẦN MỀM
• TIN TỨC
• SEO Learning SEO SEO On-Page Thủ thuật SEO Phần mềm SEO Thuật ngữ
• TIẾNG ANH

Thủ thuật

• Hướng dẫn chi tiết cách viết báo cáo môn học
• Khắc phục lỗi "MICROSOFT ACE.OLEDB.12.0…" khi import tệp tin Excel xlsx lên hệ thống
• Hướng dẫn đẩy Code từ Netbean lên Github

• Trang chủ
• DOTNET

Cấp bậc tác giả:

DOTNET

Hướng dẫn sử dụng Control DataList Được viết bởi QuangIT vào ngày 13/03/2013 lúc 04:53 PM Bài toán yêu cầu sử dụng DataList để hiển thị thông tin phòng máy với các thông số. Đồng thời trong đó sẽ kiểm tra điều kiện. Nếu máy hỏng sẽ hiển thị hình ảnh máy hỏng Nếu máy đang sử dụng sẽ hiển thị hình ảnh máy đang sử dụng Nếu máy chưa sử dụng sẽ hiển thị hình ảnh chưa sử dụng.

• 0
• 14826

Tải tệp tin: Click ở đây

Hướng dẫn sử dụng Control DataList

Bài toán yêu cầu sử dụng DataList để hiển thị thông tin phòng máy với các thông số. Đồng thời trong đó sẽ kiểm tra điều kiện.Nếu máy hỏng sẽ hiển thị hình ảnh máy hỏngNếu máy đang sử dụng sẽ hiển thị hình ảnh máy đang sử dụngNếu máy chưa sử dụng sẽ hiển thị hình ảnh chưa sử dụng.Demo sẽ giống như hình trênCơ sở dữ liệu đính kèm trong tập tin tải về hoặc tạo như hình sau:Bước 1: Tạo ra Project Website.Bước 2: Tạo trang aspxBước 3: Kéo control DataList từ Toolbox vào trang mặc định<asp:DataList ID="DataList1" runat="server"> </asp:DataList>Bước 4: Chuyển từ chế độ xem dạng Source sang chế độ Design .Nếu chưa có DataSource thì tạo mới DataSource, tìm đến tên Database cần sử dụng, chọn tên Table.Bước 5: Chuyển từ chế độ xem dạng Design sang chế độ Source.Source mới sẽ trông giống như thế này:<asp:DataList ID="DataList1" runat="server" CellPadding="4" DataKeyField="Id" DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="Horizontal" RepeatColumns="4" RepeatDirection="Horizontal" Width="100%"> <AlternatingItemStyle BackColor="White" /> <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> <ItemStyle BackColor="#FFFBD6" ForeColor="#333333" /> <ItemTemplate> IdMay: <asp:Label ID="IdLabel" runat="server" Font-Bold="true" ForeColor="red" Text='<%# Eval("Id") %>' /> <br /> IdPhong: <asp:Label ID="IdPhongLabel" runat="server" Text='<%# Eval("IdPhong") %>' /> <br /> TenMay: <asp:Label ID="TenMayLabel" runat="server" Text='<%# Eval("TenMay") %>' /> <br /> Status: <asp:Label ID="StatusLabel" runat="server" Text='<%# Eval("Status") %>' /> <br /> <br /> </ItemTemplate> <SelectedItemStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" /> </asp:DataList><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:VDMayViTinhConnectionString %>" SelectCommand="SELECT * FROM [PhongMay]"></asp:SqlDataSource>RepeatDirection="Horizontal": Mặc định Sắp xếp Id theo chiều ngang. Ngược lại là chiều dọc.RepeatColumns="4": Lặp 4 cộtCòn lại các thông số màu sắc, border hỗ trợ giao diện template.Bước 6: Tại trường trạng thái, chỉnh sửa để hiển thị hình ảnh theo điều kiện cho trước<asp:Label ID="StatusLabel" runat="server" Text='<%# Eval("Status").ToString()=="1" ? "<img src=Images/chuasudung.png width=12px title=\"Chưa sử dụng\" />" : Eval("Status").ToString()=="2" ? "<img src=Images/dangsudung.png width=12px title=\"Đang sử dụng\" />" : "<img src=Images/mayhong.png width=12px title=\"Máy hỏng\" />" %>' />Toàn bộ Source Code sẽ có dạng như sau:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>DNGAZ.com | DOTNETGROUP</title></head><body> <form id="form1" runat="server"> <div> <asp:DataList ID="DataList1" runat="server" CellPadding="4" DataKeyField="Id" DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="Horizontal" RepeatColumns="4" RepeatDirection="Horizontal" Width="100%"> <AlternatingItemStyle BackColor="White" /> <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> <ItemStyle BackColor="#FFFBD6" ForeColor="#333333" /> <ItemTemplate> <font color="green" style="font-weight: bold">Mã Máy:</font> <asp:Label ID="IdLabel" runat="server" Font-Bold="true" ForeColor="red" Text='<%# Eval("Id") %>' /> <br /> Phòng số: <asp:Label ID="IdPhongLabel" runat="server" Text='<%# Eval("IdPhong") %>' /> <br /> Tên máy: <asp:Label ID="TenMayLabel" runat="server" Text='<%# Eval("TenMay") %>' /> <br /> Trạng thái: <asp:Label ID="StatusLabel" runat="server" Text='<%# Eval("Status").ToString()=="1" ? "<img src=Images/chuasudung.png width=12px title=\"Chưa sử dụng\" />" : Eval("Status").ToString()=="2" ? "<img src=Images/dangsudung.png width=12px title=\"Đang sử dụng\" />" : "<img src=Images/mayhong.png width=12px title=\"Máy hỏng\" />" %>' /> <br /> <br /> </ItemTemplate> <SelectedItemStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" /> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:VDMayViTinhConnectionString %>" SelectCommand="SELECT * FROM [PhongMay]"></asp:SqlDataSource> </div> </form></body></html>Tải Source đi kèm phía trên bài viết.

Nguồn bài viết: Dngaz.com

• Bài trước[AJAX]Sử dụng Control Animation
• Bài sauGửi bài viết lên Facebook sử dụng Công nghệ Asp.Net(ngôn ngữ C#)

Bài viết tương tự

• SOAP and .NET Remoting
• [AJAX]Sử dụng Control Animation
• [AJAX]Add Accordion Pane
• [AJAX]Databinding trên Control Accordion
• Giá trị Request.Form trên ASP.NET 4.0 có khả năng gây nguy hiểm cho website người dùng
• Hướng dẫn làm slide sử dụng Upload Panel kết hợp binding ảnh
• [AJAX CONTROL TOOLKIT]Tạo AJAX Control Toolkit Extender(C#)
• [AJAX CONTROL TOOLKIT]Hướng dẫn sử dụng AJAX Control Toolkit Extender
• ASP.NET Ajax Grid và Pager
• Tạo ảnh thu nhỏ trong ASP.NET

BÌNH LUẬN BÀI VIẾT

Bài viết mới nhất

• Xây dựng hệ thống xác thực bảo mật với JWT và Refresh Token trong ASP.NET Core Làm sao để chỉ cho phép một số role truy cập truy vấn $expand=SensitiveData? Hướng dẫn bật chế độ chạy GPU thay CPU Lỗi HTTP Error 500.35 - ASP.NET Core does not support multiple apps in the same app pool Lỗi triển khai ASP.NET Core lên IIS C.O.R.S hoạt động như thế nào? Hướng dẫn xây dựng ứng dụng gửi mail sử dụng công nghệ ReactJS và NodeJS Phân biệt webhook và polling Lỗi https khi thực hiện project oData Hướng dẫn tạo Map API cho Android trong google

Xem tất cả

LIKE BOX

Bài viết được xem nhiều nhất

• [TUT]Xây dựng Website Bán Hàng - Hướng dẫn tạo DataBase (96013) LẤY LẠI MẬT KHẨU SA TRONG SQL SERVER 2005 2008 (92800) Một số bài tập mẫu SQL(Phân I) (90932) CSS cho các thẻ theo trạng thái (link, hover, visited, active, focus) (84639) Các kiểu dữ liệu SQL (75591) Chuyển đổi giữa các hệ cơ số (75306) Kiểu dữ liệu Array và List trong C# (69962) Xây dựng Lớp Phân Số. Tính toán Cộng, trừ, nhân, chia (62898) Hướng dẫn khắc phục lỗi không tạo được Diagrams(sơ đồ quan hệ) trong SQL 2005/2008 (56328) [Java] Kết nối CSDL từ NetBean (43931)

Xem tất cả

HỌC HTML

• 1 Hướng dẫn cách hiển thị hình ảnh cần chọn khi share link trên mạng xã hội
• 2 Hướng dẫn truy cập webcam và chụp hình bằng Javascript
• 3 Làm thế nào Hover với Bootstrap Dropdown
• 4 Tìm hiểu về cách hoạt động của Bootstrap Grid 4
• 5 Hướng dẫn xây dựng đồng hồ bấm giờ bằng JavaScript
• 6 Hướng dẫn sử dụng CSS Flexbox - Phần 2
• 7 Hướng dẫn sử dụng CSS Flexbox - Phần 1
• 8 Cài đặt CLI cho môi trường vue chuyên nghiệp hơn
• 9 Cài đặt Vue thông quan NPM
• 10 Dùng cặp thẻ script trực tiếp để sử dụng thư viện Vue.js

Xem tất cả

Học Hệ thống Mạng

• Hướng dẫn Cấu hình DHCP và Routing Remote Access
• Hướng dẫn tạo Organizational Unit - Domain Group & User - Join Domain
• Nghẽn băng thông mạng LAN
• Cisco Meraki - Kiến trúc hạ tầng mạng tiên tiến có một không hai
• Hướng dẫn chia sẻ dữ liệu giữa máy thật và máy ảo trên VirtualBox
• Hướng dẫn cách copy và paste giữa máy thật và máy ảo trên VirtualBox
• Phần mềm tạo máy ảo miễn phí và tốt nhất hiện nay
• Lỗi Hyper-V khi cài đặt VMware Workstation trên Windows 8
• Khoá không cho Người dùng thay đổi địa chỉ IP
• VMWARE báo 'VmWare remote file system 2gb limit'

Xem tất cả Đối tác:

• DotNet Group - Chia sẻ & Kết nối
• Bảo hành Electrolux
• Dạy lái xe Ninh Bình
• Công ty Điện Lạnh Đà Nẵng

Thiết kế bởi DOTNET GROUP.  Hoàn thành giai đoạn I

• 

• DotNet Group - Chia sẻ & Kết nối

• LIÊN LẠC
• CHÍNH SÁCH BẢO MẬT
• QUY ĐỊNH & ĐIỀU KHOẢN
• SITEMAP
• GIỚI THIỆU

• facebook
• twitter
• google
• media

©2015 DOTNET GROUP. All contents are copyright of their authors.

• Chinh sách bảo mật
• Quy định & Điều khoản
• Giới thiệu

©2023 DOTNET GROUP. All contents are copyright of their authors.