Lab – dependent drop-Down wizard

Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 526 Biên soạn: Nguyễn Phát Tài LAB – DEPENDENT DROP-DOWN WIZARD + Chú ý: trước khi làm nên backup lại trang newsform.php ra trang khác rồi bắt đều chúng ta thực hiện tạo lại trang newsform.php từ đầu lại + Mở trang newsform.php + Đặt con trỏ tại vị trí cần chèn Form tin tức + Click nút Create Dynamic Form Wizard Bước 1: chọn các thông số như hình minh họa VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 527 Biên soạn: Nguyễn Phát Tài + Click nút Next VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 528 Biên soạn: Nguyễn Phát Tài + Chọn kiểu hiển thị cho các trường tieudetin, hinhtrichdan, trichdantin, noidungtin như hình minh họa + Chọn tiếp trường ID_theloai + Click nút Add Recordset + Nhập các thông số cho Recordset như hình minh họa, click nút Test + Click nút Close + Click nút OK VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 529 Biên soạn: Nguyễn Phát Tài + Click nút Menu Properties + Chọn các thông số như hình minh họa bên dưới VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 530 Biên soạn: Nguyễn Phát Tài + Tiếp tục chọn trường ID_theloaitin + Click nút Add Recordset + Nhập các thông số cho Recordset như hình minh họa bên dưới + Click nút Test + Click nút Close + Click nút OK VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 531 Biên soạn: Nguyễn Phát Tài + Click nút Menu Properties + Chọn các thông số như hình minh họa bên trên + Click nút OK VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 532 Biên soạn: Nguyễn Phát Tài + Tiếp tục chọn trường ID_phanloaitin + Click nút Add Recordset + Đặt các thông số cho Recordset như hình trên VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 533 Biên soạn: Nguyễn Phát Tài + Click nút OK + Click nút Menu Properties + Đặt các thông số như hình minh họa bên trên + Click nút OK + Chọn tiếp các trường cotinnong, kiemduyet, sapxep, ngaydangtin cấu hình như hình vẽ VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 534 Biên soạn: Nguyễn Phát Tài + Chọn trường ID_thanhvien -> cấu hình như hình vẽ + Click nút Next Bước 3: + Chọn trường tieudetin để kiểm tra hợp lệ VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 535 Biên soạn: Nguyễn Phát Tài + Click nút Next VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 536 Biên soạn: Nguyễn Phát Tài Bước 4: + Cấu hình như hình vẽ + Chú ý trong Tab Bindding sẽ có 4 Recordset : rs_theloai, re_theloaitin, rs_phanloaitin (do ta tạo) và rstintuc (do Toolbox tạo). Hãy xóa các Recordset bị dư khác + File -> Save -> F12 + Hiện tại chúng ta thấy phần ID_theloaitin cấp 2 chưa lọc được khi ta chọn ID_theloai tin cấp 1 + Hãy chọn Selectbox ID_theloaitin VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 537 Biên soạn: Nguyễn Phát Tài + Trong hộp thuộc tính click nút Dynamic + Trong mục Options from recordset ta hãy chọn lại là None + Click OK VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 538 Biên soạn: Nguyễn Phát Tài + File -> Save -> F12 + Bạn sẽ thấy kết quả như hình bên dưới + hãy chọn lại Selectbox ID_theloaitin -> chuyển sang chế độ Code bỏ bớt đọan code đang chọn màu xanh này đi (đọan Code này không cần thiết) + Chuyển qua lại chế độ Design + Click chọn lại Selectbox ID_theloaitin VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 539 Biên soạn: Nguyễn Phát Tài + Thực hiện lệnh sau + Trong Tab Relation chọn các thông số như hình minh họa VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 540 Biên soạn: Nguyễn Phát Tài + Click nút OK + Trong Tab Dynamic chọn các thông số hình bên dưới + Tại Default value click nút sấm chớp, chọn ID_theloaitin trong tNG_recordset VI ỆT C HU YÊ N Trung Tâm Đào Tạo Công Nghệ Mạng VIỆT CHUYÊN 740/12 Sư Vạn Hạnh (nối dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn Lớp: Chuyên Viên Website Lành Nghề Trang 541 Biên soạn: Nguyễn Phát Tài + Click nút OK + Click nút OK + File -> Save -> F12 + Bạn sẽ thấy kết quả là khi mình chọn ID_theloai là Bóng đá thì trong Select Menu ID_theloaitin nó sẽ lọc ra các thể loại tin thuộc thể loại Bóng đá này + Hãy gắn lệnh Check uniquee Key trên trường tieudetin (xem lại bài LAB trước) + Hãy gắn lệnh Upload & Resize Image trên trường hinhtrichdan (Xem lại bài LAB trước) VI ỆT C HU YÊ N