Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I found a solution that works, and I added a paginator.</p> <pre><code>function onGenePubmedSubmit() { var contentCur = document.getElementById("curatedquery"); var contentCurValue = contentCur.value; var tabView = new YAHOO.widget.TabView('tvcontainer'); var labelText = nameReq + '&lt;span class="close"&gt;X&lt;/span&gt;'; var tabcontainer = idReq; var content = "&lt;div id="+tabcontainer+"&gt;&lt;/div&gt;"; if (labelText &amp;&amp; content) { var ctabView = new YAHOO.widget.Tab({ label:labelText, content:content, id: 'pubmedView'+idReq, active:true }); } YAHOO.util.Event.on(ctabView.getElementsByClassName('close')[0], 'click', function(ev) { YAHOO.util.Event.stopEvent(ev); // Verify if Tab to remove is curently the activ Tab if (tabView.get('activeTab')==ctabView) { // We activate the first Tab tabView.set('activeTab', tabView.get('tabs')[0]); } // If Tab to remove not activ Tab else if (tabView.get('activeTab')!=ctabView) { // We set the index of the Tab that is currently active in the TabView. tabView.set('activeIndex',tabView.get('activeIndex')); } tabView.removeTab(ctabView); }); // Verify if tab exist (or not) var tabExist = document.getElementById('pubmedView'+idReq); if (tabExist == null) { tabView.addTab(ctabView); } else { alert("Tab already exist") ; } // Define DataTable myPubmedListTable Columns var myColumnDefsPubmed = [ {key:"pmid", label:"PMID", sortable:true}, {key:"articletitle", label:"Article Title", sortable:true}, {key:"abstract", label:"Abstract", sortable:true}, {key:"authorlist", label:"Authorlist", sortable:true}, {key:"medline", label:"Medline", sortable:true} ]; // Define DataSource var myDataSourcePubmed = new YAHOO.util.DataSource("qct-list-article.html"); myDataSourcePubmed.responseType = YAHOO.util.DataSource.TYPE_JSON; myDataSourcePubmed.connXhrMode = "queueRequests"; myDataSourcePubmed.responseSchema = { resultsList: "articleItemList", fields: ["pmid","articletitle","abstract","authorlist","medline"], metaFields: { totalRecords: "totalArticleRecords" // Access to value in the server response } }; // Add Paginator var pubmedPaginator = new YAHOO.widget.Paginator({ rowsPerPage: 5, template: YAHOO.widget.Paginator.TEMPLATE_ROWS_PER_PAGE, rowsPerPageOptions: [5,10,15,20] }); var myRequestPubmedBuilder = function(oState,oSelf) { oState = oState || {pagination:null, sortedBy:null}; var retstart = (oState.pagination != null) ? oState.pagination.recordOffset : 0; var retmax = (oState.pagination != null) ? oState.pagination.rowsPerPage : 5; return '?term=' + contentCurValue + '&amp;retstart=' + retstart + '&amp;retmax=' + retmax; } // myPubmedListTable config var oConfigsPubmed = { initialRequest: '?term=' + contentCurValue + '&amp;retstart=0' + '&amp;retmax=5', dynamicData: true, // Enables dynamic server-driven data selectionMode: "single", paginator: pubmedPaginator, generateRequest : myRequestPubmedBuilder, caption : "Pubmed articles for this query : " //+ contentCountPubmed }; // Create new DataTable - myPubmedListTable if (tabExist == null) { var myPubmedListTable = new YAHOO.widget.DataTable(idReq, myColumnDefsPubmed, myDataSourcePubmed,oConfigsPubmed); myPubmedListTable.handleDataReturnPayload = function(oRequest, oResponse, oPayload) { if (oPayload == undefined) { oPayload = {}; } oPayload.totalRecords = oResponse.meta.totalRecords; return oPayload; } // Show myPubmedListTable myPubmedListTable.onShow(); } } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload