Công Nghệ

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:
Khóa học làm dự án thực tế với ASP.NET MVC, WebAPI, AngularJS:
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:
Hotline: 0966 036 626
Email: tedu.international@gmail.com

▶ CLICK TO SUBSCRIBE:
#tedu #aspnetmvc #mvc

DO NOT REUPLOAD

Nguồn: https://ibusiness.vn

Xem thêm bài viết khác: https://ibusiness.vn/cong-nghe/

24 Comments
  1. Lưu Văn Phúc 8 months ago
    Reply

    from 2020 newbie 😀 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!

  2. Đặng Đình Sĩ 8 months ago
    Reply

    Video ra từ 2015 nhưng đến giờ vẫn thực sự rất bổ ích. Cảm ơn anh <3

  3. Long Barcamania 8 months ago
    Reply

    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 ạ

  4. Khoa Nguyen 8 months ago
    Reply

    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

  5. Dat Huynh 8 months ago
    Reply

    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.

  6. Nguyễn Hải Anh 8 months ago
    Reply

    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_" +@item.Id+ "').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

  7. KanBa Studio 8 months ago
    Reply

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

  8. KanBa Studio 8 months ago
    Reply

    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 ?

  9. Tuan Anh 8 months ago
    Reply

    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!

  10. Tuan Anh 8 months ago
    Reply

    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!

  11. Doan Nguyen Trong 8 months ago
    Reply

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

  12. Anh Phương 8 months ago
    Reply

    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

  13. Linh Lemon 8 months ago
    Reply

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

  14. hai buivan 8 months ago
    Reply

    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

  15. phuc loc Phan 8 months ago
    Reply

    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);

  16. Minh Quân 8 months ago
    Reply

    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)
    {
    <div id="AlertBox" class="alert @TempData["AlertType"]">
    @TempData["AlertMessage"]
    </div>
    }

  17. Trương Văn Việt 8 months ago
    Reply

    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?

  18. Duong Nguyen 8 months ago
    Reply

    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 đó.

  19. Trần Huy 8 months ago
    Reply

    tuyệt 🙂

  20. Hiếu Đỗ Trọng 8 months ago
    Reply

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

  21. ong ke 8 months ago
    Reply

    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 …

  22. Hung Nguyen 8 months ago
    Reply

    em thử áp dụng cái table từ bootstrap, cái table ấy có js nên cho phép người dùng sắp xếp theo thứ tự asc or des, song khi em thử ốp nó vào app mvc4 thì nó chỉ hiện ra giao diện css của bảng mà thôi, như vậy mình có phải thêm 1 số hàm java script ko anh, ma trc do em đã nhưng tất cả thư viện js vào chương trình ứng dụng rồi anh ạ!Anh có thể gợi ý giúp em đc ko aj?

  23. Minh Trần 8 months ago
    Reply

    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?

  24. Tiến Mai Duy 8 months ago
    Reply

    🙂

Leave a Comment

Your email address will not be published.

You may also like