Tag: angular-ui-grid
angular-ui-grid ist ein datagrid geschrieben in AngularJS von der AngularUI-Team.
Dies ist die 3.x-version der ehemaligen ng-raster.
Es ist eine hoch-performante datagrid mit Virtualisierung für die Darstellung von Zeilen und wirklich scheint, wenn Sie viele Zeilen.
UI-GRID wahnsinnig schnell vertikalen scroll-Problem
2 Antworten
Ich verwendete UI-Grid in meinem Projekt, und unten ist eine Momentaufnahme der gridOptions variable, die ich verwendet. Das Problem ist, alles gut funktioniert. Aber aus der Vergangenheit 1 oder 2 Wochen das vertikale scrollen ist wahnsinnig scrollen
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
Wie man Angular-UI-Grid-Zeile bearbeitet werden, wenn die Schaltfläche geklickt wird
1 Antworten
Ich bin mit angular ui grid. Habe ich edit Schaltfläche, die für jede Zeile, die als Letzte Spalte. Ich möchte das ändern Zeile edit - Modus, wenn edit button geklickt. Geschätzt, wenn jemand kann mich. { field:
Deaktivieren Sie die Filterung für eine bestimmte Spalte in UI-Grid
2 Antworten
Ich habe eine Spalte in mein raster, die enthält mehrere Schaltflächen. Ich will nur deaktivieren Sie die Funktion zum filtern in dieser Spalte. Beispielsweise das filtern in office-Telefon, aber Es hat zu deaktivieren in der Spalte Aktionen.
Angular-UI-Grid-Externen Filtern
1 Antworten
Hier ist die Arbeit plunk , die sich direkt auf die Bindung der gridAPi zu html. Allerdings bin ich versucht, das gleiche zu tun mit einer select-box, aber das funktioniert nicht. Direkt die Bindung des Grid-Api funktioniert
Festlegen einer Spalte Standardwert auf angular-ui-grid
3 Antworten
Ich habe eine Tabelle mit vielen Spalten und einige Zeilen möglicherweise nicht definierte Werte, so dass ich zeigen möchte, eine Standard-text-statt einer leeren Zelle in Abhängigkeit von der Spalte. Wie kann ich einstellen das Wert? Ich würde
Angular-UI-Grid-passen Sie die Zeilenhöhe auf Basis der Inhalte
1 Antworten
Ist es möglich, anpassen der Zeilenhöhe in der grid-Anzeige der gesamte Inhalt? InformationsquelleAutor Shak Ham | 2014-11-19
Wie zeigen Sie Ui-grid nach Daten von Dienstleistungen?
1 Antworten
Dies ist mein code JS: var app = angular.module('app', ['ngTouch', 'ui.grid']); app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) { var today = new Date(); $scope.gridOptions = { enableFiltering: false, onRegisterApi: function(gridApi){ $scope.gridApi = gridApi; $scope.gridApi.grid.registerRowsProcessor( $scope.singleFilter, 200 );
angular-ui-grid-Art-Symbole nicht korrekt angezeigt
4 Antworten
Ich habe bereits recherchiert und versucht, dass alle font-Dateien (ui-grid.eot, ui-grid.svg, ui-grid.ttf ui-grid.woff) in das gleiche Verzeichnis wie die ui-grid-instabil.css. Egal was ich mache, die Koreanisch aussehenden Charaktere noch erscheinen! Auch im firefox bekomme ich downloadable font:
AngularJS ui-grid - Spalte Verschieben - neue Reihenfolge der Spalten
2 Antworten
Ich die Umsetzung http://ui-grid.info/ in meiner Anwendung. Gibt es eine Funktion mit der Column Moving, wo Spalten können verschoben werden. http://ui-grid.info/docs/#/tutorial/217_column_moving DEMO Dies ist, wie ich Spalten hinzufügen :- $scope.gridOptions.columnDefs.push({ field: 'Name', displayName: 'EMPLOYEE NAME'}); $scope.gridOptions.columnDefs.push({ field:
UI-GRID-Raster Erweiterbar. Programmatisch erweitern eine Zeile
2 Antworten
Ich ausblenden möchten das + - Symbol in der äußersten linken Spalte und fügen Sie ein anderes Symbol. Wenn der Benutzer auf das Symbol neu, ich möchte ein Programm erweitern, dass bestimmte Zeile. Sehe ich es gridApi.erweiterbar
Höhe Probleme mit der ui-grid
2 Antworten
Möchte ich height: auto auf eine angularJS ui-grid. Ich bin in Probleme laufen, mit einem inline-Stil, setzt eine bestimmte Höhe für die div, die ich Hinzugefügt habe der ui-grid-Attribut. Auch gibt es eine Funktion namens getViewPortStyle() die
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
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
Wie bekomme ich die Daten zeigen, bis in den Winkel-ui.raster von einem $http-request
1 Antworten
Ich bin mit Typescript und AngularJS. Ich habe eine Vorlage enthält ein ui.grid-Richtlinie. Dem raster angezeigt und einige Zeit später ein $http-Anfrage erhält die Daten, die ich will, die raster enthalten. Ich habe versucht, die gridOptions.Daten in
ng-click funktioniert nicht von ui-grid checkbox cellTemplate
1 Antworten
Ich suchte eine Menge, um dieses problem, aber nicht jede Lösung, die tatsächlich funktioniert out zu erfüllen meine Bedürfnisse. Problem: ich wollte, um die Zeile auszuwählen Entität wird beim anklicken der checkbox mit einem columnDef als [{name:
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
Angular.js ui-grid-benutzerdefinierte filter Datum
4 Antworten
Ich bin mit dem Winkel-raster, ui-grid, die sich an ui-grid.info. Ich versuche, einen benutzerdefinierten filter, der filter-das Gitter nach Datum mit date-Eingänge Kontrollen, für weniger als und eine für mehr als. Ich scheinen in der Lage, Holen
UI-Grid nicht 100% der Breite auf die Seite laden
7 Antworten
Bin ich mit dem ui-grid zum anzeigen von Daten in der Tabelle. wenn ich das laden der Seite und lassen Sie für einige Sekunden und klicken Sie dann auf die Registerkarte (die mit ui-grid), die ui-grid-css Pause.
Wie mache ich angular-ui-Zelle editierbar auf Klick?
1 Antworten
Ich versuche zu machen angular ui-grid cell editable (row) Zelle editierbar auf single click. Gerade Jetzt, Zelle editierbar auf doppeltem klicken. Wie mache ich die Zelle editierbar auf Klick? HTML: <div class="grid testGrid" ui-grid="testGridOptions" ui-grid-edit ui-grid-row-edit style="width:
Angular-ui-grid-externen export-Schaltflächen
3 Antworten
Ich bin die neue Entwicklung mit Angular UI-GRID-und ich brauche zum erstellen von externen Tasten für die Export Funktionen, wie PDF-export und CSV-Export ähnliche zu diesem Bild. Haben Sie eine Idee, wie kann ich es tun ?
angular-ui-grid: so markieren Sie Zeile bei mouseover?
4 Antworten
Möchte ich betonen, eine ganze Reihe von angular-ui-grid wenn die Maus ist oben drauf. Ich habe versucht, ändern Sie die rowTemplate durch Zugabe von ng-mouseover-und ng-mouseleave Rückrufe, die die hintergrund-Farbe. Hier ist mein rowTemplate--ich erwarte, dass die
Mit einer Funktion in Zelle-Vorlage
3 Antworten
Ich bin mit angularjs mit ui-grid. Eine Spalte des Rasters enthält einen Zeitstempel, den ich gerne zum Rendern als eine korrekt formatierte Datum. Bis jetzt habe ich versucht, aber die Funktion wird nie aufgerufen. $scope.formatDate = function(date)
Angular-UI-Grid: Wie bekomme Gesamtanzahl von Elementen nach dem filtern
4 Antworten
Bin ich mit dem UI-Grid zur Anzeige von Daten. Eine der Spalten ist text, so habe ich 'enthält' - Filterung funktioniert perfekt. Ich bin auch mit Paginierung. Der rechten Ecke des UI-Grid-zeigt so etwas wie: 1 -
So formatieren Sie eine Zahl Wert in AngularJS ui-grid-Zelle auf zwei Dezimalstellen?
3 Antworten
Ich bin mit Angularjs ui-grid und die Standardeinstellungen verwenden, die Frage ist, wie kann ich formatieren Sie die zahlen auf zwei Dezimalstellen? InformationsquelleAutor Tony | 2015-05-21
Angular-ui.grid-paging vs. Paginierung
1 Antworten
Ich bin neu in ui.raster und mit dem tutorial erhält man ein grid mit vielen Daten. Meine version ist 3.0.0.RC16 die ich aus bower installieren angular-ui-grid - Möchte ich nutzen, paging-aber bekomme Fehler. Gibt es 2 Tutorials
AngularJS ui-grid-render-hyperlink
2 Antworten
Ich bin mit Angular ui-grid-2.0.12, ist es möglich, fügen Sie einen hyperlink in einer bestimmten Zelle, oder für diese Angelegenheit, jede Art von html-code? Ich habe versucht, Folgen Sie diesem Tipp: Fügen Sie den html-link in jeder
How to use Angular-UI-Grid mit Server Side Paging
2 Antworten
Ich bin mit AngularJs Ui-Grid.info zur Anzeige von dynamischen Daten-grids, ich Liebe es, aber nun habe ich, um es Haken bis zu einer Datenbank-Tabelle mit 60.000 Datensätzen mithilfe der server-Seite Filter-und paging-und es scheint, dass die Paginierung
Angular-UI-Grid: How to Clear All (allgemein Eckig und gebaut-in UI-Grid) Spalte Filtern Auf die Schaltfläche Klicken
4 Antworten
Wie kann ich klar UND aktualisieren ALLE meine (allgemein Eckig und gebaut-in UI-Grid-Filter) auf eine Schaltfläche klicken? Hintergrund: ich gebaut habe, eine Anwendung, die verwendet die UI-Grid und nutzt die eingebaute Filterfunktion. Es hat auch eine Kreuz-Spalte-Suche
UI-grid ausgewählte Zeile index
2 Antworten
Wollte ich die index/index-Wert der ausgewählten Zeile in der ui-grid. Ich habe versucht, um es mit onRowSelectionChange Veranstaltung. Aber nicht in der Lage, es zu bekommen. Kann wer hat eine Idee über das gleiche ? InformationsquelleAutor Rohan
Wie man angular-ui-grid-footerTemplate zu arbeiten?
5 Antworten
Angular-UI-Grid hat eine Eigenschaft namens footerTemplate, die angeblich bieten die Möglichkeit zum erstellen einer benutzerdefinierten Fußzeile Vorlage. Ich habe versucht, die Eingabe von html-Inhalt (ein div mit text) in einem string, habe ich auch versucht, indem ein
Entfernen Sie das Sortieren-Menü von ui-grid-column-header
4 Antworten
Ich erstellt ui-grid mit drei Spalten standardmäßig die Kopfzeile der Spalte ein " v " - förmigen Symbol (markiert durch den roten Kreis im Bild) : Hier der code und die plunker: JS: var app = angular.module('app',
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 kann eine neue Zeile (Datensatz) werden Hinzugefügt, um einen ui-grid
1 Antworten
Kann ich nicht finden, eine Antwort auf das im stackoverflow oder eine Antwort, die ich verstehen kann in github..das Problem ist einfach..ich möchte in der Lage sein zu verwenden ui-grid-viel als würde ich ein Datenblatt oder kontinuierliche
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
Benutzerdefinierte Dropdown-innerhalb von Angular UI-Grid
2 Antworten
Ich bin Herumspielen mit der neue Angular-UI-Grid, und habe Probleme die Injektion eines benutzerdefinierten dropdown in einer grid-Zelle. Das integrierte dropdown-Funktionalität funktioniert nicht für mein Projekt, da Sie können nur so weit gehen, um Stil ein SELECT-tag.
Ausgewählte Zeile von angularjs ui-grid
2 Antworten
Ich habe mehrere Artikel über dieses ui-grid-und Ihre mir passt. Ich bin versucht, um die ausgewählte Zeile Objekt. Entweder bin ich immer ein undefined oder kann nicht Lesen-Eigenschaft 'getSelectedRows'. Jede Hilfe wird sehr geschätzt. Ich mit diesem
Angularjs ui-grid-Sortierung der Tabelle nach einer bestimmten Spalte name
1 Antworten
Bin ich mit dem ui-grid-version v3.0.0-rc.21-1d9f81f - 2015-05-01 und versucht zu Sortieren VORGEGEBENE raster nach einer bestimmten Spalte name. Ich kann nicht Sortieren extern (javascript-code) nur durch die Definition und durch klicken auf das raster-Header. Ist es
So Aktivieren Sie die horizontale Bildlaufleiste im ui-grid-angularjs
1 Antworten
Ich bin mit angularjs ui-raster, aber ich bin nicht immer horizontale Bildlaufleiste auf mein raster und alle Spaltenüberschriften sind immer gemischt, da es keine scrollbar im grid. Wie kann ich die horizontale scrollbar? ui-grid.info/docs/#/tutorial/191_horizontal_scrolling Finden Sie in
angular-ui-grid wie zu verwenden onRegisterApi in gridOptions
2 Antworten
Habe ich eine editierbare Tabelle mit zusätzlichen Zeilen .columnDefs. Ich habe ein grid-api an den Tisch, lassen Sie sich informieren, wenn wir etwas ändern: $scope.gridOptions.onRegisterApi = function (gridApi) { //set gridApi on scope $scope.gridApi = gridApi; gridApi.edit.on.afterCellEdit($scope,
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
Angular-UI-Grid - Click-Ereignis auf ausgewählten Zeile
3 Antworten
Ziel Ich habe eine UI-Grid. Wenn ich auf eine Zeile klicken, es sollte jetzt ausgewählt und eine Funktion mit der Zeile als parameter aufgerufen werden soll. Aktuellen Ansatz Benutze ich folgende config code zur Generierung der Gitter:
Gewusst wie: aktualisieren Sie UI-Grid-layout-nachdem Sie die Daten neu laden
1 Antworten
Ich habe ein problem mit Angular UI-Grid (http://ui-grid.info/). Grid-Implementierung in modal-Fenster, das angezeigt wird, wenn der Benutzer klickt auf die Schaltfläche. Der Service funktioniert so: der Benutzer wählt den Datensatz vorbereiten und klickt auf eine Schaltfläche. Nach
Angular-ui-grid-3.0 ausgewählten Zeilen
3 Antworten
Diese Antwort besagt, dass dieser code: $scope.gridOptions.onRegisterApi = function(gridApi){ $scope.gridApi = gridApi; $scope.mySelectedRows=$scope.gridApi.selection.getSelectedRows(); } Arbeiten sollte, um die ausgewählten Zeilen, aber für mich gibt es immer , um die Spur von ausgewählten Zeilen habe ich zu nennen
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
AngularJS : ui-grid-Karte multi-Linien, die in einer Zelle
1 Antworten
ich versuche zu zeigen Sie mehrere Telefonnummern in einer Zelle . Ich möchte zeigen jede Zahl in einer neuen Zeile . Ich habe versucht, mehrere Möglichkeiten, aber ich bin nicht in der Lage, um herauszufinden. kann mir
angularjs UI-grid - zuordnen von Spalten und Daten dynamisch
1 Antworten
Ich versuche, fügen Sie Spalten dynamisch an die ui-grid und auch die Zuordnung der Daten. Ersten mal, das raster ist eine gute Arbeit. Aber, wenn ich versuche, ändern Sie die Spalten und Daten dynamisch, es ist nicht
Angular-UI-Grid: In eine Zelle der Vorlage, wie Sie Zugang zu dem Wert aus einem anderen Feld/Zelle
1 Antworten
Ich habe versucht, verwenden Sie die Angular-UI-Grid-plugin zum Rendern von Daten-Tabellen, und ich habe die folgende Beispiel-Daten: var data = [ {"id" : 10, "name" : "Name 1", "city" : "San Francisco"}, {"id" : 12, "name" :
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
Erhöhen Sie die Breite der Spalte in der Benutzeroberfläche.grid
2 Antworten
Habe ich eingefügt, einige dummy-Objekt im Netz,Die Daten werden im Netz gefunden, einige Probleme. Hier ist Mein code: html: <div class="gridStyle" ui-grid="gridOptions"></div> js: $scope.myData = [{ JobId: '196', siteType: 'abc', Title: 'Happy womans day', Message: 'hello', devicetype:
- 1
- 2