jquery easy ui datagrid中遇到的坑爹的問題。。。
浏览数：43 /
时间：2015年06月09日
不說廢話，直接上代碼吧。。。
//定義一個全局變量防止重複提交（百度了一下似乎很多人也遇到類似的問題）
1 var i = 0; 2 //修改 3 function Update() { 4 //獲取選中行 5 var selected = $("#dg1").datagrid(‘getSelected‘);
//判斷是否有選中行 6 if (selected != null) { 7 //顯示添加窗體 8 $(‘.theme-popover-mask‘).fadeIn(100); 9 $(‘.theme-popover‘).slideDown(200); 10 //初始化窗體內容 11 $("#title").text("修改信息"); 12 $("#btnAdd").hide(); 13 $("#btnUpdate").show(); 14 $("#id").val(selected.ID);
//問題就出在這裡 開始沒有用將選中行的ID賦值給hidden 開始一直以為是緩存的問題
而是直接寫的 model.push({ ID:selected.ID, Grade: grade, State: state, UserName: username, PassWord: password, RegisterDate: registerdate.format("yyyy-MM-dd hh:mm:ss") });
這樣的話取的ID就是第一次選中行的ID 所以後臺始終更新的就是第一次選中行的數據 15 $("#username").val(selected.UserName); 16 $("#username").attr("disabled", "disabled"); 17 $("#username").attr("background-color", "#E0CACA"); 18 $("#password").val(selected.PassWord); 19 $("input[name=‘grade‘][value=" + selected.Grade + "]").attr("checked", "checked"); 20 $("input[name=‘state‘][value=" + selected.State + "]").attr("checked", "checked"); 21 if (i == 0) { 22 $("#btnUpdate").click(function () { 23 i++; //點擊按鈕i++ i=0時才能提交 防止重複提交 24 var model = []; 25 var id = $("#id").val();
//再將hidden的值取出來賦值給id 這樣就沒有上面的問題了 我也是很鬱悶其實本質上沒區別的。。。 可就是取的值不一樣
model.push({ ID: id, Grade: grade, State: state, UserName: username, PassWord: password, RegisterDate: registerdate.format("yyyy-MM-dd hh:mm:ss") }); 26 var username = $("#username").val(); 27 var password = $("#password").val(); 28 var grade = $("input[name=‘grade‘]:checked").val(); 29 var state = $("input[name=‘state‘]:checked").val(); 30 var registerdate = new Date(); 31 model.push({ ID: id, Grade: grade, State: state, UserName: username, PassWord: password, RegisterDate: registerdate.format("yyyy-MM-dd hh:mm:ss") }); 32 //ajax异步提交 33 $.ajax({ 34 type: "post", 35 cache: false, //禁用緩存
37 url: "/Admin/Update?time" + (new Date()).getTime(), //也是防止緩存問題 38 data: { "data": JSON.stringify(model)}, //序列化json格式提交到後臺 39 success: function (data) { 40 $(‘.theme-popover-mask‘).fadeOut(100); 41 $(‘.theme-popover‘).slideUp(200); 42 if (data == 1) { 43 ds.dialog({ 44 title: ‘溫馨提示‘, 45 content: ‘恭喜你，修改成功！‘, 46 icon: ‘../../images/dsdialog/success.png‘ 47 }); 48 } 49 else { 50 ds.dialog({ 51 title: ‘溫馨提示‘, 52 content: ‘修改失敗！‘, 53 icon: ‘../../images/dsdialog/info.png‘ 54 }); 55 } 56 //重新加载datagrid 57 $("#dg1").datagrid(‘reload‘); 58 } 59 });
//end ajax 60 //$.post("/Admin/Update?time" + (new Date()).getTime(), {"data": JSON.stringify(model) }, function (data) { 61 //$(‘.theme-popover-mask‘).fadeOut(100); 62 //$(‘.theme-popover‘).slideUp(200); 63 //if (data == 1) { 64 // ds.dialog({ 65 // title: ‘溫馨提示‘, 66 // content: ‘恭喜你，修改成功！‘, 67 // icon: ‘../../images/dsdialog/success.png‘ 68 // }); 69 // } 70 //else{ 71 // ds.dialog({ 72 // title: ‘溫馨提示‘, 73 // content: ‘修改失敗！‘, 74 // icon: ‘../../images/dsdialog/info.png‘ 75 // }); 76 //} 77 //$("#dg1").datagrid(‘reload‘); 78 //}); 79 }); //end click 80 } 81 } 82 else { 83 ds.dialog({ 84 title: ‘溫馨提示‘, 85 content: ‘請選擇要修改的行！‘, 86 icon: ‘../../images/dsdialog/info.png‘ 87 }); 88 } 89 }
1 //删除 2 function Delete() { 3 var selected = $("#dg1").datagrid(‘getSelected‘); 4 if (selected != null) { 5 ds.dialog({ 6 title: ‘溫馨提示‘, 7 content: ‘你確定要刪除該用戶嗎?‘, 8 icon: ‘../../images/dsdialog/question.png‘, 9 yesText: ‘確定‘, 10 onyes: function () {
//可是刪除的時候 這樣是沒問題的 因為刪除了上一次選中的行就沒有了 所以不會出現Update時的問題 當然添加的時候也不會出現這種問題的 可是我先做的就是刪除方法 所以沒想到這些 哈哈 是不是很蛋疼了。。。 11 $.post("/Admin/Delete", { "Id": selected.ID }, function (data) { 12 if (data == 1) { 13 ds.dialog({ 14 title: ‘溫馨提示‘, 15 content: ‘恭喜你，刪除成功！‘, 16 icon: ‘../../images/dsdialog/success.png‘ 17 }); 18 } 19 else { 20 ds.dialog({ 21 title: ‘溫馨提示‘, 22 content: ‘刪除失敗！‘, 23 icon: ‘../../images/dsdialog/info.png‘ 24 }); 25 } 26 $("#dg1").datagrid(‘reload‘); 27 }); 28 }, 29 noTest: ‘取消‘, 30 onno: function () { 31 this.close(); 32 } 33 }); 34 } 35 else { 36 ds.dialog({ 37 title: ‘溫馨提示‘, 38 content: ‘請選擇要刪除的行！‘, 39 icon: ‘../../images/dsdialog/info.png‘ 40 }); 41 } 42 }
1 //格式化日期 2 Date.prototype.format = function (format) { 3 var o = { 4 "M+": this.getMonth() + 1, //month 5 "d+": this.getDate(), //day 6 "h+": this.getHours(), //hour 7 "m+": this.getMinutes(), //minute 8 "s+": this.getSeconds(), //second 9 "q+": Math.floor((this.getMonth() + 3) / 3), //quarter 10 "S": this.getMilliseconds() //millisecond 11 } 12 if (/(y+)/.test(format)) format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); 13 for (var k in o) if (new RegExp("(" + k + ")").test(format)) 14 format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); 15 return format; 16 }
生命不息，代碼不止...
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
