XUL et Calculatrice

Cette section permet de décrire l'interface de la calculatrice en ajoutant les boutons de la calculatrice dans la description XUL. Voici une copie d'écran SWT de ce que l'on obtiendra en fin de cette section :

XUL

Modifier le fichier xul/calc.xul avec le contenu suivant : 
<page>
  <vbox xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >
    <hbox>
      <textbox id="expression" flex="1" />
    </hbox>
	<hbox>
		<grid>
			<columns>
				<column flex="1" />
				<column flex="1" />
				<column flex="1" />
				<column flex="1" />
			</columns>
			<rows>
				<row>
					<button label="7" />
					<button label="8" />			
					<button label="9" />
					<button label="/" />
				</row>
				<row>
					<button label="4" />
					<button label="5" />			
					<button label="6" />
					<button label="*" />
				</row>
				<row>
					<button label="1" />
					<button label="2" />			
					<button label="3" />
					<button label="-" />
				</row>
				<row>
					<button label="0" />
					<spacer />
					<button label="=" />						
					<button label="+" />
				</row>						
			</rows>
		</grid>			
	</hbox>    
  </vbox>
</page>
Cette description est du pure XUL. Une grid XUL a été utilisé dans ce cas ci pour afficher les boutons (comme dans une table HTML).