ej2 mvc partialview
1.0.0
Il s'agit d'une application de démonstration simple permettant d'utiliser les contrôles de l'interface utilisateur Syncfusion Syncfusion ASP.Net Core dans la page d'affichage partiel.
Suivez les étapes ci-dessous pour afficher le contrôle Syncfusion ASP.Net Core UI (Essential JS 2) dans une vue partielle.
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 class =" row " >
< div id =" PartialView " > </ div >
</ div >
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 ) ;
} ) ; ;
}