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/
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!
Video ra từ 2015 nhưng đến giờ vẫn thực sự rất bổ ích. Cảm ơn anh <3
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 ạ
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
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.
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
em viết SetAlert theo từng controller nhưng vẫn không được anh ơi
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 ?
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!
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!
Cám ơn thầy Toàn !
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
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)
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
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);
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>
}
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?
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 đó.
tuyệt 🙂
Chẳng hiểu máy em bị cache hay sao mà nó k remove được class hide :3
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 …
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?
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?
🙂