Saltar al contenido
JTS

Cargando la configuración avanzada del sistema…

Country Lookup

Proyecto · PCF

Lenguaje
TypeScript
Licencia
MIT
Estado
Activo

General

Nombre
Country Lookup
Descripción
Control PCF que convierte una columna de texto en un selector de países con búsqueda, sin tablas nuevas ni servicios externos.
Tipo
PCF
Creado
28 jul 2026
Actualizado
28 jul 2026

Tecnologías

TypeScriptReact 18Fluent UI v9PCFIntl.DisplayNames

Notas técnicas

Por qué

Casi todas las tablas con dirección tienen una columna de país en texto libre: “Spain”, “España”, “ESP”… Eso rompe filtros, agrupaciones e informes. Este control reutiliza la misma columna, sin cambios de esquema ni migración, pero obliga a elegir de una lista coherente.

Cómo funciona

  • Los nombres de país salen de Intl.DisplayNames, una API nativa del navegador que los devuelve localizados en cualquier idioma.
  • Los códigos ISO 3166-1 son un pequeño array estático incluido en el control.
  • Todo ocurre en el cliente: sin llamadas a APIs externas, sin límites de uso y nada que una política de red corporativa pueda bloquear.

Configuración

  • Idioma (ISO 639-1) para mostrar y buscar los nombres.
  • Formato del valor guardado: nombre del país (por defecto, compatible con datos existentes) o código ISO.
  • Si el campo ya contiene un valor que no coincide, se muestra tal cual en lugar de borrarlo.

Decisiones de diseño

React 18 con createRoot en lugar del patrón heredado ReactDOM.render(), para evitar los fallos de los componentes de Fluent UI que usan posicionamiento (como Combobox) cuando el árbol se reconstruye en cada updateView().