2. 程式人生 > >JqGrid: Add,Edit,Del in asp.net

JqGrid: Add,Edit,Del in asp.net

阿新 • • 發佈：2018-01-27
wid rtm sub comm escape cor sele hub jquery-ui

https://github.com/1rosehip/jplist

https://github.com/free-jqgrid/jqGrid

https://plugins.jquery.com/tag/pagination/

https://dotnetsourcedileep.codeplex.com/

/// https://sql2mongo.codeplex.com/
/// https://forums.asp.net/t/1629287.aspx?serverside+code+for+Add+Edit+Del+in+jQGrid
/// https://forums.asp.net/t/1627666.aspx?Edit+Add+Del+in+Jqgrid

/// http://trirand.net/examples/grid/editing_data/edit_add_delete/default.aspx
/// http://www.trirand.com/blog/?page_id=6
/// https://jqgridaspnetmvc.codeplex.com/
/// https://github.com/tpeczek/Lib.AspNetCore.Mvc.JqGrid
/// https://jqmvcgrid.codeplex.com/
/// http://jqgridaspnetmvc.codeplex.com/
/// https://mvccrud.codeplex.com/
/// http://www.trirand.net/download.aspx
/// https://dotnetsourcedileep.codeplex.com/

http://www.c-sharpcorner.com/uploadfile/rahul4_saxena/jqgrid-in-asp-net-c-sharp/

https://github.com/tonytomov/jqGrid

sql:

--jQGridDemo AdventureWorks2012
CREATE  TABLE Employee
(
	_id VARCHAR(100),
	FirstName NVARCHAR(100),
	LastName NVARCHAR(100),
	LastSSN NVARCHAR(100),
	Department NVARCHAR(100),
	Age INT,
	Salary NVARCHAR(100),
	[Address] NVARCHAR(100),
	MaritalStatus NVARCHAR(100)
)
GO

SELECT * FROM dbo.Employee
GO

INSERT dbo.Employee
        ( _id ,
          FirstName ,
          LastName ,
          LastSSN ,
          Department ,
          Age ,
          Salary ,
          Address ,
          MaritalStatus
        )
VALUES  ( ‘1‘ , -- _id - varchar(100)
          N‘du‘ , -- FirstName - nvarchar(100)
          N‘geovindu‘ , -- LastName - nvarchar(100)
          N‘N0002‘ , -- LastSSN - nvarchar(100)
          N‘IT‘ , -- Department - nvarchar(100)
          40 , -- Age - int
          N‘40000‘ , -- Salary - nvarchar(100)
          N‘SZ‘ , -- Address - nvarchar(100)
          N‘1‘  -- MaritalStatus - nvarchar(100)
        )
GO

INSERT dbo.Employee
        ( _id ,
          FirstName ,
          LastName ,
          LastSSN ,
          Department ,
          Age ,
          Salary ,
          Address ,
          MaritalStatus
        )
VALUES  ( ‘2‘ , -- _id - varchar(100)
          N‘塗‘ , -- FirstName - nvarchar(100)
          N‘聚文‘ , -- LastName - nvarchar(100)
          N‘N0001‘ , -- LastSSN - nvarchar(100)
          N‘HR‘ , -- Department - nvarchar(100)
          40 , -- Age - int
          N‘80000‘ , -- Salary - nvarchar(100)
          N‘SZ‘ , -- Address - nvarchar(100)
          N‘2‘  -- MaritalStatus - nvarchar(100)
        )
GO

INSERT dbo.Employee
        ( _id ,
          FirstName ,
          LastName ,
          LastSSN ,
          Department ,
          Age ,
          Salary ,
          Address ,
          MaritalStatus
        )
VALUES  ( ‘3‘ , -- _id - varchar(100)
          N‘塗‘ , -- FirstName - nvarchar(100)
          N‘斯博‘ , -- LastName - nvarchar(100)
          N‘N0003‘ , -- LastSSN - nvarchar(100)
          N‘HR‘ , -- Department - nvarchar(100)
          10 , -- Age - int
          N‘80000‘ , -- Salary - nvarchar(100)
          N‘SZ‘ , -- Address - nvarchar(100)
          N‘3‘  -- MaritalStatus - nvarchar(100)
        )
GO

　　Default.aspx:

    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <script src="JQGridReq/jquery-1.9.0.min.js" type="text/javascript"></script>
    <link href="JQGridReq/jquery-ui-1.9.2.custom.css" rel="stylesheet" type="text/css" />
    <script src="JQGridReq/jquery.jqGrid.js" type="text/javascript"></script>
    <link href="JQGridReq/ui.jqgrid.css" rel="stylesheet" type="text/css" />
    <script src="JQGridReq/grid.locale-cn.js" type="text/javascript"></script>

    <h2>
        Welcome To Kodoths JQGrid Demo
    </h2>
    <table id="jQGridDemo">
    </table>
    <div id="jQGridDemoPager">
    </div>
    <script type="text/javascript">           
        jQuery("#jQGridDemo").jqGrid({
            url: ‘JQGridHandler.ashx‘,
            datatype: "json",
            height:500,
            colNames: [‘Id‘, ‘First Name‘, ‘Last Name‘, ‘Last 4 SSN‘, ‘Department‘, ‘Age‘, ‘Salary‘, "Address", ‘Marital Status‘],  //名稱
            colModel: [
                        { name: ‘_id‘, index: ‘_id‘, width: 20, stype: ‘text‘ },
   		                { name: ‘FirstName‘, index: ‘FirstName‘, width: 150, stype: ‘text‘, sortable: true, editable: true },
   		                { name: ‘LastName‘, index: ‘LastName‘, width: 150, editable: true },
   		                { name: ‘LastSSN‘, index: ‘LastSSN‘, width: 60, editable: true },
   		                { name: ‘Department‘, index: ‘Department‘, width: 80, align: "right", editable: true },
   		                { name: ‘Age‘, index: ‘Age‘, width: 40, align: "right", editable: true },
   		                { name: ‘Salary‘, index: ‘Salary‘, width: 80, align: "right", editable: true },
   		                { name: ‘Address‘, index: ‘Address‘, width: 150, sortable: false, editable: true },
                        { name: ‘MaritalStatus‘, index: ‘MaritalStatus‘, width: 100, sortable: false, editable: true }
   	                  ],
            rowNum: 10,
            mtype: ‘GET‘,
            loadonce: true,
            rowList: [10, 20, 30],
            pager: ‘#jQGridDemoPager‘,
            sortname: ‘_id‘,            
            viewrecords: true,
            sortorder: ‘desc‘,
            caption: "List Employee Details 客戶列表",
            editurl: ‘JQGridHandler.ashx‘ //http://localhost:58404/
        });

        $(‘#jQGridDemo‘).jqGrid(‘navGrid‘, ‘#jQGridDemoPager‘,
                   {
                       edit: true,
                       add: true,
                       del: true,
                       search: true,
                       searchtext: "Search",
                       addtext: "Add",
                       edittext: "Edit",
                       deltext: "Delete"
                   },
                   {   //EDIT
                       //                       height: 300,
                       //                       width: 400,
                       //                       top: 50,
                       //                       left: 100,
                       //                       dataheight: 280,
                       closeOnEscape: true, //Closes the popup on pressing escape key
                       reloadAfterSubmit: true,
                       drag: true,
                       afterSubmit: function (response, postdata) {
                           if (response.responseText == "") {

                               $(this).jqGrid(‘setGridParam‘, { datatype: ‘json‘ }).trigger(‘reloadGrid‘); //Reloads the grid after edit
                               return [true, ‘‘]
                           }
                           else {
                               $(this).jqGrid(‘setGridParam‘, { datatype: ‘json‘ }).trigger(‘reloadGrid‘); //Reloads the grid after edit
                               return [false, response.responseText]//Captures and displays the response text on th Edit window
                           }
                       },
                       editData: {
                           EmpId: function () {
                               var sel_id = $(‘#jQGridDemo‘).jqGrid(‘getGridParam‘, ‘selrow‘);
                               var value = $(‘#jQGridDemo‘).jqGrid(‘getCell‘, sel_id, ‘_id‘);
                               return value;
                           }
                       }
                   },
                   {
                       closeAfterAdd: true, //Closes the add window after add
                       afterSubmit: function (response, postdata) {
                           if (response.responseText == "") {

                               $(this).jqGrid(‘setGridParam‘, { datatype: ‘json‘ }).trigger(‘reloadGrid‘)//Reloads the grid after Add
                               return [true, ‘‘]
                           }
                           else {
                               $(this).jqGrid(‘setGridParam‘, { datatype: ‘json‘ }).trigger(‘reloadGrid‘)//Reloads the grid after Add
                               return [false, response.responseText]
                           }
                       }
                   },
                   {   //DELETE
                       closeOnEscape: true,
                       closeAfterDelete: true,
                       reloadAfterSubmit: true,
                       closeOnEscape: true,
                       drag: true,
                       afterSubmit: function (response, postdata) {
                           if (response.responseText == "") {

                               $("#jQGridDemo").trigger("reloadGrid", [{ current: true}]);
                               return [false, response.responseText]
                           }
                           else {
                               $(this).jqGrid(‘setGridParam‘, { datatype: ‘json‘ }).trigger(‘reloadGrid‘);
                               return [true, response.responseText]
                           }
                       },
                       delData: {
                           EmpId: function () {
                               var sel_id = $(‘#jQGridDemo‘).jqGrid(‘getGridParam‘, ‘selrow‘);
                               var value = $(‘#jQGridDemo‘).jqGrid(‘getCell‘, sel_id, ‘_id‘);
                               return value;
                           }
                       }
                   },
                   {//SEARCH
                       closeOnEscape: true

                   }
            );
              
    </script>

　　JQGridHandler.ashx:

   public class JQGridHandler : IHttpHandler
    {
        /// <summary>
        /// 
        /// </summary>
        /// <param name="context"></param>
        public void ProcessRequest(HttpContext context)
        {
            System.Collections.Specialized.NameValueCollection forms = context.Request.Form;
            string strOperation = forms.Get("oper");

            MONGOConnect objMC = new MONGOConnect();//Helper Class
            var collectionEmployee = objMC.GetMongoCollection("Employee");//Gets Employee Collection

            List<Employee> emy = new List<Employee>();
            //Employee ep = new Employee();
            //ep._id = "1";
            //ep.Address = "sz";
            //ep.Age = 40;
            //ep.Department = "it";
            //ep.FirstName = "du";
            //ep.LastName = "geovin";
            //ep.LastSSN = "N0001";
            //ep.MaritalStatus = "1";
            //ep.Salary = "4000";
            //emy.Add(ep);
            //ep = new Employee();
            //ep._id = "2";
            //ep.Address = "深圳";
            //ep.Age = 40;
            //ep.Department = "人事部";
            //ep.FirstName = "塗";
            //ep.LastName = "塗聚文";
            //ep.LastSSN = "N0002";
            //ep.MaritalStatus = "1";
            //ep.Salary = "8000";
            //emy.Add(ep);
            emy = getList();

            string strResponse = string.Empty;
            //查詢
            if (strOperation == null)
            {
                //oper = null which means its first load.
                var jsonSerializer = new JavaScriptSerializer();
                context.Response.Write(jsonSerializer.Serialize(emy));//collectionEmployee.AsQueryable<Employee>().ToList<Employee>()



            }
            else if (strOperation == "del") //刪除
            {
                var query = Query.EQ("_id", forms.Get("EmpId").ToString());
                string de = forms.Get("EmpId").ToString();
                //collectionEmployee.Remove(query);
                strResponse = "Employee record successfully removed:"+de;
                context.Response.Write(strResponse);
            }
            else
            {
                 string strOut=string.Empty;
                 AddEdit(forms, collectionEmployee, out strOut);
                 context.Response.Write(strOut);
            }
                       
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
        /// <summary>
        /// 
        /// </summary>
        /// <returns></returns>
        private List<Employee> getList()
        {
             List<Employee> users = new List<Employee>();
            string connectionString = @"Data Source=GEOVINDU; Initial Catalog=AdventureWorks2012; User ID=sa; Password=geovindu";
            using (SqlConnection connection = new SqlConnection(connectionString))
            {
                using (SqlCommand command = new SqlCommand())
                {
                    command.Connection = connection;
                    command.CommandText = "SELECT * FROM dbo.Employee";
                    command.CommandType = CommandType.Text;
                    connection.Open();
                    using (SqlDataReader dataReader = command.ExecuteReader())
                    {
                        Employee user;
                        while (dataReader.Read())
                        {
                            user = new Employee();
                            user._id = Convert.ToString(dataReader["_id"]);
                            user.Address = Convert.ToString(dataReader["Address"]);
                            user.Age = Convert.ToInt32(dataReader["Age"]);
                            user.Department = Convert.ToString(dataReader["Department"]);
                            user.FirstName = Convert.ToString(dataReader["FirstName"]);
                            user.LastName = Convert.ToString(dataReader["LastName"]);
                            user.LastSSN = Convert.ToString(dataReader["LastSSN"]);
                            user.MaritalStatus = Convert.ToString(dataReader["MaritalStatus"]);
                            user.Salary = Convert.ToString(dataReader["Salary"]);
                            users.Add(user);
                        }
                    }
                }
            }
            return users;
        }


        /// <summary>
        /// 
        /// </summary>
        /// <param name="numberOfRows"></param>
        /// <param name="pageIndex"></param>
        /// <param name="sortColumnName"></param>
        /// <param name="sortOrderBy"></param>
        /// <param name="totalRecords"></param>
        /// <returns></returns>
        private List<Employee> GetUsers(string numberOfRows, string pageIndex, string sortColumnName, string sortOrderBy, out int totalRecords)
        {
            List<Employee> users = new List<Employee>();
            string connectionString = @"Data Source=GEOVINDU-PC\GEOVINDU; Initial Catalog=AdventureWorks2012; User ID=sa; Password=770214";
            using (SqlConnection connection = new SqlConnection(connectionString))
            {
                using (SqlCommand command = new SqlCommand())
                {
                    command.Connection = connection;
                    command.CommandText = "SelectjqGridUsers";
                    command.CommandType = CommandType.StoredProcedure;

                    SqlParameter paramPageIndex = new SqlParameter("@PageIndex", SqlDbType.Int);
                    paramPageIndex.Value = Convert.ToInt32(pageIndex);
                    command.Parameters.Add(paramPageIndex);

                    SqlParameter paramColumnName = new SqlParameter("@SortColumnName", SqlDbType.VarChar, 50);
                    paramColumnName.Value = sortColumnName;
                    command.Parameters.Add(paramColumnName);

                    SqlParameter paramSortorderBy = new SqlParameter("@SortOrderBy", SqlDbType.VarChar, 4);
                    paramSortorderBy.Value = sortOrderBy;
                    command.Parameters.Add(paramSortorderBy);

                    SqlParameter paramNumberOfRows = new SqlParameter("@NumberOfRows", SqlDbType.Int);
                    paramNumberOfRows.Value = Convert.ToInt32(numberOfRows);
                    command.Parameters.Add(paramNumberOfRows);

                    SqlParameter paramTotalRecords = new SqlParameter("@TotalRecords", SqlDbType.Int);
                    totalRecords = 0;
                    paramTotalRecords.Value = totalRecords;
                    paramTotalRecords.Direction = ParameterDirection.Output;
                    command.Parameters.Add(paramTotalRecords);


                    connection.Open();
                    using (SqlDataReader dataReader = command.ExecuteReader())
                    {
                        Employee user;
                        while (dataReader.Read())
                        {
                            user = new Employee();
                            user._id = Convert.ToString(dataReader["_id"]);
                            user.Address = Convert.ToString(dataReader["UserName"]);
                            user.Age = Convert.ToInt32(dataReader["Age"]);
                            user.Department = Convert.ToString(dataReader["Department"]);
                            user.FirstName = Convert.ToString(dataReader["FirstName"]);
                            user.LastName = Convert.ToString(dataReader["LastName"]);
                            user.LastSSN = Convert.ToString(dataReader["LastSSN"]);
                            user.MaritalStatus = Convert.ToString(dataReader["MaritalStatus"]);
                            user.Salary = Convert.ToString(dataReader["Salary"]); 
                            users.Add(user);
                        }
                    }
                    totalRecords = (int)paramTotalRecords.Value;
                }

                return users;
            }

        }  



        /// <summary>
        /// 添加，修改
        /// </summary>
        /// <param name="forms"></param>
        /// <param name="collectionEmployee"></param>
        /// <param name="strResponse"></param>
        private void AddEdit(NameValueCollection forms, MongoCollection collectionEmployee,out string strResponse)
        {
            string strOperation = forms.Get("oper");
            string strEmpId = string.Empty;
            if (strOperation == "add") //添加
            {
                var result = 40;// collectionEmployee.AsQueryable<Employee>().Select(c => c._id).Max();
                strEmpId = (Convert.ToInt32(result) + 1).ToString();
            }
            else if (strOperation == "edit") //編輯
            {
                strEmpId = forms.Get("EmpId").ToString();
               
            }
           
            string strFirstName = forms.Get("FirstName").ToString();
            string strLastName = forms.Get("LastName").ToString();
            string strLastSSN = forms.Get("LastSSN").ToString();
            string strDepartment = forms.Get("Department").ToString();
            string strAge = forms.Get("Age").ToString();
            string strSalary = forms.Get("Salary").ToString();
            string strAddress = forms.Get("Address").ToString();
            string strMaritalStatus = forms.Get("MaritalStatus").ToString();
            Employee objEmp = new Employee();
            objEmp._id = strEmpId;
            objEmp.FirstName = strFirstName;
            objEmp.LastName = strLastName;
            objEmp.LastSSN = strLastSSN;
            objEmp.Department = strDepartment;
            objEmp.Age = Convert.ToInt32(strAge);
            objEmp.Address = strAddress;
            objEmp.MaritalStatus = strMaritalStatus;
            objEmp.Salary = strSalary;

            //collectionEmployee.Save(objEmp);
            strResponse = "Employee record successfully updated";
        }
    }

　　

JqGrid: Add,Edit,Del in asp.net

相關推薦

JqGrid: Add,Edit,Del in asp.net

wid rtm sub comm escape cor sele hub jquery-ui https://github.com/1rosehip/jplist https://github.com/free-jqgrid/jqGrid https://plugins

Use Typescript in asp.net MVC project.

can project pin open query nuget create type drag 1. create an empty web project. 2. add a index.html file. 3. open nuget browser, and

Authentication and Authorization in ASP.NET Web API

module to server -h alter prop strong bar isa som ?You‘ve created a web API, but now you want to control access to it. In this series o

[轉]Enabling CRUD Operations in ASP.NET Web API 1

storage next have get ini called each tail span 本文轉自：https://docs.microsoft.com/en-us/aspnet/web-api/overview/older-versions/creating-a-w

Global exception handling in asp.net core webapi

div 程序 todo color 返回 lob 文章 value config 在.NET Core中MVC和WebAPI已經組合在一起，都繼承了Controller，但是在處理錯誤時，就很不一樣，MVC返回錯誤頁面給瀏覽器，WebAPI返回Json或XML，而不是HTM

Using Custom Domains With IIS Express In Asp.Net Core

using hosts core system32 drive host 修改 ive not IIS Express是一個Mini版的IIS，能夠支持所有的Web開發任務，但是這種設計有一些缺陷，例如只能通過localhost:<port>的方式來訪問我們的應

Validate Model State automatically in ASP.NET Core 2.0

開始 lte 定義 新一代 get www. true 狀態 ins if (!ModelState.IsValid) { //TODO 模型驗證失敗需要做的事情 } 上面的代碼不管是在傳統的ASP.NET還是新一代ASP.NET Core中都是為了驗證模型的狀

ResolveUrl in external JavaScript file in asp.net project

lin html flow mbed system point ofo tor directive https://stackoverflow.com/questions/11263425/page-resolveurl-is-not-working-in-javascri

Property Injection in Asp.Net Core （轉載）

問： I am trying to port an asp.net application to asp.net core. I have property injection (using ninject) on my UnitOfWork implementation like this.

ASP.Net Web API 輸出快取 轉載 -- Output caching in ASP.NET Web API

一.Nuget安裝相關dll  Web API 2 : Install-Package Strathweb.CacheOutput.WebApi2 Web API 1 : Install-Package Strathweb.CacheOutput

Service Discovery And Health Checks In ASP.NET Core With Consul

在這篇文章中，我們將快速瞭解一下服務發現是什麼，使用Consul在ASP.NET Core MVC框架中，並結合DnsClient.NET實現基於Dns的客戶端服務發現 這篇文章的所有原始碼都可以在GitHub上Demo專案獲得. Service Discovery 在現代微服務架構中，服務可

ASP.NET中aspx頁面runat="server"的本質（Essensial of runat=”server” in ASP.NET）

今天同事問我一個“神奇”的問題，另一個同事“神奇”地找出了問題但無法解釋，歸咎於一種“習慣”或者“下次注意”。現在我把問題描述一下，並做一些解釋。我的同事先是在現有工程中新加了一個aspx頁面，然後從現有的執行正確的

ErrorHandling in asp.net web api

eas focus b- ocs top control lte blank ssi https://docs.microsoft.com/en-us/aspnet/web-api/overview/error-handling/exception-handling ht

JSON and XML Serialization in ASP.NET Web API

media bsp off sel var member benefit asi oob https://docs.microsoft.com/en-us/aspnet/web-api/overview/formats-and-model-binding/json-and-

FullCalendar – jQuery Event Calendar in ASP.NET

https://github.com/esausilva/ASP.Net-EventCalendar http://trentrichardson.com/examples/timepicker/ https://github.com/posabsolute/jQuery-

Worker Service in ASP .NET Core

介紹 提到 ASP.NET Core，我們多半會想到 ASP.NET MVC、ASP.NET Web API、Razor page 及 Blazor。隨著 .NET Core 3.0 的推出，今天會介紹一個全新推出的功能：Work Service 。我們可以在 Visual Studio 2019

gRPC in ASP.NET Core 3.0 -- Protocol Buffer（1）

現如今微服務很流行，而微服務很有可能是使用不同語言進行構建的。而微服務之間通常需要相互通訊，所以微服務之間必須在以下幾個方面達成共識： 需要使用某種API 資料格式 錯誤的模式 負載均衡 。。。 現在最流行的一種API風格可能是REST，它主要是通過HTTP協議來傳輸JSON資料。 但是

csredis-in-asp.net core理論實戰-主從配置、哨兵模式

csredis GitHub https://github.com/2881099/csredis 看了github上的開源專案,上面真的只是單純的使用文件，可能對於我這種人（菜鳥）就不太友好， 我知道他對標的是ServiceStack.Redis， 一開始csredis只支援. net 版本，但原作者沒

HTTP Strict Transport Security (HSTS) in ASP.NET Core

　　本文是《9012年了，還不會Https》的後篇，本文著重聊一聊 HTTP Strict Transport Security協議的概念和應用。 啟用HTTPS還不夠安全 　　站點通過HTTPS 對外提供服務，使用者在訪問某站點，往往會直接輸入站點域名，而不是完整的HTTPS地址，站點一般會發送301重

gRPC in ASP.NET Core 3.x -- Protocol Buffer（2）Go語言的例子（下）

第一篇文章（大約半年前寫的）：https://www.cnblogs.com/cgzl/p/11246324.html gRPC in ASP.NET Core 3.x -- Protocol Buffer（2）Go語言的例子（上）  接著上一篇文章。   寫入到JSON 首先寫一個fun