Entity ile List<> türünde gelen kayıtları DataTable içine aktaran fonksiyon..

Controller tarafında üzerinde çeşitli işlemler yaptığımız DataTable tablomuzu View tarafına gönderdik ve listeleme yaptık.

Controller tarafı

public ActionResult Rapor()
        {
            DataTable dtRapor = RaporTablo(Convert.ToDateTime(Session["ILKTARIH"]), Convert.ToDateTime(Session["SONTARIH"]));
            return View(dtRapor);
        }

View tarafı

@model System.Data.DataTable
<table class="table">
                                <thead>
                                    <tr>
                                        <th>ŞEHİR</th>
                                        <th>İLÇE</th>
                                        <th>CARİ</th>
                                        <th>AÇIKLAMA</th>
                                        <th>TARİH</th>
                                        <th>TUTAR</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @for (int i = 0; i < Model.Rows.Count; i++)
                                        {
                                            <tr>
                                                <td>@Model.Rows[i]["SehirAdi"]</td>
                                                <td>@Model.Rows[i]["IlceAdi"]</td>
                                                <td>@Model.Rows[i]["CariUnvan"]</td>
                                                <td>@Model.Rows[i]["Ad"]</td>
                                                <td>@Convert.ToDateTime(Model.Rows[i]["HareketTarih"]).ToString("dd.MM.yyyy")</td>
                                                <td>@Convert.ToDouble(Model.Rows[i]["Miktar"]).ToString("N2") @if(@Model.Rows[i]["ParaTip"].ToString()=="1") { @Html.Raw("TRY") } @if(@Model.Rows[i]["ParaTip"].ToString()=="2") { @Html.Raw("USD") } @if(@Model.Rows[i]["ParaTip"].ToString()=="3") { @Html.Raw("EURO") } </td>
                                            </tr>
                                        }
                                </tbody>
                            </table>

Mvc yapısında Url'de bulunan id parametresinin dizin şeklinde gönderilmesi durumunda, bu bilgiye sayfa içinde kullanılmak üzere Request.QueryString[".."] tarzında erişilmek istendiğinde aşağıdaki şekilde kullanılabilir.

var id = ViewContext.RouteData.Values["id"];
int id = Convert.ToInt32(ViewContext.RouteData.Values["id"]);

 

Asp.Net Mvc'de Summernote aşağıdaki şekilde kullanılabilir.


Yerleşim şekli;

<textarea id="m_summernote_1" name="m_summernote_1" class="summernote"></textarea>

Controller tarafında verinin alınma şekli; [ValidateInput(false)] kullanımına dikkat.

 [HttpPost]
        [ValidateInput(false)]
        public ActionResult Ekle(FormCollection form)
        {           
                string sablon = form["m_summernote_1"];
}

Asp.net Mvc ile geliştirilen büyük projelerde her build işleminden sonra oluşan ilk yükleme yavaşlığının bir miktar önüne geçmek için Precompile Publish yöntemi kullanılabilir.

Bunun için projenin publish ekranı açılır.

Configure tıklanarak açılan ekrandan Settings sekmesindeki File Publish Options başlığı genişletilerek resimdeki ayarlar yapılır.





Publish işlemi yapılır.

Bu işlem sonunda publish klasörünüzde

- Web.config dosyasınıza ek olarak PrecompiledApp.config isimli bir dosya üretilmiş olacaktır.
- Views dosyaları içi boş olarak görünecektir.(Silinmemelidir)
- Bin klasöründe View sayfaları .compiled şeklinde oluşturulmuş olacaktır.

Aşağıdaki şekilde doldurulan <Select> etiketinin elemanları kaynaktan kontrol edildiğinde dolmuş olmasına rağmen görüntülenmiyordu. Javascript içinde elemanlar doldurulduktan sonra ilgili <Select> etiketini refresh etmek gerekiyor.

     $("#dropSehir").change(function () {
        var dropSecim = $(this);
        var secilenId = dropSecim.val();
        var dropDolacak = $('#dropIlce');
        dropDolacak.empty();
        if (secilenId != "" || secilenId != "-1") {
            $.ajax({
                type: "POST",
                url: "/Ortak/IlceDoldur",
                datatype: "Json",
                data: { id: secilenId }
            }).done(function (sonuc) {               
                for (var i = 0; i < sonuc.length; i++) {
                    var elemanId = sonuc[i].ilceId;
                    var elemanAd = sonuc[i].IlceAdi;
                    var option = $("<option></option>")
                    option.text(elemanAd);
                    option.val(elemanId);
                    dropDolacak.append(option);
                }
                dropDolacak.selectpicker('refresh');
            });
        }
        else {
            dropDolacak.empty();
        }
    });

Asp.net Mvc'de bir PartialView sayfasını Jquery Ajax kullanarak yenileme. Partial View sayfamızda yenilenmesini istediğimiz bir tablomuz olsun. Bu tablo Jquery Datatable eklentisini kullansın. Gönderdiğimiz filtreye göre tablomuz yenilensin.

Jquery DataTable eklentisi listelenmiş veriler arasında kendisi filtreleme yapabiliyor fakat bu filrelemeyi yüklenmiş veriler üzerinde gerçekleştiriyor. Yani Pasif olanları göster dediğimde kendisine doldurulmuş olan tüm veriler arasından pasif kriterine uyanları listeliyor. Bu durum performans kaybına sebep olduğundan Ajax yenileme tekniğini kullanarak yapılan seçime göre tablonun yeni verilerle dolmasını sağlayacağız.

Partial View'ın çağrılacağı asıl sayfamız..

....
<div id="tabloBolum">
                @Html.Partial("_PartialDataTable")
            </div>
....

_PartialDataTable isimli Partial View saymaızdaki tablo yerleşimi ve ViewBag.TabloVeri ile verilerin gösterimi

....
<table class="m-datatable" id="dataTablo" width="100%">
    <thead>
        <tr>
            <th title="#" data-field="RecordID">
                <label class="m-checkbox m-checkbox--solid m-checkbox--brand cbSecim" style="margin-left:2px;">
                    <input type="checkbox" name="cbSecTumu" id="cbSecTumu">
                    <span></span>
                </label>
            </th>
            <th title="Field #1" data-field="Islem">İşlem</th>
            <th title="Field #2" data-field="Sayfa">Sayfa</th>
            <th title="Field #3" data-field="NodId">NodId</th>
            <th title="Field #4" data-field="SayfaTip">SayfaTip</th>
            <th title="Field #5" data-field="Durum">Durum</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in ViewBag.TabloVeri)
        {
            <tr>
                <td>
                    <label class="m-checkbox m-checkbox--solid m-checkbox--brand">
                        <input type="checkbox" name="cbSecim[]" id="cbSecim[]" value="@item.SayfaId" class="cbSecim @item.SayfaId">
                        <span></span>
                    </label>
                </td>
                <td ..........

_PartialDataTable isimli Partial View sayfamızdaki Ajax işlemini yapacak script bloğu..

<script type="text/javascript">
//seçim yapıldıkça çağrılacak fonksiyonumuz
    function TabloListele() {
        var secilenDurum = $("#m_form_status").val();
        var data = { seciliDurum: secilenDurum };
     
        $.ajax({
            url: '@Url.Action("TabloListe", "Sayfa")',
            type: "POST",
            data: JSON.stringify(data),
            contentType: 'application/json',
            success: function (result) {
                $("#tabloBolum").html(result);
                $("#m_form_status").val(secilenDurum);
            }
        });
    }
</script>

Sayfa Controller içindeki TabloListe isimli Action..

        [HttpPost]
        public PartialViewResult TabloListe(string seciliDurum)
        {
            object durum = 1;
            if (seciliDurum == "Pasif")
            {
                durum = 0;
            }
            else if (seciliDurum=="Tumu")
            {
                durum = null;
            }
            else
            {
                durum = 1;
            }
            var model = Islem.Sayfa.Listele(durum: durum);
            ViewBag.TabloVeri = model;
            return PartialView("_PartialDataTable", ViewBag.TabloVeri);
        }

Gerekli Jquery ve Datatable eklentisi scriptlerinizi ilave etmelisiniz..