Beranda>Kode sumber ASP>Kategori lainnya
Unduh

Merender Kontrol UI Inti Syncfusion ASP.Net di halaman tampilan sebagian MVC

Ini adalah aplikasi demo sederhana untuk menggunakan Kontrol UI Inti Synfusion Syncfusion ASP.Net di halaman tampilan sebagian.

Larutan

Ikuti langkah-langkah di bawah ini untuk merender kontrol Syncfusion ASP.Net Core UI (Essential JS 2) dalam tampilan sebagian.

Buat kontrol ASP.NET Core menggunakan memulai

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

Membuat kontrol tampilan sebagian & Menambahkan komponen Syncfusion ke halaman tampilan sebagian


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 >

Menambahkan data tas tampilan ke kontrol tampilan sebagian 

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

    }
}

Buat elemen div untuk kontrol halaman parsial

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

Baca kontrol tampilan sebagian menggunakan 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 ) ;
        } ) ; ;
    }
Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua