ej2 mvc partialview
1.0.0
這是一個簡單的示範應用程序，用於在部分視圖頁面中使用 Syncfusion Syncfusion ASP.Net Core UI 控制項。
請依照下列步驟在部分視圖中渲染 Syncfusion ASP.Net Core UI (Essential JS 2) 控制項。
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 ) ;
} ) ; ;
}
