Mit WebGrid in ASP.NET Kern

Ich bin mit System.Web.Helpers.WebGrid Kontrolle in ASP.NET Core-Anwendung,
Ich erhalte die folgende Fehlermeldung beim Rendern des Rasters

An unhandled exception occurred while processing the request.

ArgumentNullException: Value cannot be null.
 Parameter name: httpContext

System.Web.HttpContextWrapper..ctor(HttpContext httpContext)

in Zeile

System.Web.Helpers.WebGrid objWebGrid = new System.Web.Helpers.WebGrid(Model.MeetingsObj);

Modell:

public class Meeting
    {

        public int MeetingId { get; set; }
        public string MeetingName { get; set; }
        public string Format { get; set; }
        public string Location { get; set; }
    }

    public class MeetingVM
    {
        public Meeting MeetingObj { get; set; }
        public List<Meeting> MeetingsObj { get; set; }
        public Boolean ShowGridHeader { get; set; }
    }

Kann mir jemand die Lösung für die oben genannten Fehler?

Was ist der Wert von Model.MeetingsObj?
Modell.MeetingsObj ist eine Liste
Bitte können Sie uns zeigen, die definition der Liste und alle Objekte, die es enthält
Hinzugefügt das Modell definition in Frage,
der obige code funktioniert in MVC5 app, ich bin immer die Fehler nur in ASP.NET Kern

InformationsquelleAutor Saravana Kumar | 2017-04-10

4

Können Sie versuchen, eine andere Komponente , ich empfehle das MVC6 grid
http://mvc6-grid.azurewebsites.net/

im Grunde ist es fast dieselbe syntax ,so wird es kleinere änderungen an deinen aktuellen code ,überprüfen Sie bitte die folgenden Beispiel-code
```
@model IEnumerable<PersonModel>

@(Html
.Grid(Model)
.Build(columns =>
{
    columns.Add(model => model.Name).Titled("Name");
    columns.Add(model => model.Surname).Titled("Surname");

    columns.Add(model => model.Age).Titled("Age");
    columns.Add(model => model.Birthday).Titled("Birth date");
    columns.Add(model => model.IsWorking).Titled("Employed");
})
.Filterable()
.Sortable()
.Pageable()
)
```
es hat auch viele andere Funktionen, die machen die Sache einfacher .netcore

Es ist ähnlich wie GRID.MVC in ASP.NET MVC, aber ich hat einige Problem wie u ziehen müssen ganze Modell einmal auf, dass Zeilen, die Sie spielen filtern, wenn wir 3 bis 5 lakhs der Datensätze, dann wird es beginnen performance-Problem
Sie kann zu einer überwindung dieser Teil über die manuelle paging ,und führen Sie die paging-Teil selbst , es ist einfach glaube ich ,bitte überprüfen Sie die Probe, mvc6-grid.azurewebsites.net/Grid/ManualPaging

InformationsquelleAutor Ali

Können Sie mithilfe der Client-Seite (Grid jQuery-DataTables-Grid Mit ASP.NET CORE, MVC), die einfache, leichte und offene Quellen.

Mit WebGrid in ASP.NET Kern

Script und Css Erforderlich für DataTables Grid

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  

    <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />  

    <link href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css" rel="stylesheet" />  
    <link href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css" rel="stylesheet" />  

    <script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>  
    <script src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap4.min.js "></script>

Vollständige code-Snippet Zeigegitter Ansicht

@{  
    Layout = null;  
}  

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  
<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />  

<link href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css" rel="stylesheet" />  
<link href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css" rel="stylesheet" />  

<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>  
<script src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap4.min.js "></script>  

<div class="container">  
    <br />  
    <div style="width:90%; margin:0 auto;">  
        <table id="example" class="table table-striped table-bordered dt-responsive nowrap" width="100%" cellspacing="0">  
            <thead>  
                <tr>  
                    <th>CustomerID</th>  
                    <th>Name</th>  
                    <th>Address</th>  
                    <th>Country</th>  
                    <th>City</th>  
                    <th>Phoneno</th>  
                    <th>Edit</th>  
                    <th>Delete</th>  
                </tr>  
            </thead>  
        </table>  
    </div>  
</div>  

<script>  

        $(document).ready(function ()  
        {  
            $("#example").DataTable({  
                "processing": true, //for show progress bar  
                "serverSide": true, //for process server side  
                "filter": true, //this is for disable filter (search box)  
                "orderMulti": false, //for disable multiple column at once  
                "ajax": {  
                    "url": "/DemoGrid/LoadData",  
                    "type": "POST",  
                    "datatype": "json"  
                },  
                "columnDefs":  
                [{  
                    "targets": [0],  
                    "visible": false,  
                    "searchable": false  
                }],  
                "columns": [  
                    { "data": "CustomerID", "name": "CustomerID", "autoWidth": true },  
                    { "data": "Name", "name": "Name", "autoWidth": true },  
                    { "data": "Address", "name": "Address", "autoWidth": true },  
                    { "data": "Country", "name": "Country", "autoWidth": true },  
                    { "data": "City", "name": "City", "autoWidth": true },  
                    { "data": "Phoneno", "name": "Phoneno", "autoWidth": true },  
                    {  
                        "render": function (data, type, full, meta)  
                        { return '<a class="btn btn-info" href="/DemoGrid/Edit/' + full.CustomerID + '">Edit</a>'; }  
                    },  
                    {  
                        data: null, render: function (data, type, row)  
                        {  
                            return "<a href='#' class='btn btn-danger' onclick=DeleteData('" + row.CustomerID + "'); >Delete</a>";  
                        }  
                    },  
                ]  

            });  
        });  


    function DeleteData(CustomerID)  
        {  
            if (confirm("Are you sure you want to delete ...?"))  
            {  
                Delete(CustomerID);  
            }  
            else  
            {  
                return false;  
            }  
        }  


        function Delete(CustomerID)  
    {  
        var url = '@Url.Content("~/")' + "DemoGrid/Delete";  

            $.post(url, { ID: CustomerID }, function (data)  
                {  
                    if (data)  
                    {  
                        oTable = $('#example').DataTable();  
                        oTable.draw();  
                    }  
                    else  
                    {  
                        alert("Something Went Wrong!");  
                    }  
                });  
    }  

</script>

Vollständige code-Snippet DemoGridController

using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Threading.Tasks;  
using Microsoft.AspNetCore.Mvc;  
using ExampleGrid.Models;  
using System.Linq.Dynamic;  
//For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860  

namespace ExampleGrid.Controllers  
{  
    public class DemoGridController : Controller  
    {  
        private DatabaseContext _context;  

        public DemoGridController(DatabaseContext context)  
        {  
            _context = context;  
        }  
        //GET: /<controller>/ 
        public IActionResult ShowGrid()  
        {  
            return View();  
        }  

        public IActionResult LoadData()  
        {  
            try  
            {  
                var draw = HttpContext.Request.Form["draw"].FirstOrDefault();  
                //Skiping number of Rows count  
                var start = Request.Form["start"].FirstOrDefault();  
                //Paging Length 10,20  
                var length = Request.Form["length"].FirstOrDefault();  
                //Sort Column Name  
                var sortColumn = Request.Form["columns[" + Request.Form["order[0][column]"].FirstOrDefault() + "][name]"].FirstOrDefault();  
                //Sort Column Direction ( asc ,desc)  
                var sortColumnDirection = Request.Form["order[0][dir]"].FirstOrDefault();  
                //Search Value from (Search box)  
                var searchValue = Request.Form["search[value]"].FirstOrDefault();  

                //Paging Size (10,20,50,100)  
                int pageSize = length != null ? Convert.ToInt32(length) : 0;  
                int skip = start != null ? Convert.ToInt32(start) : 0;  
                int recordsTotal = 0;  

                //Getting all Customer data  
                var customerData = (from tempcustomer in _context.CustomerTB  
                                    select tempcustomer);  

                //Sorting  
                if (!(string.IsNullOrEmpty(sortColumn) && string.IsNullOrEmpty(sortColumnDirection)))  
                {  
                    customerData = customerData.OrderBy(sortColumn + " " + sortColumnDirection);  
                }  
                //Search  
                if (!string.IsNullOrEmpty(searchValue))  
                {  
                    customerData = customerData.Where(m => m.Name == searchValue);  
                }  

                //total number of rows count   
                recordsTotal = customerData.Count();  
                //Paging   
                var data = customerData.Skip(skip).Take(pageSize).ToList();  
                //Returning Json Data  
                return Json(new { draw = draw, recordsFiltered = recordsTotal, recordsTotal = recordsTotal, data = data });  

            }  
            catch (Exception)  
            {  
                throw;  
            }  

        }  
    }  
}

Link zum Artikel Detail

haben Sie eine .net core 2.0 Beispiel?
dasselbe kann verwendet werden, mit ASP.NET CORE 2.0 kein Problem in der it
Nachdem es an dem "t". sicher @{ Layout = null; } immer die folgenden Fehler [Error] TypeError: $('#dialog').dialog ist nicht eine Funktion. (In '$('#dialog').dialog({ autoOpen: false, resizable: false, modal: true, width: 360 })', '$('#dialog').dialog' ist nicht definiert) Global Code (Definition:69) und... TypeError: undefined ist nicht eine Funktion (in der Nähe von '...$('#grid').grid...')
sind Sie mit jquery dialog, in Sie Anwendung. es fehlt script Referenz.
verwenden Sie Ihre awesome tutorial unter c-sharpcorner.com/article/... jetzt. Hinzugefügt System.Linq -.Dynamisch ist.Kern; und die Orderby funktioniert auch. die Entwicklung mit .NET Core 2.0 VS 2017. Thx

InformationsquelleAutor Saineshwar

0

Ich port open-Source-WebGrid mit ASP.NET Kern-und Paket ist jetzt auf NuGet AndreyKurdiumov.AspNetCore.Helfer - version 0.2.0

Diesem Paket versucht, in-place-Ersatz für die WebGrid-Nutzung.
Aber ich weiß noch nicht geschafft, dies geschieht zu 100%.

Veränderungen, die getan werden sollte,
1. Fügen Sie folgende Zeilen in die _ViewImports.cshtml
```
@using AndreyKurdiumov.AspNetCore.Helpers
@inject Microsoft.AspNetCore.Http.IHttpContextAccessor HttpContextAccessor
```
2. Wo WebGrid gebaut werden sollte, fügen Sie contructor parameter HttpContextAccessor
```
 var grid = new WebGrid(HttpContextAccessor, source: this.Model.Tables,
         defaultSort: "TableName",
         rowsPerPage: 30);
```
Dies ist so einfach wie möglich für die migration der bestehenden Codebasis, die ich zu verwalten, zu implementieren.

Den source-code
https://github.com/kant2002/AspNetCore.Helpers

InformationsquelleAutor codevision

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.