Extensiones IBM para Dojo Toolkit

Biblioteca Atom, almacén de datos y widgets

Ejemplos de uso de los widgets Atom:

Consulte el paquete de documentación para ver el canal de información utilizado en estas demostraciones:

<?xml version='1.0' encoding='utf-8'?>
<feed xmlns='http://www.w3.org/2005/Atom' xml:lang='en-US'>
	<title>Example.com</title>
	<link rel="alternate" type="text/html" href="http://example.com/" hreflang="en" title="Example.com" />
	<subtitle type='text'>Canal de información de ejemplo de Example.com</subtitle>
	<rights>Copyright Example.com</rights>
	<id>http://example.com/samplefeed.xml</id>
	<updated>2007-08-07T20:00:00-05:00</updated>
	<link rel="self" type="application/atom+xml" href="http://www.example.com/samplefeed.xml"/>
	<entry>
		<title>Entrada de prueba #1</title>
		<id>http://example.com/samplefeed.xml/entry/1</id>
		<link rel='alternate' href='http://example.com/1.html'/>
		<summary type='html'>
			<p>Esta es una entrada de ejemplo en el canal de información Atom. Simplemente
es un párrafo grande en el resumen.<p>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras cursus. Aliquam eget metus sed leo lacinia 
			rutrum. Nunc lacus lacus, viverra placerat, laoreet nec, placerat vel, eros. Donec nec magna id sem commodo rutrum. 
			Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean pede. Quisque vel 
			leo. In vitae nisi. Curabitur sodales congue nibh. Maecenas ultrices ante nec ipsum. Aenean quis nibh. Aenean semper, 
			quam vitae ullamcorper euismod, arcu leo tincidunt nunc, vel pulvinar turpis dolor a elit. Praesent nonummy nunc 
			faucibus nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus laoreet, 
			ante auctor condimentum venenatis, magna quam varius elit, at feugiat dolor metus id quam. Etiam enim.<p>
		</summary>
		<author>
			<name>Usuario de prueba</name>
			<email>test@example.com</email>
		</author>
		<updated>2007-08-07T04:00:00-05:00</updated>
	</entry>
	<entry>
		<title>Entrada de prueba #2</title>
		<id>http://example.com/samplefeed.xml/entry/2</id>
		<link rel='alternate' href='http://example.com/2.html'/>
		<summary type='text'>
			Esta es una entrada de ejemplo en el canal de información Atom. Simplemente es
un párrafo grande en el resumen. Se trata de texto plano.
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras cursus. Aliquam eget metus sed leo lacinia 
			rutrum. Nunc lacus lacus, viverra placerat, laoreet nec, placerat vel, eros. Donec nec magna id sem commodo rutrum. 
			Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean pede. Quisque vel 
			leo. In vitae nisi. Curabitur sodales congue nibh. Maecenas ultrices ante nec ipsum. Aenean quis nibh. Aenean semper, 
			quam vitae ullamcorper euismod, arcu leo tincidunt nunc, vel pulvinar turpis dolor a elit. Praesent nonummy nunc 
			faucibus nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus laoreet, 
			ante auctor condimentum venenatis, magna quam varius elit, at feugiat dolor metus id quam. Etiam enim.
		</summary>
		<author>
			<email>test@example.com</email>
		</author>
		<updated>2007-08-07T06:00:00-05:00</updated>
	</entry>
</feed>

En el paquete ibm_atom se incluyen tres widgets de nivel superior: FeedViewer, FeedEntryViewer y FeedEntryEditor. FeedViewer se utiliza para ver las fechas y los títulos de las entradas en un canal de información. Puede crearse una instancia del mismo en la marcación o mediante programa. Consulte el ejemplo siguiente sobre cómo crear un visor de canal de información de forma declarativa:

<div dojoType="ibm_atom.widget.FeedViewer" 
	 widgetId="fv1"
	 url="samplefeed.xml"
	 entrySelectionTopic="atomfeed/entry/topic" />

Tenga en cuenta que si el código anterior se incluye en una página de prueba, el ejemplo es completamente simple y sin estilo. Para solucionarlo, extraiga las hojas de estilo de las páginas de prueba.

Los widgets FeedEntryViewer y FeedEntryEditor son idénticos, con la excepción de que el widget editor tiene controles para crear nuevas entradas y editar las existentes. Puede crear una instancia del widget FeedEntryEditor en la marcación de la siguiente manera:

<div dojoType="ibm_atom.widget.FeedEntryViewer" 
	 widgetId="feedEditor"
	 enableMenu="true"
	 enableMenuFade="true"
	 enableEdit="true"
	 displayEntrySections="title,authors,summary"
	 entrySelectionTopic="atomfeed/entry/topic" />

Recuerde: entrySelectionTopic es común para FeedViewer y FeedEntryEditor. Este es el suceso que los vincula a ambos. Si el atributo entrySelectionTopic se define correctamente en cada uno, los dos widgets pueden comunicarse entre ellos y actualizarse según corresponda.