AngularJs agregando un botón a una celda de cuadrícula en una vista de estado de UI-enrutador

2

Hice esta pregunta sobre AngularJs y ag-grid, usando un renderizado de celda para colocar un botón en una cuadrícula de celdas, que, cuando se hace clic, hace algo en función de los datos.

Obtuve, y acepté, una excelente respuesta de @MaximShoustin, pero ahora veo que hay más de lo que pensaba: necesito que mi ag-grid esté a la vista de un estado de enrutador de UI.

Entonces, traté de fusionar Maxim's Plunker con un Plunker propio, que muestra una cuadrícula en un estado de enrutador de vista de interfaz de usuario y he creado este Plunker , que no funciona :-(

angular.js: 11598 TypeError: no se puede establecer la propiedad 'priceClicked' de nulo en priceCellRendererFunc (http://run.plnkr.co/preview/ck9ff1oft00083b63laoskhz3/controllers.js:64:36)

que es porque params.$scopees null.

Si inserto una línea params.$scope = [];, la cuadrícula se renderiza, pero hacer clic en el botón no hace nada.

¿Qué estoy haciendo mal? ¿Alguien puede ayudar?

quiero

  • agregar un botón a un ag-grid de AngularJs
  • que está en la vista de un estado de enrutador de UI

Hmm, ¿es necesario agregar angularCompileRowsopciones a la cuadrícula (además del problema api = null)?

1 answers

1
Maxim Shoustin 2020-04-25 19:12.

No estoy familiarizado ag-gridpero sugiero que no tengas miedo de sumergirte en ag-grid.js:).

En su ejemplo, no proporciona ninguna $scopedeGrid

new agGrid.Grid(theGridDiv, $scope.grid);

Después de abrir https://cdnjs.cloudflare.com/ajax/libs/ag-grid/3.3.3/ag-grid.js, podemos ver que puede proporcionar $scopeal Gridconstructor porque en su casoparams.$scope = null

Este es un constructor completo:

Grid(eGridDiv, gridOptions, globalEventListener, $scope, $compile, quickFilterOnScope)  

Así que lo cambié a:

new agGrid.Grid(theGridDiv, $scope.grid, null, $scope, $compile, null) 

A continuación, debe indicarle que ag-gridcompile su ng-click(porque CellRenderersolo devuelve la cadena):

$scope.grid = {
    columnDefs: columnDefs,
    angularCompileRows:true,
   //...
}

Espero que te ayude :)

Working plunker


[EDITAR 1]

ag-grid v23: Plunker 2

Directiva que vale la pena usar ag0grid:

<div ag-grid="grid" style="height: 100%;" class="ag-fresh"></div>

Toma su alcance automáticamente (de ag-grid/23.0.2/ag-grid-community.js):

function initialiseAgGridWithAngular1(angular) {
    var angularModule = angular.module("agGrid", []);
    angularModule.directive("agGrid", function () {
        return {
            restrict: "A",
            controller: ['$element', '$scope', '$compile', '$attrs', AngularDirectiveController],
            scope: true
        };
    });
}

[EDITAR 2]

plunker without directive

<div id="gridDiv" class="ag-fresh" style="height:100%; width:100%"></div>

Asegúrate de agregar params:

var gridParams = {
        $scope: $scope,
        $compile: $compile
    };

  const theGridDiv = document.querySelector('#gridDiv');
  new agGrid.Grid(theGridDiv, $scope.grid, gridParams); 

Related questions

MORE COOL STUFF

La estrella de HGTV, Christina Hall, revela que tiene 'envenenamiento por mercurio y plomo' probablemente por voltear 'casas asquerosas'

La estrella de HGTV, Christina Hall, revela que tiene 'envenenamiento por mercurio y plomo' probablemente por voltear 'casas asquerosas'

La estrella de HGTV, Christina Hall, revela que le diagnosticaron envenenamiento por mercurio y plomo, probablemente debido a su trabajo como manipuladora de casas.

La estrella de 'Love Is Blind' Brennon Lemieux responde a los cargos de violencia doméstica

La estrella de 'Love Is Blind' Brennon Lemieux responde a los cargos de violencia doméstica

Recientemente salió a la luz un informe policial que acusa a la estrella de 'Love Is Blind', Brennon, de violencia doméstica. Ahora, Brennon ha respondido a los reclamos.

Wynonna Judd se dio cuenta de que ahora es la matriarca de la familia Judd en un momento festivo de pánico

Wynonna Judd se dio cuenta de que ahora es la matriarca de la familia Judd en un momento festivo de pánico

Conozca cómo Wynonna Judd se dio cuenta de que ahora es la matriarca de la familia mientras organizaba la primera celebración de Acción de Gracias desde que murió su madre, Naomi Judd.

Experto en lenguaje corporal explica los 'paralelos' entre Kate Middleton y la princesa Diana

Experto en lenguaje corporal explica los 'paralelos' entre Kate Middleton y la princesa Diana

Descubra por qué un destacado experto en lenguaje corporal cree que es fácil trazar "tales paralelismos" entre la princesa Kate Middleton y la princesa Diana.

Los láseres arrojan luz sobre por qué necesita cerrar la tapa antes de descargar

Los láseres arrojan luz sobre por qué necesita cerrar la tapa antes de descargar

Los inodoros arrojan columnas de aerosol invisibles con cada descarga. ¿Como sabemos? La prueba fue capturada por láseres de alta potencia.

The Secrets of Airline Travel Quiz

The Secrets of Airline Travel Quiz

Air travel is far more than getting from point A to point B safely. How much do you know about the million little details that go into flying on airplanes?

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

¿Caduca el repelente de insectos?

¿Caduca el repelente de insectos?

¿Sigue siendo efectivo ese lote de repelente de insectos que te quedó del verano pasado? Si es así, ¿por cuánto tiempo?

El negocio como siempre para Fantastic Fest significa peleas de almohadas y arcilla asesina

El negocio como siempre para Fantastic Fest significa peleas de almohadas y arcilla asesina

Foto: Arnold Wells Devin Faraci no está aquí. El fundador de Alamo Drafthouse, Tim League, tampoco está aquí.

La actual esposa y ex esposa de Kevin Hart lo hacen por la etiqueta de demolición de hogares

La actual esposa y ex esposa de Kevin Hart lo hacen por la etiqueta de demolición de hogares

Eniko Hart a través de Instagram Eniko Parrish Hart y Kevin Hart han estado casados ​​durante un año, y cuando Eniko Hart publicó una foto de celebración en Instagram dedicada a su esposo, comenzó una guerra de palabras entre Eniko Hart y Torrei Hart, la ex esposa de Kevin Hart. Mira, la cosa es que Eniko hizo referencia a estar con Kevin durante ocho años.

Boeing obtiene una segunda orden para transportar astronautas a la ISS

Boeing obtiene una segunda orden para transportar astronautas a la ISS

En su esfuerzo continuo por traer de vuelta a Estados Unidos al juego de los vuelos espaciales tripulados, la NASA anunció hoy que Boeing ha recibido una segunda orden de tripulación comercial para transportar astronautas a la Estación Espacial Internacional, la tercera de una serie de cuatro órdenes de tripulación que la NASA realizará bajo el Programa de Tripulación Comercial, $ 6.

¿Cómo compro un automóvil con un puntaje crediticio bajo y sin pago inicial?

¿Cómo compro un automóvil con un puntaje crediticio bajo y sin pago inicial?

Mi PT Cruiser con 140.000 millas se está convirtiendo en un pozo de dinero. Necesito otro automóvil, pero debido a algunas facturas médicas, mi puntaje crediticio se vio afectado y no tengo efectivo para el pago inicial.

Patinaje artístico de EE. UU. 'frustrado' por falta de decisión final en evento por equipos, pide una decisión justa

Patinaje artístico de EE. UU. 'frustrado' por falta de decisión final en evento por equipos, pide una decisión justa

El equipo está a la espera de las medallas que ganó en los Juegos Olímpicos de Invierno de 2022 en Beijing, ya que se está resolviendo un caso de dopaje que involucra a la patinadora artística rusa Kamila Valieva.

Los compradores de Amazon dicen que duermen 'como un bebé mimado' gracias a estas fundas de almohada de seda que cuestan tan solo $ 10

Los compradores de Amazon dicen que duermen 'como un bebé mimado' gracias a estas fundas de almohada de seda que cuestan tan solo $ 10

Miles de compradores de Amazon recomiendan la funda de almohada de seda Mulberry, y está a la venta en este momento. La funda de almohada de seda viene en varios colores y ayuda a mantener el cabello suave y la piel clara. Compre las fundas de almohada de seda mientras tienen hasta un 46 por ciento de descuento en Amazon

Se busca al corredor de los Bengals Joe Mixon por orden de arresto emitida por presuntamente apuntar con un arma de fuego a una mujer

Se busca al corredor de los Bengals Joe Mixon por orden de arresto emitida por presuntamente apuntar con un arma de fuego a una mujer

El jueves se presentó una denuncia de delito menor amenazante agravado contra Joe Mixon.

Profesor de la Universidad de Purdue arrestado por presuntamente traficar metanfetamina y proponer favores sexuales a mujeres

Profesor de la Universidad de Purdue arrestado por presuntamente traficar metanfetamina y proponer favores sexuales a mujeres

El Departamento de Policía de Lafayette comenzó a investigar a un profesor de la Universidad de Purdue en diciembre después de recibir varias denuncias de un "hombre sospechoso que se acercaba a una mujer".

Concept Drift: el mundo está cambiando demasiado rápido para la IA

Concept Drift: el mundo está cambiando demasiado rápido para la IA

Al igual que el mundo que nos rodea, el lenguaje siempre está cambiando. Mientras que en eras anteriores los cambios en el idioma ocurrían durante años o incluso décadas, ahora pueden ocurrir en cuestión de días o incluso horas.

India me está pateando el culo

India me está pateando el culo

Estoy de vuelta por primera vez en seis años. No puedo decirte cuánto tiempo he estado esperando esto.

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Cómo mejoramos la accesibilidad de nuestro componente de precio, y cómo nos marcó el camino hacia nuevos saberes para nuestro sistema de diseño. Por Ana Calderon y Laura Sarmiento Leer esta historia en inglés.

ℝ

“And a river went out of Eden to water the garden, and from thence it was parted and became into four heads” Genesis 2:10. ? The heart is located in the middle of the thoracic cavity, pointing eastward.

Language