Hello, I am using tab in nested grid.the first time I click on the tab tab, the event works.but it does not work on the second click.in other topics you wrote that tab is not an event but a callback operation.but when I click on tab, I want to pull the current current information from the database.can you suggest a solution?
var initrowdetails = function (index, parentElement, gridElement, rowdata) {
var tabs = '<ul>'
+ '<li style="margin-left: 30px;">Actions</li>'
+ '<li>Persons</li>'
+ '</ul>'
+ '<div style="overflow: hidden;">'
+ '<div class="leftGrid"></div>'
+ '</div>'
+ '<div style="overflow: hidden;">'
+ '<div class="rightGrid"></div>'
+ '</div>'
tabsdiv = $($(parentElement).children()[0]);
$(tabsdiv).append(tabs);
var GetPersons = function () {
// ajax call function
// grid.jqxGrid({ nested grid0
}
var GetAddress = function () {
// ajax call function
// grid.jqxGrid({ nested grid1
}
var initWidgets = function (tab) {
switch (tab) {
case 0:
GetPersons();
break;
case 1:
GetAddress();
break;
}
}
$(tabsdiv).jqxTabs({ width: "96.70%", height: "435px", initTabContent: initWidgets });
}
-
This topic was modified 4 months, 3 weeks ago by Serdar.
-
This topic was modified 4 months, 3 weeks ago by Serdar.