jqxtab caching

[pushpendraMember]

Hi sir,

I am using jqxtabs. And on every tab click i am loading list items in the grid.

Each tab contains its on grid.

Now i want to remove a row from one tab grid and add it to another.

But it works for one time but next time destination tab grid shows cached data.

I want to remove this caching on jqx tab  clicking.

Please help me.

Thanks in advance.

Best Regards,

Pushpendra

[Peter StoevKeymaster]

Hi Pushpendra,

Could you please provide a sample code which demonstrates your application scenario?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[pushpendraMember]

Hi Peter,

Both javascript and html code are given below.
Also i have taken this from the pages so its not ready to run as its not complete code of app.
/* ****************************************************************************** */

All
Draft(no)
Awaiting Approval(no)
Awaiting Payment(no)
Paid(no)

Search

<!–No items selected–>

Search

<!–No items selected–>

Search

<!–No items selected–>

Search

<!–No items selected–>

Search

/* *******************************************************************************/

/* **************************** Javascript ***************************************************/
// Create a jqxTabs for sub tabs menu
// init widgets.
var initWidgets = function (tab) {
switch (tab) {
case 0:
// gridid = “#all_invoicetable”;//update gridid…
// console.log(“gridid in switch case:”,gridid);
all_initGrid();
break;
case 1:
// gridid = “#draft_invoicetable”;//update gridid…
// console.log(“gridid in switch case:”,gridid);
draft_initGrid();
break;
case 2:
// gridid = “#awaiting_approval_invoicetable”;//update gridid…
// console.log(“gridid in switch case:”,gridid);
awaiting_approval_initGrid();
break;
case 3:
// gridid = “#awaiting_payment_invoicetable”;//update gridid…
// console.log(“gridid in switch case:”,gridid);
awaiting_payment_initGrid();
break;
case 4:
// gridid = “#paid_invoicetable”;//update gridid…
// console.log(“gridid in switch case123:”,gridid);
paid_initGrid();

break;
}
}
//function to load data for all invoices in different arrays….
load_grid_data();

//START : COPY THIS CODE TO DISPLAY LIST ITEMS ON CLICK EVENT

switch (clickedVoucherItemId) {
case “draft”:
//console.log(“grid within switch case of tabs initially:”,gridid);
$(‘#invoice_sub_tabs’).jqxTabs({ width: ‘100%’, selectedItem: 1 , position: ‘top’, theme:’ui-smoothness’,initTabContent: initWidgets});
break;
case “awaiting_approval”:
$(‘#invoice_sub_tabs’).jqxTabs({ width: ‘100%’,selectedItem: 2 , position: ‘top’, theme:’ui-smoothness’,initTabContent: initWidgets});
break;
case “awaiting_payment”:
$(‘#invoice_sub_tabs’).jqxTabs({ width: ‘100%’,selectedItem: 3 , position: ‘top’, theme:’ui-smoothness’,initTabContent: initWidgets});
break;
case “paid”:
$(‘#invoice_sub_tabs’).jqxTabs({ width: ‘100%’,selectedItem: 4, position: ‘top’, theme:’ui-smoothness’,initTabContent: initWidgets});
break;
case “overdue”:
$(‘#invoice_sub_tabs’).jqxTabs({ width: ‘100%’,selectedItem: 3, position: ‘top’, theme:’ui-smoothness’,initTabContent: initWidgets});
break;
default:
$(‘#invoice_sub_tabs’).jqxTabs({ width: ‘100%’, position: ‘top’, theme:’ui-smoothness’,initTabContent: initWidgets});
}
//END : COPY THIS CODE TO DISPLAY LIST ITEMS ON CLICK EVENT

/* *******************************************************************************/

[Author]

Posts