[Arabic] Using JQuery Datatable in ASP.NET Core - Server-Side Processing [Part 1]

Original article = www.codewithmu...
Github = github.com/muh...
Dummy data generator = www.mockaroo.com/
Packages:
- Microsoft.EntityFrameworkCore
- Microsoft.EntityFrameworkCore.Tools
- Microsoft.EntityFrameworkCore.SqlServer
- Microsoft.EntityFrameworkCore.Design
- Microsoft.VisualStudio.Web.CodeGeneration.Design
- System.Linq.Dynamic.Core

[@ahmedgalal1856]

شكراً جزيلا على الشرح البسيط، عجبني جداً إنك بتكتب كل حاجة في المشروع بإيديك تقريباً، وبتشرح كل كلمة بنكتبها ليه، مش بتعتمد على إن ال VS فيه حاجات كتيرة جاهزة وسريعة وبتختصر الوقت، النقطة دي فرقت معايا جدا في فهم تفاصيل صغيرة كتيرة ماكنتش باخد بالي منها، جزاك الله خيراً وبالتوفيق دائما إن شاء الله ❤❤❤

[@DevCreed]

تسلم يا رب على كلامك الجميل ❤️❤️

[@mmramohamed2780]

مبدع جدا ومواضيع موفقه
اتمنى نشوف Blazor بالاسلوب المميز دا

[@DevCreed]

شكرا جدا لذوقك
بإذن الله في القريب نبدأ في مشروع باستخدام Blazor

[@mmramohamed2780]

@@DevCreed فى انتظار حضرتك فى كل حاجه

[@samiasaid4201]

لو انا هطبقة علي مشروع mvc عادي هكتب مع url: "/api/customers " هكتب url: " ~/cutomers" صح ولا ايه

[@DevCreed]

لا من غير ~

[@إيادالظاهر-ذ7ي]

يعطيك العافيه على الشرح بس لو تكبر الخط نشوف

[@DevCreed]

تسلم يا رب ❤️
ده كان في اول فيديو في القناة بعدها كبرت الخط

[@modexl61]

thank youuuuu

[@DevCreed]

You are welcome 🙏🏻

[@ibrahimnourel-din7265]

لو سمحت هو مافيش شرح من بداية ال asp.net core من البداية خالص

[@DevCreed]

بجهزله
دعواتك يكون جاهز قريب بإذن الله

[@fayezelkenawy4766]

تسلم علي الشرح الجميل ده
بس دايما بيجيب معايا الرساله دي
no matching records found
وانا لسه بلوود الداتا في البدايه

[@DevCreed]

تسلم يا رب ❤️
يا ريت لو تقدر تحط الكود بتاعك

[@fayezelkenawy4766]

@@DevCreed ده is
$(document).ready(function () {
$('#Productstableview').DataTable({
"processing": true,
"serverSide": true,
"ajax": {
"url": "/api/ProductsApi",
"type": "Post",
"datatype": "json",
"dataFilter": "",
"dataSrc": ""
},
"columns": [
{ "data": "productId", "name": "ProductId", "autowidth": true },
{ "data": "arabicName", "name": "ArabicName", "autowidth": true },
{ "data": "englishName", "name": "EnglishName", "autowidth": true },
{ "data": "model", "name": "Model", "autowidth": true },
{ "data": "desc", "name": "Desc", "autowidth": true },
{ "data": "cost", "name": "Cost", "autowidth": true },
{ "data": "salesPrice", "name": "SalePrice", "autowidth": true },
{ "data": "balance", "name": "Balance", "autowidth": true }
]
});
});
ده controller
[HttpPost]
public IActionResult ProductsList()//for data table
{
var pageSize = int.Parse(Request.Form["length"]);
var skip = int.Parse(Request.Form["start"]);
var draw = Request.Form["draw"].FirstOrDefault();
var searchValue = Request.Form["search[value]"];
var sortColumn = Request.Form[string.Concat("columns[", Request.Form["order[0][column]"], "][name]")];
var sortColumnDirection = Request.Form["order[0][dir]"];
IQueryable products = _context.Products.Where(m => string.IsNullOrEmpty(searchValue)
? true
: (m.ProductId.Contains(searchValue) || m.ArabicName.Contains(searchValue) || m.EnglishName.Contains(searchValue) || m.Desc.Contains(searchValue)));
if (!(string.IsNullOrEmpty(sortColumn) && string.IsNullOrEmpty(sortColumnDirection)))
products = products.OrderBy(string.Concat(sortColumn, " ", sortColumnDirection));
var readProduct = (_mapper.Map(products)).Skip(skip).Take(pageSize).ToList();
var allrecords = products.Count();
var jsonData = new { draw = int.Parse(draw), recordsFiltered = allrecords, recordsTotal=allrecords, data=readProduct };
return Ok(jsonData);
}

[@DevCreed]

طيب ممكن توريني اسم الcontroller
كمان معلش سؤال تاني انت حطيت داتا في الداتا بيز؟

[@fayezelkenawy4766]

@@DevCreed using AutoMapper;
using Domain.Data;
using Domain.Interfaces;
using Domain.Models;
using Domain.ViewModels;
using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;
using System.Linq;
using System.Linq.Dynamic.Core;
namespace ERP.Controllers
{
[Route("api/[controller]")]
[ApiController]
public class ProductsApiController : ControllerBase
{
private readonly ApplicationDbContext _context;
private readonly Irepository productrepo;
private readonly IMapper _mapper;
public ProductsApiController(ApplicationDbContext context, Irepository productrepo, IMapper mapper)
{
_context = context;
this.productrepo = productrepo;
_mapper = mapper;
}
[HttpPost]
public IActionResult ProductsList()//for data table
{
var pageSize = int.Parse(Request.Form["length"]);
var skip = int.Parse(Request.Form["start"]);
var draw = Request.Form["draw"].FirstOrDefault();
var searchValue = Request.Form["search[value]"];
var sortColumn = Request.Form[string.Concat("columns[", Request.Form["order[0][column]"], "][name]")];
var sortColumnDirection = Request.Form["order[0][dir]"];
IQueryable products = _context.Products.Where(m => string.IsNullOrEmpty(searchValue)
? true
: (m.ProductId.Contains(searchValue) || m.ArabicName.Contains(searchValue) || m.EnglishName.Contains(searchValue) || m.Desc.Contains(searchValue)));
if (!(string.IsNullOrEmpty(sortColumn) && string.IsNullOrEmpty(sortColumnDirection)))
products = products.OrderBy(string.Concat(sortColumn, " ", sortColumnDirection));
var readProduct = (_mapper.Map(products)).Skip(skip).Take(pageSize).ToList();
var allrecords = products.Count();
var jsonData = new { draw = int.Parse(draw), recordsFiltered = allrecords, recordsTotal=allrecords, data=readProduct };
return Ok(jsonData);
}
}
}

[@fayezelkenawy4766]

@@DevCreed ايوه حطيت اكتر من 50000 ريكورد

[@ayasaied8205]

الشرح اكيد تحفه ربنا يباركلك يابشمهندس بس الخط صغير اوووي

[@DevCreed]

تسلمي يا رب
معلش دي كانت اول فيديوهات في القناة ومكنتش لسه واخد بالي من موضوع حجم الخط

[@MiddleEastSoftware]

مشاء الله شرحك رائع وجزاك الله كل خير
ممكن استفسار
هذه الاداة مجانية؟

[@DevCreed]

جزانا واياكم يا رب
نعم مجانية

[@kareemzarif3008]

عندك موهبة توصيل المعلومة / بتخلي التعليم كدا لذيذ ورايق😎

[@DevCreed]

تسلم يا رب ❤️

[@DevMan88]

لو يابشمهندس تقدر نعمل موقع كامل
admin page و front end
تصميم لموقع نطبق عليه ابني له لوحة تحكم كاملة شكرا او لو مفيش إمكانية هل في شرح تفضله لي حتى لو مش مجاني. و شكرا

[@DevCreed]

انا فعلا بجهز لحاجة بالشكل ده وهبدأ اسجل قريب باذن الله
لكن في الغالب مش هنزل حاجة الا لما اسجل كل الفيديوهات

[@DevMan88]

@@DevCreed شكرا جزاك الله خير يارب

[@DevCreed]

عفوا ❤️

[@omarfathy1795]

عاش شرح رائع يابشمهندس ياريت تكمل كورس كامل

[@DevCreed]

عمر فتحى ربنا يكرمك ده من ذوقك بإذن الله هنزل فيديوهات تانية قريب ونعمل project كبير مع بعض

[@computerscience5]

@@DevCreed فين البروجكت الكبير اللى هنعمله مع بعض

[@computerscience5]

بصراحه يابشمهندس شرحك مميز ورائع بجد

[@DevCreed]

ده بس من ذوقك ❤️

[@husseinohmayed4578]

سؤالي يا استاذ لو كانت الداتا ١٠ الف ريكورد يصير تاخير بالريندر؟

[@DevCreed]

لو شغال server side مش هيفرق حجم الداتا لانك بتحدد حد أقصى

[@husseinohmayed4578]

@@DevCreed اذا احدد ما رح اوصل للداتا كلها؟

[@DevCreed]

صحيح

[@husseinohmayed4578]

@@DevCreed عامتا دائما شرحك مميز عن الجميع بارك الله بيك واسئل الله لك التوفيق
سؤالي الثاني تفضل angular or react مع .net من الافضل واكثر مرونه

[@DevCreed]

وفيكم بارك يا رب تسلم ❤️
مجرد تفضيل شخصي افضل react

[@shabanelmogy7912]

جزاك الله كل خير

[@mohamedgenaidy9241]

انت عظيم اقسم بالله انا بعد كدا اى حاجة هبحث فى قناتك الاول

[@DevCreed]

تسلم يا رب ده بس من ذوقك ❤️

[@abdelrahmangamalaboukandil5460]

Great topic will help alot of people

[@karimmohamed3029]

Great job 😍😍👍👍

[@ebrahim-s-ebrahim]

شكرا جدا فيديو هايل

[@DevCreed]

تسلم يا رب ❤️

[@samiasaid4201]

شرح اكتر من رائع جزاك الله كل خير

[@DevCreed]

جزانا واياكم يا رب ❤️

[@adhammoamer4835]

Thanks a lot

[@DevCreed]

You are welcome my friend ☺️