我在两个jquery UI选项卡中有两个单独的网格 1.摘要选项卡-Grid1 2.详细信息选项卡-Grid2
当我点击Summary选项卡中的一个单元格(例如名称)grid1时,我需要一些帮助。它将带我到详细信息选项卡,我将在其中进行单独的Ajax调用以从该名称获取详细数据。
下面的代码获取数据项但我不确定如何导航到详细信息选项卡?任何帮助将非常感谢! SLICKGRID新手
grid.onClick.subscribe(function(e, args) {
var advisorName = grid.getDataItem(cell.row).advisorName;
alert("Advisor Name:" + advisorName);
});
例如下面:onclick id id“fullName”(从第一个GRID开始)它带我到那个人详细页面GRID 2- DETAILS TAB(我从另一个Ajax调用中获取数据的地方)
Grid 1 --SUMMARY TAB
columns : [ {
id : "fullName",
name : "Name",
field : "fullName",
sortable : true,
width : 170,
resizable : true,
headerCssClass : "contactlist-header",
formatter : contactFormatter
}, {
id : "prefferedEmailAddress",
name : "Email (Preferred)",
field : "emailAddress",
width : 170,
resizable : true,
cssClass : "column-email",
headerCssClass : "contactlist-header header-email",
formatter : linkFormatter
}, {
id : "preferredPhoneNumber",
name : "Preferred Phone",
field : "phoneNumbers",
width : 100,
resizable : true,
cssClass : "column-phoneNum",
headerCssClass : "header-phoneNum contactlist-header"
}, {
id : "birthdayStr",
name : "Birth Date",
field : "birthdayStr",
sortable : true,
width : 110,
resizable : true,
cssClass : "column-birthDt",
headerCssClass : "header-birthDt contactlist-header"
}, {
id : "contactId",
field : "contactId",
cssClass : "column-nodisplay",
width : 0,
minWidth : 0,
maxWidth : 0,
headerCssClass : "column-nodisplay"
}
Grid 2 DETAILS TAB
columns : [ {
id : "omniAccountNumber",
name : "OMNI Acct No.",
field : "omniAcctNumber",
width : 50
}, {
id : "scppAccountNumber",
name : "SCPP Acct No.",
field : "scppAcctNumber",
width : 50
}, {
id : "name",
name : "Name",
field : "name",
width : 50
}, {
id : "eci",
name : "ECI",
field : "eci",
width : 50
}, {
id : "accountTitle",
name : "Account Title",
field : "acctTitle",
width : 50
}