Development Technologies

Software development tutorials, experiences and resources from developers in the day-to-day

Number field with currency symbol, thousand separator and international support

There are so many people asking about a NumberField with ExtJS that allows them to add some aditional formatting to the numbers so i was using an extension  that i found in the extjs forums but there were some unnecessary code – that i think, it was added because it was developed for an older version of ExtJS – so i decided to start from scratch my own class and add just the code for the functionality what i need.
1. Currency Symbol (by default is $), if you don’t need a currency symbol just set the config option to null or empty string:

currencySymbol: null

To change the currency after the field was created you should use the function setCurrencySymbol.

2. Thousand separator with support for international format, you can use comma (,) or (.). If decimalSeparator is (,) then thousand separator will be (.) by default decimalSeparator is (.) and thousand separator (,).  Also you cand hide thousand separator using the config option:

useThousandSeparator: false

There are also a functions for setDecimalPrecision and setDecimalSeparator.

3. Display always all the decimals from the given decimal precision value the default value for this config option is:

alwaysDisplayDecimals: false

If you are changing the properties after the field is created and don’t want or you can’t use the functions for any reason you must call updateNumberFormat function.

Here is an screenshot where you can see the diffent values formatted using the extension:

Numeric Field

Hope you like it.

Greivin Britton

The source code is available here.

Microsoft Team Foundation Server (TFS) desde eclipse Step by Step

Hoy veremos como hacer la simple instalación de los plugins para integrar el TFS en eclipse. No es nada complicado y la explicación en la página de ayuda debería ser suficiente en la mayoría de los casos y digo en la mayoría porque se que no siempre las cosas van según lo indicado, pero al menos ha funcionado para mi.

Si llegaron hasta aquí para saber los pasos porque es lo que andan buscando omitan el siguiente parrafo pero si es por curiosidad o aprendizaje pueden leerlo para tener un mejor background.

Actualmente el proyecto más grande en el que trabajo es una aplicación web desarrollada con visual studio 2010 y en la que tenemos muchos archivos javascript que es lo que principalmente nos lleva a esta configuración. En lo personal me gusta mucho el editor de javascript que tiene aptana y para nada el de visual studio pues hay muchas ventajas que la principal para mi es que me pertmite formatear el código a como a mi gusta, pero al inicio había una desventaja y era que no podía hacer un “Checkout” de los archivos que quería editar desde eclipse para evitar que otras personas lo editaran al mismo tiempo que yo o que cuando hiciera un “Checkin” desde visual studio se detectaran esos cambios y se respaldaran junto con los demás en el TFS.

Instalación paso a paso

1.       Primero que nada deben tener eclipse instalado (la instalación es solo descomprimir el zip en un directorio) Click aquí para descargar.

2.       Descargar los plugins para el TFS. Lo puedes hacer desde aquí. Descarga el archivo TFSEclipsePlugin-UpdateSiteArchive-10.0.0.zip.

3.       Una vez descargado el archivo y con eclipse iniciado entrar en Install new Software.

4.       En la ventana que aparece dar click en el botón Add.

5.       Luego dar click en el botón Archive y seleccionar el archivo descargado.

6.       Una vez seleccionado dar click en el botón Ok.

7.       Seleccionar desde el nodo raiz el check que dice Visual Studio Team Explorer Everywhere 2010 y dar click en el botón Next.

8.       Luego aparecerá una pantalla con los plugins que se van a instalar y en el caso de no tener los plugins que son dependencias de ese allí se listarán pero si ya los tienen como es mi caso lo verán como la imagen de la pantalla siguiente en la que deben dar click en Next para continuar.

9.       Aceptar los terminos de licencia del contrato y dar click en Finish.

10.       Reiniciar el IDE

11.       Luego solo tenemos que darle click derecho a un proyecto que tengamos en eclipse y nos vamos al menu item Team->Share Project.

12.  Seleccionar Team Foundation Server y dar click en Next.

13.       En la ventana que aparece damos click en Servers

14.       Damos click en Add

15.       Add new Server

16.       Poner el nombre del servidor en el campo Server y dar click en el botón Ok (En mi caso el tab Advanced y Proxy Details no los tengo que modificar)

17.       Dar click en botón Close

18.       Seleccionar el proyecto con el que vamos a trabajar y click en Next.

19.       Por último Click en finish y listo.

A como pudieron ver todos los pasos son muy intuitivos pero aun así espero sea de ayuda y cualquier consulta con gusto les responderé… hasta la próxima.

Greivin Britton