J'essaie de comprendre comment utiliser la pagination côté serveur pour les données dynamiques (voir l'exemple: http://developer.yahoo.com/yui/examples/datatable/dt_dynamicdata.html).Yui Datatable avec saisie semi-automatique et pagination
Mon problème est que je ne peux pas personnaliser ma demande, lorsque je tente la mise en page, ma demande est: QCT-list.htmlsort = geneid & dir = asc & startIndex = 50 & résultat = 25
La demande devrait être sous la forme suivante:? QCT-list.html name = symbole = & cd4 & start = cd4 0 & limit = 25 ou QCT-list.html name = symbole = & cd4 & start = cd4 25 & limite = 50 ...
Voici une copie (partie) de mon code:
var myColumnDefs = [
{key:"geneid", label:"Gene", sortable:true},
{key:"name", label:"Name", sortable:true},
{key:"symbol", label:"Symbol", sortable:true},
{key:"lastupdated", label:"Last Updated", formatter:"date", sortable:true},
{key:"lastmodified", label:"Last Modified", formatter:"date", sortable:true}
];
var myDataSource = new YAHOO.util.DataSource("qct-list.html");
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
myDataSource.connXhrMode = "queueRequests";
myDataSource.responseSchema = {
resultsList: "geneItemList",
fields: ["col","qv","limit","start","geneid","name","symbol","lastupdated","lastmodified"],
metaFields: {
totalRecords: "totalRecords" // Access to value in the server response
}
};
var qctPaginator = new YAHOO.widget.Paginator({
rowsPerPage: 25,
totalRecords : YAHOO.widget.Paginator.VALUE_UNLIMITED,
template: YAHOO.widget.Paginator.TEMPLATE_ROWS_PER_PAGE,
rowsPerPageOptions: [25,50,75,100]
});
var myRequestBuilder = function(ostate, oSelf) {
oState = oState || {pagination:null};
var name = Dom.get('dt_input_name').value;
var symbol = Dom.get('dt_input_symbol').value;
var start = (oState.pagination) ? oState.pagination.recordOffset : 0;
var limit = (oState.pagination) ? oState.pagination.rowsPerPage : 25;
return "?name=" + name + "&symbol"+ symbol + "&start=" + start + "&limit=" + limit;
}
var oConfigs = {
dynamicData: true, // Enables dynamic server-driven data
selectionMode: "single",
paginator: qctPaginator ,
generateRequest : myRequestBuilder,
paginationEventHandler : YAHOO.widget.DataTable.handleDataSourcePagination,
initialRequest: "?name=&symbol=&start=0&limit="
};
var myGeneListTable = new YAHOO.widget.DataTable("geneListTable", myColumnDefs, myDataSource, oConfigs);
myGeneListTable.handleDataReturnPayload = function(oRequest, oResponse, oPayload) {
oPayload.totalRecords = oResponse.meta.totalRecords;
return oPayload;
}
Quelqu'un peut-il expliquer comment utiliser la pagination dataTable et comment personnaliser la demande?
Malheureusement, j'obtiens une erreur juste après: I [T] est indéfini [Pause sur cette erreur] if (L) {return this.getLastTdEl (L);}}} retu ... == D.CLASS_ASC)? D.CLASS_DESC: D.CLASS_ASC; Une idée à propos de cette erreur? J'ai trouvé mon erreur. Le problème provient de mon contrôleur. A la première requête tout va bien, mais quand j'utilise la pagination, mon contrôleur modifie totalRecords (et retourne la même valeur que rowsPerPage). Ce qui produit l'erreur décrite ci-dessus ... –
Je corrige ce bug. Maintenant, mon contrôleur retourne le même totalRecords pour chaque requête. Et tout est bon. –