Paging et columnResizing ne fonctionnent pas dans ui-grid v3.0.0-rc.11
Je ne peux pas sembler obtenir la pagination ou la colonne de re-dimensionnement de travail dans la nouvelle ngGrid (interface utilisateur-Réseau) rc construire v3.0.0-rc.11. Il doit être vraiment simple selon cet exemple: http://ui-grid.info/docs/#/tutorial/401_AllFeatures
Pour mon div principale, si je fais ceci:
<div ui-grid="productGridOptions" ui-grid-resize-columns class="uiGridProducts">
et dans mon contrôleur ce faire:
$scope.productGridOptions={};
$scope.productGridOptions.enableColumnResizing = true;
$scope.productGridOptions.enableFiltering = false;
$scope.productGridOptions.enablePaging = true;
$scope.productGridOptions.pagingOptions = {
pageSizes: [250, 500, 1000],
pageSize: 250,
currentPage: 1
};
$scope.productGridOptions.rowIdentity = function(row) {
return row.id;
};
$scope.productGridOptions.getRowIdentity = function(row) {
return row.id;
};
$scope.productGridOptions.data = 'products';
//The options for the data table
$scope.productGridOptions.columnDefs = [
{ name:'ID', field: 'id' },
{ name:'Product', field: 'productName' },
{ name:'Active Ing.', field: 'activeIngredients'},
{ name:'Comments', field: 'comments' }
];
prProductService.getProducts().then(function(products) {
$scope.products = products;
});
Ni de pagination ou de la colonne de redimensionnement de travail. Il n'y a pas de pagination des exemples sur l'interface utilisateur-réseau tutoriel, supposons qu'il est semblable à ngGrid, mais sa colonne de redimensionnement qui j'ai vraiment besoin en ce moment.
Ce qui concerne
je
source d'informationauteur smackenzie | 2014-10-03
Vous devez vous connecter pour publier un commentaire.
Bien pour la colonne de redimensionnement, grâce à ce lien
http://technpol.wordpress.com/2014/08/23/upgrading-to-ng-grid-3-0-ui-grid/
apparemment, vous avez à ajouter " de l'interface utilisateur.de la grille.resizeColumns " comme une dépendance dans votre application module, et il suffit d'utiliser l'interface utilisateur-réseau-redimensionnement des colonnes dans la balise div (comme je le fais)...
J'ai enlevé le code
Et de la colonne de redimensionnement fonctionne maintenant....
Maintenant sur la pagination.
Ce qui concerne
je
Colonne de redimensionnement fonctionne bien pour moi. J'ai dû ajouter pour ajouter 'interface utilisateur.de la grille.resizeColumns' comme une dépendance:
Puis dans le html, vous ajoutez le de l'interface utilisateur-réseau-redimensionner les colonnes de la classe:
Et enfin dans votre contrôleur, vous définissez enableColumnResizing à vrai dans gridOptions:
Espère que cela fonctionne enfin pour vous.
Plus d'info sur: angular-ui-la colonne de la grille de redimensionnement
Je ne peux pas parler pour les versions antérieures, mais dans l'interface utilisateur de la grille de la version 3.1.1, il suffit d'ajouter de l'interface utilisateur.de la grille.resizeColumns dépendance à votre module et de définir enableColumnResizing = true dans gridOptions. Il n'est pas nécessaire d'ajouter de l'interface utilisateur-réseau-redimensionner les colonnes de l'attribut à la balise div.
Je pense que la pagination a été ajouté en v3.0.0-rc.12, mais je ne suis pas sûr à ce sujet. Il suffit de chercher dans le fichier source pour la pagination.
Pour la manipulation de la pagination voir cette réponse:
Angulaire de l'interface utilisateur-réseau des tables, côté client, de la pagination et de défilement
Il est aussi un exemple de l'interface utilisateur-réseau-Tutoriel:
http://ui-grid.info/docs/#/tutorial/214_pagination