10/10/2018, 10:21

1 câu Hỏi về JQuery

mình muốn khi thực hiện 1 thao tác, thì có biểu tưởng waiting... trong khoảng 3 giây, sau đó thực hiện xong thì tắt cái đó đi, và thông báo completed. Các bạn giúp mình với.

Còn nữa, mình có 1 table, khi mà insert xong thì mình muốn tạo thêm 1 dòng ổ trên table, còn khi update xong thì dữ liệu dòng đó trên table phải bị thay đổi theo. Có cách nào làm được với JQuery không.
hakara viết 12:31 ngày 10/10/2018
1. bạn muốn nói về thao tác gì mới được cơ chứ? click, hover, ajax, load ...
2. mình đọc 3 lần chẳng hiểu bạn đang muốn gì
snoob_clo4 viết 12:21 ngày 10/10/2018
Chắc bác ấy muốn nói tới ajax khi gửi request thì hiện biểu tương waiting ấy mà.
Mà bác có biết ajax ko, nếu chưa thì học xong đi rùi hãy hỏi
mù văn tịt viết 12:36 ngày 10/10/2018
Được gửi bởi hakara
1. bạn muốn nói về thao tác gì mới được cơ chứ? click, hover, ajax, load ...
2. mình đọc 3 lần chẳng hiểu bạn đang muốn gì
1. là thao tác click bạn à
2. mình có 1 table, click lên 1 row, thì dữ liệu chi tiết đổ lên form bên dưới
khi mình sửa dữ liệu xong, click update thì dữ liệu trên các ô của dòng đang bị thay đổi sẽ đồng bộ theo

[=========> Bổ sung bài viết <=========]

Được gửi bởi snoob_clo4
Chắc bác ấy muốn nói tới ajax khi gửi request thì hiện biểu tương waiting ấy mà.
Mà bác có biết ajax ko, nếu chưa thì học xong đi rùi hãy hỏi
chán bạn quá, nếu không biết Ajax thì mình đã không hỏi về JQuery rồi, còn nếu đã biết đến jquery dĩ nhiên biết ajax rồi/

mình đã làm được cái waiting progress nhưng nó chỉ hiện ra đúng 1 lần, sau đó click nữa thì nó ko xi nhê, bạn nào có thể cho mình code hoàn chỉnh không lỗi để mình tham khảo với.
hakara viết 12:35 ngày 10/10/2018
jQuery.startWaiting = function(){
// show cai waiting progress cua ban ra
}
jQuery.closeWaiting = function(){
// hidden cai waiting do di
}
$(element).click(function(){
$.startWaiting();
thực hiện các lệnh ở đây
khi finish các lệnh trên thì
$.closeWaiting();
});
2. 1 row thì có nhiều <td> hoặc 1 <td> với 2 trường hợp đó thì khác nhau.
bạn nêu rõ cụ thể hơn đi.
bạn có thể sử dụng id đánh dấu cho <tr> và <td> để dễ thực hiện (<tr id="row1"><td id="row1_col1"></td><td id="row2_col2"></td></tr>)
sử dụng thêm các thẻ input có kiểu hidden. (<input type="hidden" id="cacheID" value="">)
còn form bên dưới :
<input type="text" id="update1">
<input type="text" id="update2">
<input type="button" id="submit" value="update">
Khi người dùng click vào row (id = row1)
$("#row1").click(function(){
$.changeThis("1");
});
jQuery.changeThis = function(i){
for(var j = 1; j <= 2; j++){
$("#update"+j).val($("#row"+i+"_col"+j).text());
}
$("#cacheID").val(i);
}
khi edit xong va an nút update
$("#submit").click(function(){
var i = $("#cacheID").val();
for(var j = 1; j <= 2; j++){
$("#row"+i+"_col"+j).text($("#update"+j).val());
}
});
đại loại là thế. bạn tự chỉnh theo ý bạn.
Bài liên quan
0