Softwarevirtualisierung mit App V 5 192Unser Buch "Softwarevirtualisierung mit App-V 5"

Das deutsche App-V 5 Buch: 496 Seiten Wissen zu Microsoft App-V 5 (5.1 bis HF6). Ab Windows 7 bis Server 2016 mit Zusatzinhalten zu App-V mit VDI, Terminalservern, XenDesktop und SCCM Mit Fragestellungen zum Contentstore, Skripting, Hochverfügbarkeit usw.
2 minutes reading time (418 words)

SlickGrid ASP.NET, MVC und JSPN Datenzugriff

SlickGrid180x180SlickGrid ist eine erweiterte JavaScript-Netz / GridView oder Tabellenkalkulationskomponente. Wie in dem Beitragsview dargestellt, kann man damit nette "Echtzeit" rasterdarstellungen in einer ASP.NET Webseite erstellen. Hier wird kurs beschrieben, wie mit Visual Studio 2013 und json der Datenzugriff gealisiert wird.

Zu finden ist das Framework auf:

https://github.com/mleibman/SlickGrid/wiki

Leider habe ich lange experimentieren müssen, bis das auch mit JSAON aus dem MVC Controller funktioniert hat. jsonGet() hat nicht so funktioniert, wie es soll. Ich bin inzwischen auf ein anderes Grid umgestiegen, wollte aber den Code für andere veröffentlichen.

Includes in der cshtml Seite: 

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="/~/Content/themes/base/all.css" rel="stylesheet" />
<link href="/~/Content/slick.grid.css" rel="stylesheet" type="text/css" />
<link href="/~/Content/themes/smoothness/jquery-ui.smoothness.css" rel="stylesheet" />
<script src="/~/Scripts/jquery-1.10.2.js"></script>
<script src="/~/Scripts/jquery-ui-1.11.3.js"></script>
<script src="/~/Scripts/jquery.event.drag.js"></script>
<script src="/~/Scripts/SlickGrid/slick.core.js"></script>
<script src="/~/Scripts/SlickGrid/slick.remotemodel.js"></script>
<script src="/~/Scripts/SlickGrid/slick.grid.js"></script>
<script src="/~/Scripts/SlickGrid/slick.formatters.js"></script>
<script src="/~/Scripts/SlickGrid/slick.editors.js"></script>
@{
    var item = Model.FirstOrDefault(i => i.ID == 1);
}

 Im nächsten Schritt das Skript für SlickGrid und die CSS Anpassung

<style>
.slick-header-column.ui-state-default {
    background:none ;
    background-color: #505050 ;
    color: #eeeeee;  
    border: none;  
    padding: 0;
}
</style>



@*#############################################################*@
@*#  Erster funktionierender Grid!       *@
@*#############################################################*@

<script>

    $(".slick-row").click(function () {
        $(this).css("background-color", "#FBB");
    });

    var grid;
    var columns = [
      { id: "id", name: "ID", field: "id", width: 5, resizable: false },
      { id: "farmName", name: "FarmName", field: "farmName" },
      { id: "farmType", name: "FarmType", field: "farmType" }
    ];

    var options = {
        enableCellNavigation: true,
        enableColumnReorder: false,
        forceFitColumns: true
    };

    $(function () {
        var slickdata = [];
        var actionUrl = Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!("GetFarm", "Pro")';

        $.ajax({
            url: actionUrl,
            global: false,
            type: "POST",
            data: "{}",
            contentType: "application/json",
            dataType: "json",
            async: false,
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    slickdata[i] =
                    {
                        id: data[i].ID,
                        farmName: data[i].FarmName,
                        farmType: data[i].FarmTypeID
                    };
                }
            },
            error: function (msg) {
                var errorText = eval('(' + msg.responseText + ')');
                alert('Error : \n--------\n' + errorText.Message);
            }
        });
        grid = new Slick.Grid("#myGrid", slickdata, columns, options);
    });
</script>

Die Integration in die Webseite:

<div id="myGrid" style="width:600px;height:500px;"></div>

 Und abschließend die Funktion im Controller:

        public JsonResult GetFarm()
        {
            int id = 1;
            var dbResult = db.FirstOrDefault(p => p.ID == id).Farms.ToList();
            var resultfarms = (from farms in dbResult select new { farms.ID, farms.FarmName, farms.FarmTypeID });
            return Json(resultfarms, JsonRequestBehavior.AllowGet);
        }

 

 

 

Links
Teil 3: Konfiguration von AppDna für ein automatis...
 

Kommentare

Derzeit gibt es keine Kommentare. Schreibe den ersten Kommentar!
Bereits registriert? Hier einloggen
Gäste
Montag, 19. August 2019

Sicherheitscode (Captcha)

Kontakt

Nick Informationstechnik GmbH
WEB : http://www.nick-it.de
TEL : +49 511 165.810.190
MAIL: info(at)nick-it.de

@nickinformation Tweets

MAD Newsletter


Unser Modern Application Deployment Newsletter. Ihre Daten werden auf Grundlage der DSGVO gespeichert. Dazu auch der Link Datenschutz. Sie können sich jederzeit abmelden.


Empfange HTML?

Joomla Extensions powered by Joobi

Most Popular Post

04. Mai 2015
NITCtxPatcher a patchmanager for Citrix XenApp and XenDesktop 7.xMay 2017 The NITCtxPatchManager is back, after some changes from Citrix on the websit...
02. April 2015
NIT-GPOSearch is a free tool to search in the Group Policy (admx, adml) definitions for a specific setting. New in Version 1.2 - search in the domain ...
14. März 2015
Attention: We have completed a new version 2.0. This version is not longer free (Version 1.4 is it). In DACH you can request a conversion with the con...
Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden.
Weitere Informationen Ok