ej2 mvc partialview 다운로드 - ej2 mvc partialview 소스 코드 다운로드

ej2 mvc partialview

기타 카테고리

1.0.0

다운로드

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

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

Essential JS 2 Timepicker component

Essential JS 2 Daterangepicker component

Essential JS 2 Dropdownlist component

">

 < 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 ) ;
        } ) ; ;
    }