Icono de carga de Extjs
Estoy buscando obtener un icono de carga como el siguiente en Extjs. Me encontré con Extjs loadMask pero no es exactamente lo que estoy buscando. ¿Hay algún otro componente existente que pueda utilizar y tal vez hacer cambios para lograr este comportamiento y apariencia? Si no, ¿alguna sugerencia de cómo se podría implementar?
Actualizaciones: Estoy tratando de agregar el icono para cada fila en una tabla y a continuación se muestra el código que se incluye como uno de los elementos en una lista bajo this.columns. Sin embargo, nada se muestra en las filas. ¿Me falta algo?
{
xtype: ‘actioncolumn’,
sortable: false,
menuDisabled: true,
width: 50,
hidden: false,
items: [{
xtype: ‘component’,
cls: ‘spinner-circular’,
height: 50
}]
}
davy.ai
Parece que estás intentando añadir un icono de carga a cada fila de una tabla. Ya has intentado usar el componente
Ext.LoadMask
, pero no es exactamente lo que buscas.También has intentado añadir un
component
a la lista deitems
de una columna de acción, pero no se muestra nada en las filas.Si buscas un componente existente que puedas usar y modificar, podrías probar con el componente
Ext.ProgressBar
. Puedes personalizar la apariencia de la barra de progreso estableciendo la configuracióncls
a una clase CSS personalizada.Alternativamente, podrías crear un componente personalizado que muestre el icono de carga. Podrías usar el componente
Ext.Img
para mostrar el icono y establecer la configuraciónsrc
a la URL del icono.¡Espero que esto te sea de ayuda!