Tag: ng-grid
ng-Netz ist ein datagrid geschrieben in AngularJS und jQuery-durch die AngularUI-Team. Es ist ein high-performance-datagrid verwendet die Virtualisierung für die Darstellung von Zeilen und führt auch mit großen Datenmengen.
Jede bessere Ansätze bei der Erreichung multi-Spalten-Gruppierung im UI-Grid-header?
2 Antworten
Habe ich versucht zu erreichen, der multi-Spalte Gruppierung auf die Spaltenüberschrift Ebene, für die UI-Grid mit den unten Ansatz. Schritte, die ich verfolgt habe: Gehören die unten Kopfzeile-Vorlage, UI-grid, mit einem anderen "UI-Grid-row": <div class="ui-grid-header custom-ui-grid-header"> <div
angularjs ng-raster berechnete Spalte
2 Antworten
Ich versuche zu emulieren eine Tabelle mit AngularJS und ng-raster. Meine Bedürfnisse sind einfach, aber ich kann nicht finden, überall und von allem, die mir helfen, fix meinen code. Habe ich eine einfache Tabelle erzielt und in
angularjs ui-grid-3.0-key-navigation
4 Antworten
Bin ich gespannt auf die Migration von ng-grid 2 die neue ui-grid-3.0-Ersatz. So weit die Sachen schön Aussehen. Eine Sache habe ich nicht herausfinden können, aber, wie zu aktivieren, navigieren Sie durch die Datensätze mit den Pfeilen
Wie man Winkel-ng-grid-Zelle editierbar über Bindung?
1 Antworten
Nur beginnend mit ng-raster. Ich brauche, um die einzelnen Zellen (also für eine bestimmte Zeile und Spalte) bearbeitbar basieren auf den booleschen Wert einer Eigenschaft in meinem grid array. Es wäre toll, wenn ich könnte einfach binden,
Angular-Ui-Grid-Anzeige der Listenansicht auf die Zeile expansion nicht eine Subgrid und übergeben Sie die ausgewählte Zeile id und Daten
2 Antworten
Ich versuche, um eine Liste anzuzeigen Sicht auf die Zeile, die Erweiterung des ui-grid-anstelle eines sub-grid Beispiel wenn der Benutzer klickt auf den expansion-Symbol in der Zeile, anstatt ein subgrid möchte ich eine Liste anzeigen, anzeigen, ich
AngularJS/ng-grid - Aktualisierung array mit splice nicht aktualisiert UI
3 Antworten
Ich bin versucht, zu aktualisieren ng-raster mit array splice. Ich habe ein plunk hier. Schaltfläche hinzufügen fügt neue Zeile ein. Update button aktualisiert Letzte Element im array. Wählen Sie eine Zeile aus & drücken Sie die Schaltfläche
Angular-ui-im tooltip wird nicht korrekt angezeigt, in ng-raster
2 Antworten
Ich gesucht habe einige Zeit nach einer Lösung für die Anzeige eines tooltip ng-raster, aber mit kein Glück. Wenn ich den cellTemplate auf ng-raster für die Anpassung der Zelle, um eine QuickInfo, die ich erlebt habe, verschiedene
Ist es möglich, ng-grid-responsive?
1 Antworten
Bin ich mit dem Angular.js 'ng-grid Daten-grid und versuche, sein Verhalten zu reagieren. Wenn ich die Größe der Leinwand am Liebsten würde ich die grid-Spalten werden stapelbar automatisch, im Gegensatz zum halten des Gitters eine Feste Breite.
Mit einem ng-option in einem dropdown-ui-grid-editableCellTemplate [ng-grid 3.x]
4 Antworten
Ich bin mit ng-grid, neue 3.0-Version ui-grid, um ein raster in meine Anwendung. Was ich versuche zu tun, ist die Herstellung eines bearbeitbaren Zellen in meiner Tabelle eine ng-Optionen dropdown, der gefüllt ist mit Daten, die mit
Fügen Sie eine Klasse ng-grid-Zeile
2 Antworten
Ich bin mit ng-grid für die Anzeige einer Sammlung von Dateien, die hochgeladen werden (jede Datei hat eine eigene Zeile). Wenn einer/eine der Dateien fehlschlägt hochladen, ich würde gerne ändern, dass die Zeile und legen Sie eine
Angular-UI-Grid - How zum anpassen der aggregierten Reihen Verhalten
2 Antworten
Beim gruppieren, ng-raster erstellt gruppenzeile(s), die Aussehen und Verhalten sich anders als normale Zeilen. Insbesondere, Gruppe Zeilen werden nicht angezeigt, regelmäßigen Spalten, aber die Anzeige einer einzigen zusammengeführten Zeile, definiert durch den aggregateTemplate. Was ich versuche zu
ngGrid - Zeile entfernen
6 Antworten
Bin ich auf der Suche für ein Beispiel, wie die Umsetzung einer Schaltfläche zum entfernen einer ausgewählten Zeile, aber ich konnte nicht finden, dass irgendetwas nützlich so weit. Kann bitte jemand mir einen Tipp geben? Hier ist
Angular JS: JSON-Daten werden nicht immer angezeigt in der ng-Raster
2 Antworten
Habe ich erstellt MVC 4.0-app mit Web-API liefert Daten im JSON-format (ich bin serialisieren von Objekt zu json using NewtonSoft.Json) und versucht zu binden-Daten in ng-Raster. Ich bin empfangen von Daten im folgenden format: "[{\"Name\":\"FIRST_NAME\",\"Value\":\"FIRST_NAME\"},{\"Name\":\"CURRENT_DATE_TIME\",\"Value\":\"CURRENT_DATE_TIME\"},{\"Name\":\"CLIENTID\",\"Value\":\"CLIENTID\"},{\"Name\":\"CALLMODE\",\"Value\":\"CALLMODE\"}, {\"Name\":\"new 321\",\"Value\":null}]"
Wie set-aggregation mit Gruppierung in ng-raster
1 Antworten
Will ich sehen, Summen (oder allgemein die aggregation-Funktion) für jede Gruppe in ein raster. Dieser angefordert wurde und geschlossen wie in Thema: https://github.com/angular-ui/ng-grid/issues/95 (aber leider ohne Beispiel). Ich bin in der Lage, neu zu definieren Standard-Vorlage https://github.com/angular-ui/ng-grid/blob/master/src/templates/aggregateTemplate.html
Ist es möglich eine select-drop-down innerhalb von AngularJS ng-grid?
4 Antworten
Habe ich codiert, die folgenden: $scope.gridOptions = { data: 'myData', enableCellEdit: true, multiSelect: false, columnDefs: [ { field: 'Id', displayName: 'Id' }, { field: 'Name', displayName: 'Name', enableCellEdit: true, editableCellTemplate: cellEditableTemplate }, { field: 'Description', displayName: 'Description',
ng-grid headerRowTemplate - Hat jemand diese verwendet?
1 Antworten
Mein team werden wollen, um diese Funktion zu nutzen ng-raster. Jedoch scheint es nicht zu sein dokumentiert irgendwo. Was wir tun möchten, ist setzen Sie einen "plus" - Symbol in der letzten Spalte der header-Bereich eines ng-raster.
wie man eine outerHTML, innerHTML und getText() einem element
2 Antworten
Ich bin Neuling auf Winkelmesser Rahmen, und ich habe versucht, für eine Weile, um herauszufinden, wie man die outerHTML - /InnerHTML - /getText() (Kind-Elemente), so dass ich prüfen kann, ob ein element <img> gerendert wird, auf einen
Angular-UI-Grid - Custom-Header-Template und Filtering
1 Antworten
Ich bin auf der Suche nach ein gutes Beispiel dafür, dass eine einfache filter und mit einer benutzerdefinierten Vorlage. Ich habe Probleme bei der Suche nach einem guten Beispiel auf den tutorial-Seiten. Siehe die beigefügten plunk, wo
Wie dynamisch die Größe der UI-Grid entsprechend der Anzahl der Datensätze?
2 Antworten
Erstens möchte ich nicht das vertikale Bildlaufleiste Ich bin sowas var height = (rowLength*30)+100; angular.element(document.getElementById('grid1')).css('height', height + 'px'); damit bin ich in der Lage, um die Größe des Rasters, aber es zeigt immer die Anzahl der Datensätze
Wie die Anzeige ja/Nein anstelle von True/False in AngularJS
3 Antworten
Ich bin mit dem cellTemplate zur Anzeige der Daten im Netz ,jetzt habe ich zum anzeigen der Daten in ng-raster,, ist wo kann ich die Daten anzeigen, die mit wahren oder falschen Wert in einer Spalte ,bitte
Wie zu ändern und zu manipulieren die Daten in einer Zelle ng-Gitter mit AngularJS?
2 Antworten
Ich bin mit ng-raster von AngularJS: var app = angular.module('myApp', ['ngGrid']); app.controller('MyCtrl', function($scope) { $scope.myData = gridData; $scope.gridOptions = { data: 'myData', columnDefs: ColumnArray }; }); Ich ändern möchte den text einer Zelle in eine Zelle. Wie
Fügen Sie eine Eigenschaft zu ng-grid-Spalte
4 Antworten
Mithilfe von ng-Netz, ich möchte noch hinzufügen, dass meine eigenen tooltip mit einer header-Zelle-Vorlage. Zu tun, also würde ich gerne erstellen, eine Spalte die Eigenschaft "tooltip" zum Beispiel. Habe versucht, und es nicht zeigen, bis in den
CRUD-ng-Netz-Beispiel mit Angularjs
1 Antworten
Ich versuche zu tun, CRUD, die in einem Projekt verwendet, ng-grid. Ich brauche ein Beispiel, um mir helfen, es erreichen. Hat jemand irgendwelche Ideen? angular-ui.github.io/ng-Netz es ist kein vollständiges crud-Beispiel Durch "CRUD" meinst du, das hinzufügen/löschen/Bearbeiten von
Dynamisch Ändern Sie die Grid-Optionen in eckigen ui.grid
1 Antworten
Habe ich, um zwei Arten von gridOptions ohne Verwendung von zwei raster zu ändern versuchen, die gridOptions dynamisch funktioniert nicht(einmalige arbeiten). Beispiel arbeiten http://plnkr.co/edit/4QKGIB?p=preview. $scope.grid1=function(){ $scope.gridOptions = $scope.gridOptions1; $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL); } $scope.grid2=function(){ $scope.gridOptions = $scope.gridOptions2; $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL); } sehen
wie die Anzeige der json-Daten in ng-Gitter in angularjs
1 Antworten
Ich bin neu in Angularjs , ich möchte die Anzeige der JSON-Daten aus der webservice-Antwort in grid-form durch die Verwendung von ng-raster .Mein code ist hier function TestController($scope, $http) { alert("test"); $http({ url: 'http://my_Personal_Url', method: "POST", data:
AngularJS: ändern Sie die Farbe einer Zelle aufgrund einer Bedingung ng-raster
1 Antworten
Hier ist die plnkr code. Ich möchte die Farbe ändern, die von der age Zelle für alle Zeilen, deren alert - Eigenschaft true ist. Ich bin nicht sicher, wie es zu tun. Ich habe nicht eine separate
AngularJS ng-raster nach Excel Exportieren für die selectedItems
1 Antworten
Haben wir eine ng-raster zeigt die Daten aus einem rest-Dienst. Ich will exportieren Sie die Zeilen ausgewählt, indem Benutzer(ng-grid-Auswahl-Kontrollkästchen aktiviert), um ein excel, und öffnen Sie excel. Das aktuelle Verhalten der app zu excel Exportieren-Schaltfläche, Aufruf eines
dynamische columnDef in ng-Raster
4 Antworten
Will ich weisen Sie ng-grid-Spalten-Namen dynamisch nach der zurückgegebene Wert aus der Datenbank, aber das Problem ist, dass es initialisiert ist, bevor die Daten zurück von ajax, und ich bin nicht in der Lage zu erinnern, gridOption
Wie aktualisieren Sie ng-grid gridOptions.sortInfo?
3 Antworten
Ich versuche zur programmatischen Aktualisierung der gridOptions.sortInfo auf das Winkel-raster ng-Netz, aber ich kann Sie nicht arbeiten. Beide habe ich "name" und "Alter" Spalten. Ich bin zunächst Einstellung die Sortierung auf die Spalte "name", würde aber gerne
angular-ui-grid-row-Vorlage Farbe, die basierend auf der Bedingung
4 Antworten
Muss ich ändern Sie die Zeile Farbe von angular ui grid basiert auf einer Bedingung. Das Ziel wird erreicht, in ng-grid, wie gezeigt, rowTemplate: '<div style="height: 100%" ng-class="{red: row.getProperty(\'viewed\') < 1}"><div ng-style="{ \'cursor\': row.cursor }" ng-repeat="col in
ng-grid: wie checkbox für true/false-Wert
2 Antworten
In angularjs script habe ich das "ng-grid" - Modul und in einer Spalte will ich zeigen das checkbox-Steuerelement anstelle des true/false-string zurückgegeben, die aus json-Daten. Die checkbox muss aktiviert sein, wenn die json-variable true ist, und deaktiviert,
Benutzerdefinierte Farbe für ausgewählte Zeile in der angular-ui-grid
2 Antworten
Möchte ich ändern Sie die Zelle/Zeile die Farben von einem angular-ui-grid. Aus der Dokumentation es scheint, ich sollte die cellClass. Ich möchte zwei Farben in einem gestreiften look und eine andere Farbe für den aktuell ausgewählten Zeile
ng-grid-original-Zeile index
2 Antworten
Ich bin customizing eine Zelle, die Vorlage in ng-raster. In dieser Zelle möchte ich einen button löst ein Ereignis, dass die Bedürfnisse der Zeilenindex, die in den ursprünglichen Daten-array. Die Vorlage sieht wie folgt aus: <button class="btn"
Wie bekomme ich die Zelle mit dem Wert von ng-raster
3 Antworten
Ich bin ein Anfänger von AngularJS. Ich studiere die demo von ng-Netz und habe eine Frage. index.html <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> <link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css" /> <link rel="stylesheet" type="text/css" href="style.css" />
AngularJS Ändern mehrere Zeilen-Auswahl-ng-raster-Attribut-Taste gedrückt
2 Antworten
Ich habe ein Folgendes raster definiert aus meiner Sicht <div class="gridStyle hide" ng-grid="resultsOptions" id="resultsGrid"></div> Und ich möchte ermöglichen, multiSelect nur, wenn eine ctrl-Taste gedrückt wird. So definiere ich multiSelect-attribute, die als falsch in der Steuerung. $scope.resultsOptions =
smart table-Spalte ein - /ausblenden Umschalten
3 Antworten
Ich bin neu in AngularJS und SmartTable...ich bin derzeit versuchen zu bekommen SmartTable auf ein - /ausblenden der Knebel für die Spalten. Von dem, was ich undertstand SmartTable dies nicht tut, so bin ich mit dem ng-Raster
basic-ng-grid-Beispiel funktioniert nicht
4 Antworten
Ich bin neu in angularjs und ng-raster...ich bin derzeit durch eine einfache exampe für ng-Netz, aber ich kann nicht scheinen, um es zu arbeiten. Hier ist mein html: <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <meta charset="utf-8"> <title>Getting
AngularJS ng-grid - dynamische Aktualisierung der Spalten und Ergebnisse
2 Antworten
Ich bin Neuling in ng-raster. Wie können wir dynamisch aktualisieren, die Spalten und die Ergebnisse innerhalb des Gitters. Habe ich eine http://plnkr.co/edit/CwUVIzSKVNCMTgpOW87f?p=preview Skript var app = angular.module('myApp', ['ngGrid']); app.controller('MyCtrl', function($scope) { $scope.myData = [{name: "Moroni", age: 50},
angular-ui-grid-Zeilen-Auswahl
2 Antworten
Ich bin mit angular ui.raster mein problem ist, wenn ich wie unten, klicken Sie auf die Zeile der gewählten enableRowSelection: true, enableRowHeaderSelection: false, multiSelect: false nachdem ich das geändert enableRowSelection: true, enableRowHeaderSelection: true, multiSelect: false nun wählen
Exportieren ng-grid-Daten in CSV-und PDF-format in angularjs
5 Antworten
Bitte Helfen Sie mir....jedes plugin ist es..? Habe ich gesucht exporing excel-und PDF-in angularjs. mit ng-grid. Exportieren ng-grid-Daten in CSV-und PDF-format in angularjs InformationsquelleAutor Rajesh kumar | 2013-09-19
AngularJS + NG-Grid-pass-Reihe.Spalte.Bereich in ng-click-Ereignis
1 Antworten
Wie funktioniert die one-pass - {{row.getProperty(col.field)}} in ng-click? Was passiert, ist die id nicht weitergegeben zurück, aber das Netz richtig gerendert wird, mit der id. code: var app = angular.module('testing',['ngGrid']); app.config(['$locationProvider', function($locationProvider) { $locationProvider.html5Mode(true); }]); app.controller('TestCtrl',function($scope) {
angularjs ng-Netz: so ändern Sie die header-Stil
2 Antworten
Wie kann ich restyle den Kopf von ng-grid? Insbesondere, wie kann ich die Hintergrundfarbe und die Textfarbe der Kopfzeile? Darf ich Fragen, warum die -1? InformationsquelleAutor klode | 2014-07-02
Art der zugrunde liegenden Daten in ng-raster
2 Antworten
Möchte ich die Anzeige eines formatierten Wert in einer ng-grid-Zelle, sondern eine Art auf ein zugehöriger numerischer Wert nicht angezeigt. var myData1 = [{ name: "Moroni", age: 50, ageWord: "Fifty" } Aus dem obigen Beispiel würde ich
howto deaktivieren Sie die Auswahl in ng-raster
2 Antworten
Ist es möglich, zu "deaktivieren" oder sperren Sie die Auswahl der ng-Gitter mit den integrierten Funktionen? Ich möchte die Benutzer in der Lage sein, um eine Zeile zu wählen, klicken Sie auf eine Schaltfläche und dann das
Datum-format in ng-grid-row template
2 Antworten
Habe ich einen ng-grid mit der folgenden Spalte Definitionen: columns: [ { field: "CompanyPkid", visible: false }, { field: "CompanyName", visible: false }, { field: "StartDate", visible: false, cellFilter: "date:'yyyy-MM-dd'" }, { field: "CompanyId", displayName: "Company ID",
Unter Verwendung von Zeilen-Werte in ng-grid-Spalte cellTemplate
4 Antworten
Ich versuche eine Spalte hinzufügen, die einen link zu einer anderen Seite (ist ein ng-grid-Tabelle). Dieser link enthält einen der Werte der Zeile Habe ich versucht, etwas wie dieses: $scope.columns = [ {field:'id', displayName:'#'}, {field:'name', displayName:'Name'}, {field:'view',
How-to-do-client-Seite Paginierung mit ngGrid?
2 Antworten
Wenn Sie die enablePaging Optionen einer ng-grid zu true werden, aktivieren Sie die server-Seite Paginierung. Was über client-Seite? Ich konnte nicht finden einen Hinweis auf diese in der Dokumentation, aber ich kann mir nicht vorstellen, dass ng-grid
Hinzufügen einer Zeile "Total", um die Fußzeile ng-raster
1 Antworten
Ich kann nicht scheinen zu finden, eine Dokumentation, wie könnte ich dies erreichen. Ich möchte noch hinzufügen, dass die Summen, um die Unterseite meines Rasters, in die Fußzeile (also nicht über eine standard-Reihe, scrolls). Da bin ich
ui-Datum-format in nggrid Zelle Vorlage
1 Antworten
Möchte ich eine Datumsauswahl in meine Zelle, so habe ich eine Zelle, die Vorlage var myDateTemplate= '<input type="text" ng-model="row.entity.myDate" />'; meine col-Modell ist var col = [{ field : 'myDate', displayName : 'My Date', enableCellEdit : true,
Erkennung von Zell-Veränderungen in angular.js und ng-raster
6 Antworten
Habe ich mir den Kopf darüber zerbrochen, bin aber nicht in der Lage, herauszufinden, wie zu erkennen, Daten der Zelle ändern, in ng-raster. Der folgende Ausschnitt ist mit ng-wechseln, die nicht richtig aufrufen, speichern(), aber es ist
- 1
- 2