ASP.NET MVC - #29: Tạo thông báo với Bootstrap Style | Create Boostrap notification | TEDU

Mã nguồn bài học Onlineshop: tedu.com.vn/kho...
Khóa học làm dự án thực tế với ASP.NET MVC, WebAPI, AngularJS: tedu.com.vn/kho...
Bài này chúng ta sẽ học cách tạo một thông báo đơn giản cho người dùng và tự động ẩn đi. Khi người dùng thêm mới hoặc update bản ghi sẽ cần nhận thông báo mỗi khi thành công hoặc thất bại.
ASP.NET MVC - #29: Tạo thông báo với Bootstrap Style | Create Boostrap notification | TEDU
▶ More information about TEDU:
Website: tedu.com.vn
Hotline: [phone]
Email: [e-mail]
/ myskillscenter
/ teduchannel
/ bachngoctoan
/ bachngoctoan
▶ CLICK TO SUBSCRIBE: / myskillscenter
#tedu #aspnetmvc #mvc
DO NOT REUPLOAD

[@doannguyentrong5222]

Cám ơn thầy Toàn !

[@anhphuong3356]

Các bạn nào bị lỗi không chạy file js thì bật F12 vào sources xem có 2 đoạn script thêm vào không, nếu không có thì tạo file js trong thư mục js r đưa 2 đoạn script đó vào xong rồi nhúng vào bên dưới layout là được

[@duong_tong]

cách này chạy được nè.

[@longbarcamania1127]

Teamplate của mình không có file sb-admin 2 áp dụng cách này được không bạn

[@tranhuy5799]

tuyệt :)

[@linhlemon2932]

Mình sửa vậy thì chạy được. Trong _Layout.cshltm viết $(document).ready(function () { $('#AlertBox').removeClass('hide'); $('#AlertBox').delay(1000).slideUp(500); }) trong cuối file trước dòng :@RenderSection("jsFooter", required: false)

[@nviettu12345]

do bị cache thôi, bạn bấm ctrl + f5 là được

[@haianhIT]

Chào bạn , mình muón hiện thông báo khi xoá và mình đã thêm vào phần ajaxoption OnComplete = "$('#row_" [e-mail]+ "').remove(); $('#alert-box').removeClass('hide'); $('#alert-box').delay(2000).slideUp(500); alert(); ", nhưng ko thấy hiện , F12 cũng ko thấy báo lỗi Giúp mình với

[@haibuivan5231]

hi a, cái template của em khác 1 tí chỗ mấy thư viện js, nhưng hoàn toàn giống a, chỉ khác theme và tên js thôi, nên sẽ k có file sb-admin-2.js. Vậy em cho 2 dọng javascrips đấy vào chỗ nào đc ạ. hay vào file .js nào cũng đc hay là phải chú ý điểm gì ạ. Mong a sớm trả lời

[@dathuynh3739]

Anh ơi .. em tạo chức năng thêm có chứa có khóa chính ở bảng khác.. khác nhập sai khóa chính đó thì thông báo lỗi thì phải làm như nào ạ. Em làm toàn ra trang lỗi.

[@MinhQuanCt3]

không biêt sao mình phải bỏ hide trong file shared _Layout đi thì mợi chạy dc js @if (TempData["AlertMessage"] != null) { @TempData["AlertMessage"] }

[@luuvanphuc98]

from 2020 newbie :D e code theo mẫu của a nhưng k hiểu sao lại k hiện text ạ mặc dù alert chạy bình thường. Cảm ơn anh!

[@aibidien123]

nó không nhảy vô trong jQuerry để thực hiện 2 cậu là bỏ hilde với delay a ơi! $('#AlertBox').removeClass('hide'); $('#AlertBox').delay(1000).slideUp(500);

[@TuanAnh-xz8cg]

Mình có đoạn code: success: function (response) { console.log(response); if (response.status == true) { btn.text('Kích hoạt'); } else { btn.text('Khoá'); } } Mình muốn thêm css hoặc tag color cho btn.text('Kích hoạt'); thì phải thêm thế nào? Tedu giúp mình? Thanks!

[@TuanAnh-xz8cg]

Mình tìm đc rồi. Thanks!

[@kanbastudio8118]

Nếu không kế thừa từ basecontroller mà để nguyên kế thừa từ controller thì viết phần SetAlert ở phần nào anh ?

[@tedu.official]

thì em phải viết SetAlert ở trong từng controller

[@kanbastudio8118]

vâng. em cảm ơn anh

[@kanbastudio8118]

còn điều gì lưu ý không anh

[@DuongNguyen-wv1tg]

Anh ơi, ở video này sao em không gọi được 2 cái này nhỉ $('#AlertBox').removeClass('hide'); $('#AlertBox').delay(1000).slideUp(500); Em chạy Debuge không thấy nó hiển thị 2 dòng đó.

[@nhunghianguyen1697]

+Duong Nguyen bạn ơi bạn fix được lỗi này chưa bạn??

[@SonNguyen-ot9sf]

Minh cung gap lỗi như vậy ko hiểu vì sao.bạn có thể giúp anh e đc không?

[@tedu.official]

em xem nó có call đến không nếu không a nghĩ nên nhúng trong document.ready hoặc chưa nhúng dc file đó

[@tvminh2409]

Em bị lỗi ở file morris.min.js Graph container element not found. Menu left không ẩn hiện được mà luôn hiện ra, anh có thể fix giúp em không?

[@tedu.official]

+Minh Tran Van vậy em vào file layout.cshtml em comment đoạn nhúng morris lại nhé

[@tvminh2409]

Em tìm được nguyên nhân nếu bỏ 3 biểu đồ có ID là morri_xxx_xxx trong phần Renderpage của trang chủ đi sẽ bị lỗi này còn để nguyên thì không bị. Em muốn bỏ 3 biểu đồ này đi thì làm thế nào ạ? code nhúng file: Biểu đồ : Thường khi vào trang thêm sửa view phần renderbody không có 3 cái này thì bị lỗi dropdow menu left ạ.

[@tedu.official]

+Minh Tran Van chính là do phần home nếu không có các ID đó thì sẽ lỗi vì phần gọi nó bị thiếu phần tử. em xem trong phần nhúng có cái nào là thì bỏ đi

[@tvminh2409]

Được rồi em cảm ơn.

[@longbarcamania1127]

Cho em hỏi là tại sao phải viết vào file sb-admin-2 ạ. Template của e không có thì phải làm như nào ạ

[@inhviet8978]

file nào cũng được bạn cũng có thể tạo một file mới rồi nhúng nó vào script của layout là được

[@longbarcamania1127]

Đinh Việt cảm ơn bạn nhiều

[@duylehuu300891]

Của em không chạy được 2 dòng script ...những cái còn lại đều chạy tốt ... Nó không xóa đươc hide và không hiển thị ra ...

[@tedu.official]

+duy le huu thế thì a nghĩ nó chưa chạy dc đến đó e alert ra xem nó có chạy vào ko

[@duylehuu300891]

+TEDU - Technology Education Nó chạy bình thường à anh ... ... Chỉ có 2 cái dòng script bên trong JS là nó không chạy được thôi ... bõ thuộc tính hide thì nó chạy tuốt hết ...

[@tedu.official]

duy le huu Thế em bị lỗi gì

[@duylehuu300891]

+TEDU - Technology Education à ... em đã tìm ra được rồi ... nó chạy tốt rồi anh ... Thanks anh nhiều

[@thaihan3057]

+ong ke bạn sửa thế nào vậy

[@hieutk10]

Chẳng hiểu máy em bị cache hay sao mà nó k remove được class hide :3

[@tedu.official]

+Hiếu Đỗ Trọng 1 là em ctrl+f5 để xóa cache, 2 là em debug js xem nó chạy vào cái lệnh hide đó chưa?

[@kanbastudio8118]

em viết SetAlert theo từng controller nhưng vẫn không được anh ơi

[@tedu.official]

ko dc là lỗi gì em

[@kanbastudio8118]

k nhận cái type để hiển thị thông báo anh ạ

[@kanbastudio8118]

em sửa được rồi anh

[@theviyoung]

protected void SetAlert(string message, string type) { TempData["AlertMessage"] = message; if (type == "success") { TempData["AlertType"] = "alert-success"; } else if (type == "warning") { TempData["AlertType"] = "alert-warning"; } else if (type == "error") { TempData["AlertType"] = "alert-danger"; } }}Nó báo lỗi A namespace cannot directly contain members such as fields or methods ở SetAlert và các Tempdata là sao vậy bác?

[@tedu.official]

em viết method này ko trong class mà viết trong namespace luôn hả?

[@theviyoung]

Em viết trong BaseCotroller.cs. Giống như project của anh đấy

[@tedu.official]

Thế Vĩ Trương uh nhưng ở đây nó báo là em đặt sai vị trí haowjc thiếu ngoặc gì đó

[@tedu.official]

Thế Vĩ Trương nếu chưa làm tốt C# thì e nên ôn lại C# nhé, hoặc đọc kỹ thông báo lỗi

[@theviyoung]

Sorry anh. Em copy nhầm ngoài class. Cảm ơn anh đã nhiệt tình giúp đỡ

[@mangokids20]

:)

[@TuanAnh-xz8cg]

var row = { init: function () { row.registerEvents(); }, registerEvents: function () { $('.btn-active').off('click').on('click', function (e) { e.preventDefault(); var btn = $(this); var id = btn.data('id'); var name = btn.data('name'); $.ajax({ url: "/Admin/Row/ChangeStatus", data: { id: id }, dataType: "json", type: "POST", success: function (response) { console.log(response); if (response.status == true) { btn.text(name); } else { btn.text(name); } } }); }); } } row.init(); Mình có file js như trên, mình muốn nhúng file css để thay đổi btn mỗi khi được nhấn thì thêm như nào. Tedu chỉ giúp mình! Thanks!

[@tedu.official]

bạn có thể tham khảo khóa học làm việc với ajax jquery tedu.com.vn/khoa-hoc/lam-viec-voi-ajax-jquery-trong-aspnet-mvc-16.html

[@khoanguyen280]

Của mình nó ko hiện "Cập nhật thành công" Mà nó lại hiện: "alert-success" Ai giúp mình với

[@khoanguyen280]

fix dc r

[@hoangnt4456]

alo cho bạn hỏi bạn chạy sao vậy, mình nó hiện nhưng không mất đi

[@khoanguyen280]

Ko mất đi là do cái sbadmin.js chưa đc chạy đến