ej2 mvc partialview

MVC 부분 보기 페이지에서 Syncfusion ASP.Net Core UI 컨트롤 렌더링

이것은 부분 보기 페이지에서 syncfusion ASP.Net Core UI 컨트롤을 사용하는 간단한 데모 애플리케이션입니다.

해결책

부분 보기에서 Syncfusion ASP.Net Core UI(Essential JS 2) 컨트롤을 렌더링하려면 아래 단계를 따르세요.

시작하기를 사용하여 ASP.NET Core 컨트롤 만들기

https://ej2.syncfusion.com/aspnetcore/documentation/button/getting-started.html

부분 보기 컨트롤 생성 및 부분 보기 페이지에 동기화 구성요소 추가

 < p > Use this area to provide additional information. </ p >
< div >
    < h3 > Essential JS 2 Datepicker component </ h3 >
    < ejs-datepicker id =" datepicker " placeholder =" Choose a Date " > </ ejs-datepicker >
</ div >
< br />
< div >
    < h3 > Essential JS 2 Timepicker component </ h3 >
    < ejs-timepicker id =" timepicker " placeholder =" Select a time " > </ ejs-timepicker >
</ div >
< br />
< div >
    < h3 > Essential JS 2 Daterangepicker component </ h3 >
    < ejs-daterangepicker id =" daterangepicker " placeholder =" Choose a Range " > </ ejs-daterangepicker >
</ div >
< br />
< div >
    < h3 > Essential JS 2 Dropdownlist component </ h3 >
    < div >
        < ejs-dropdownlist id =" games " dataSource =" @ViewBag.data " placeholder =" Select a game " index =" 2 " popupHeight =" 220px " >
            < e-dropdownlist-fields text =" Game " value =" Id " > </ e-dropdownlist-fields >
        </ ejs-dropdownlist >
    </ div > </ div > 

부분 뷰 컨트롤에 뷰백 데이터를 추가했습니다.

 namespace PartialView . Controllers
{
    public class HomeController : Controller
    {
        public IActionResult PartialPage ( )
        {
            ViewBag . data = new string [ ] { "Badminton" , "Basketball" , "Cricket" , "Football" , "Golf" , "Gymnastics" , "Hockey" , "Tennis" } ;
            return PartialView ( ) ;
        }

    }
} 

부분 페이지 컨트롤을 위한 div 요소 만들기

 < div class =" row " >
    < div id =" PartialView " > </ div >
    </ div > 

Ajax를 사용하여 부분 보기 컨트롤을 읽습니다.

 function clickAjax ( ) {
        var ajax = new ej . base . Ajax ( '/PartialPage/index' , 'GET' , true ) ;
        ajax . send ( ) . then ( function ( result ) {
              var fragment = document . createElement ( 'div' ) ;
              fragment . innerHTML = result ;
              ej . base . append ( fragment . children , document . getElementById ( 'PartialView' ) , true ) ;
        } ) ; ;
    }