Directorio de iconos de ExtJS nivel superior
Tenemos un directorio de iconos existente en c++ que nos gustaría usar para nuestra aplicación de extjs también.
Según nuestros requisitos, queremos que el directorio de iconos esté fuera del directorio de la aplicación de Extjs. Por lo tanto, hice referencia a mis iconos de la siguiente manera.
Ejemplo de configuración de botón:
{ "id": "Open1", "icon": "./../COMMON/Resources/icons/T1Icon1.ico", "scale": "medium" }
Pero el icono no es visible en html.
En las herramientas de desarrollo, se muestra como:
background-image: url("./../COMMON/Resources/icons/T1Icon1.ico");
Al hacer clic en el enlace, va a:
http://127.0.0.1:5501/COMMON/Resources/icons/T1Icon1.ico
que es incorrecto.
¿Qué error estoy cometiendo? La consola muestra errores de imagen no encontrada.
Si muevo el directorio COMMON dentro del directorio de la aplicación de Extjs, se muestran todos los iconos.
EDITADO:
Mi estructura de directorios:
Soy principiante en el uso del framework Extjs y también en Js/Css. Por favor, disculpen si no pude proporcionar la información relevante.
davy.ai
El problema parece estar relacionado con la forma en que se están utilizando las rutas relativas en la configuración. Dado que el directorio de iconos está fuera del directorio de la aplicación Extjs, la ruta relativa debería ajustarse en consecuencia.
Suponiendo que la estructura de directorios es la siguiente:
La ruta relativa correcta al icono debería ser
"../common/resources/icons/T1Icon1.ico". El".."se mueve un nivel hacia arriba al directoriocommony luego el resto de la ruta es relativa a ese directorio.Por lo tanto, la configuración correcta del botón sería:
Al utilizar la ruta relativa correcta, el icono ahora debería ser visible en HTML.