ej2 mvc partialviewビューダウンロード - ej2 mvc partialviewソースコードダウンロード

ej2 mvc partialview

その他のカテゴリー

1.0.0

ダウンロード

MVC 部分ビューページでの Syncfusion ASP.Net Core UI コントロールのレンダリング

これは、部分ビューページで syncfusion 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

部分ビューコントロールを作成し、部分ビューページに Syncfusion コンポーネントを追加しました

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