بسم الله الرحمن الرحیم

آموزش ساخت paging و sorting اختصاصی در webgrid

اضافه کردن خاصیت های paging و sorting در webgrid بسیار ساده است.  اگر شما می خواهید این خاصیت های پیش فرض را کنترل کنید باید تنظیماتی را انجام دهید. در این مقاله می خواهیم خاصیت های paging و  sortingرا به صورت اختصاصی تغییر دهیم. لطفا ابتدا مقاله "آموزش طراحی یک وب گرید به صورت Ajax" که در همین سایت نوشته شد، بخوانید.

ایجاد یک Model

ما به صورت Database First این پروژه را انجام خواهیم داد، Table ما با نام Customer به صورت زیر است.

بسم الله الرحمن الرحیم

آموزش طراحی یک وب گرید به صورت Ajax

در این آموزش می خواهیم روش ساخت یک WebGrid را به صورت Ajax بررسی کنیم.

برای ساخت یک WebGrid به صورت Ajax باید پارامتر ajaxUpdateContainerId را مقدار دهی کنیم، معمولا container مانند زیر باید یک DIV باشد.
 

    WebGrid grid = new WebGrid(
    // Other code is removed for clarity
    ajaxUpdateContainerId: "container-grid"
    );
     
    <div id="container-grid">@grid.GetHtml(
    fillEmptyRows: true,
    alternatingRowStyle: "alternative-row",
    headerStyle: "header-grid",
    footerStyle: "footer-grid",
    mode: WebGridPagerModes.All,
    ...
    })</div>

ما همچنین می توانیم Id وب گرید را به پارامتر ajaxUpdateContainerId با متد GetHtml که توسط htmlAttributes تولید شده است، ارائه دهیم. من از این روش استفاده کردم.