jQuery UI选项卡上的SlickGrid - 导航到网格点击事件

时间:2015-12-17 20:37:52

标签: json ajax jquery-ui jquery-ui-tabs slickgrid

我在两个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
        }

0 个答案:

没有答案