程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> 三、gridView增刪改查,gridview增刪改

三、gridView增刪改查,gridview增刪改

編輯:關於.NET

三、gridView增刪改查,gridview增刪改


1. 新增或修改一條數據

  1.1 添加 新增或修改按鈕

 1     <div >
 2         @Html.DevExpress().Button(settings =>
 3         {
 4             settings.Name = "btnUpdate";
 5             settings.ControlStyle.CssClass = "button";
 6             settings.Text = "修改";
 7             settings.UseSubmitBehavior = true;
 8             settings.ClientSideEvents.Click = "updateData";
 9         }).GetHtml()
10     </div>
11 
12     <div >
13         @Html.DevExpress().Button(settings =>
14         {
15             settings.Name = "btnAdd";
16             settings.ControlStyle.CssClass = "button";
17             settings.Text = "新增";
18             settings.UseSubmitBehavior = true;
19             settings.ClientSideEvents.Click = "addData";
20         }).GetHtml()
21     </div>
btnAddorUpdate

  1.2 新增或修改按鈕JS

 1     function updateData(s, e) {
 2         GridView.GetSelectedFieldValues("DocumentId", GetSelectedFieldValuesCallbackForModify);
 3     }
 4 
 5     function GetSelectedFieldValuesCallbackForModify(values) {
 6         if (values.length != 1) {
 7             alert("請選擇一個修改項");
 8         } else {
 9             $.ajax({
10                 type: "GET",
11                 url: '@Url.Action("UpdateOrAdd", "Home")',
12                 data: { "id": values[0] },
13                 datatype: "html",
14                 ansy: false,
15                 cache: false,
16                 success: function (data) {
17                     $('#content').html(data);
18                     $("#DocumentId").val(values[0]);
19                     addorUpdate.Show();
20                 },
21                 error: function () {
22                     alert("處理失敗!");
23                 }
24             });
25         }
26     }
27 
28     function addData(s, e) {
29         $.ajax({
30             type: "GET",
31             url: '@Url.Action("UpdateOrAdd", "Home")',
32             data: '',
33             datatype: "html",
34             ansy: false,
35             cache: false,
36             success: function (data) {
37                 $('#content').html(data);
38                 addorUpdate.Show();
39             },
40             error: function () {
41                 alert("處理失敗!");
42             }
43         });
44     }
View Code

  1.3 新增或修改Controller

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved