Avance 2

isabandr

Ene 27, 2010 at 9:27 pm

un ejemplo basico de yui es el siguiente:

YAHOO.util.Event.addListener(window, "load", function() {
YAHOO.example.EnhanceFromMarkup = new function() {
var myColumnDefs = [
{key:"due",label:"Due Date",formatter:YAHOO.widget.DataTable.formatDate,sortable:true},
{key:"account",label:"Account Number", sortable:true},
{key:"quantity",label:"Quantity",formatter:YAHOO.widget.DataTable.formatNumber,sortable:true},
{key:"amount",label:"Amount Due",formatter:YAHOO.widget.DataTable.formatCurrency,sortable:true}
];

this.parseNumberFromCurrency = function(sString) {
// Remove dollar sign and make it a float
return parseFloat(sString.substring(1));
};

this.myDataSource = new YAHOO.util.DataSource(YAHOO.util.Dom.get("accounts"));
this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;
this.myDataSource.responseSchema = {
fields: [{key:"due", parser:"date"},
{key:"account"},
{key:"quantity", parser:"number"},
{key:"amount", parser:this.parseNumberFromCurrency} // point to a custom parser
]
};

this.myDataTable = new YAHOO.widget.DataTable("markup", myColumnDefs, this.myDataSource,
{caption:"Example: Progressively Enhanced Table from Markup",
sortedBy:{key:"due",dir:"desc"}}
);
};
});

YahooUI Demo

YahooUI Demo

Due Date
Account Number
Quantity
Amount Due

1/23/1999
29e8548592d8c82
12
$150.00

5/19/1999
83849
8
$60.00

8/9/1999
11348
1
$34.99

1/23/2000
29e8548592d8c82
10
$1.00

4/28/2000
37892857482836437378273
123
$33.32

1/23/2001
83849
5
$15.00

9/30/2001
224747
14
$56.78

en este ejemplo podemos ver como se realizan tablas con yui.El unico inconveniente que tiene esq todos los datos a mostrar son numericosbueno si queremos ingresar datos de String solo debemos realizar un pequeño cambio en el javascript

{key:"name",label:"nombre", sortable:true},

fields: [{key"name", parser:"string"}];

wdalciva

Ene 27, 2010 at 10:06 pm

en el ejemplo mostrado se presentan datos y apuestos en la tabla, pero si queremos presentar datos consultados desde la base, bueno pues debemos usar “EL”, los datos consultados de la base se guardan en la sesion y desde la pagina de egresos como es en este caso jalamos los datos con “EL”

"

"

Tenemos una lista de permisos la cual la recorremos con u “forEach” y en una tabla vamos poniendo los datos de la lista obteniendolos mediante “EL”

hejaloza

Ene 28, 2010 at 8:22 am

YUI es una librería de utilidades de JavaScript y controles, escritos con JavaScript y CSS, para la creación de riqueza de aplicaciones web interactivas utilizando técnicas como DOM scripting, DHTML y AJAX. YUI está disponible bajo una licencia BSD y es gratuito para todos los usos.

YUI es probada y escalable, rápida y robusta. Construido por los ingenieros de interfaz de Yahoo!

http://yuilibrary.com/