Javascript 超链接单击事件时jQWidget网格中的警报选择性数据字段

Javascript 超链接单击事件时jQWidget网格中的警报选择性数据字段,javascript,json,jqwidget,Javascript,Json,Jqwidget,我正在JQWidget网格上工作。在每一行中,我都有记录ID和其他字段 有两件事我想做,(我已经完成了第一部分,代码已经更新了…有人知道这个问题的第二部分吗??) 1-在行超链接中创建名称列 2-单击带有超链接的列单元格时,脚本读取记录的ID,在我的示例中为'dataField=StudentDBID',并警告这些信息 function BindStudentListToGrid(data) { var DataSource = {

我正在JQWidget网格上工作。在每一行中,我都有记录ID和其他字段 有两件事我想做,(我已经完成了第一部分,代码已经更新了…有人知道这个问题的第二部分吗??)

1-在行超链接中创建名称列 2-单击带有超链接的列单元格时,脚本读取记录的ID,在我的示例中为'dataField=StudentDBID',并警告这些信息

        function BindStudentListToGrid(data)
    {
        var DataSource =
       {
           datatype: "json",
           datafields: [
               { name : 'StudentDBID'},
               { name: 'RelationshipID' },
               { name: 'Studentid' },
               { name: 'Unite_id'},
               { name: 'Date_start' },
               { name: 'Date_end' },
               { name: 'FullName' },
               { name: 'Locality' }
           ],
           id: 'ID',
           localdata: data,
           async: false,

       };

        var dataAdapter = new $.jqx.dataAdapter(DataSource);

        $("#StudentListInRelationToStaffGrid").jqxGrid(
        {
            source: dataAdapter,
            theme: 'classic',
            width: '100%',
            sortable: true,
            pagesize: 2,
            pageable: true,
            autoheight: true,
            columns: [
                { text: 'StudentDB ID', datafield: 'StudentDBID', hidden: true },
                { text: 'Relationship ID', datafield: 'RelationshipID', hidden: true },
                { text: 'Student ID', datafield: 'Studentid', hidden: true },
                { text: 'Unite ID', datafield: 'Unite_id', hidden: true },
                { text: 'From', datafield: 'Date_start', width: 200 },
                { text: 'To', datafield: 'Date_end', width: 200 },
                { text: 'Name', datafield: 'FullName', cellsrenderer: linkrenderer },
                { text: 'Locality', datafield: 'Locality' }
            ]
        });


    }


var linkrenderer = function (row, column, value) {

        return "<a href=#>" + value + "</a>";
    }

    $('#StudentListInRelationToStaffGrid').on('cellclick', function (event) {

        if (event.args.datafield == "FullName")
        {
            alert("A cell has been clicked:" + event.args.rowindex + ":" + event.args.datafield + event.args.value );
        }

    });
函数BindStudentListToGrid(数据)
{
var数据源=
{
数据类型:“json”,
数据字段:[
{name:'StudentDBID'},
{name:'RelationshipID'},
{name:'Studentid'},
{name:'Unite_id'},
{name:'Date_start'},
{name:'Date_end'},
{name:'FullName'},
{name:'Locality'}
],
id:'id',
localdata:data,
async:false,
};
var dataAdapter=new$.jqx.dataAdapter(数据源);
$(“#学生列表与TaffGrid的关系”).jqxGrid(
{
来源:dataAdapter,
主题:"经典",,
宽度:“100%”,
可排序:是的,
页面大小:2,
pageable:对,
自动高度:正确,
栏目:[
{text:'StudentDB ID',数据字段:'StudentDBID',hidden:true},
{text:'Relationship ID',datafield:'Relationship ID',hidden:true},
{文本:'Student ID',数据字段:'Studentid',隐藏:true},
{text:'Unite ID',数据字段:'Unite_ID',hidden:true},
{文本:'From',数据字段:'Date_start',宽度:200},
{文本:'To',数据字段:'Date_end',宽度:200},
{text:'Name',datafield:'FullName',cellsrenderer:linkrenderer},
{text:'Locality',datafield:'Locality'}
]
});
}
var linkrenderer=函数(行、列、值){
返回“”;
}
$(“#StudentListInRelationToStaffGrid”)。在('cellclick',函数(事件){
如果(event.args.datafield==“FullName”)
{
警报(“已单击单元格:“+event.args.rowindex+”:“+event.args.datafield+event.args.value”);
}
});
我的数据是json格式的


在order word中,如何通过行索引读取列字段,正如我可以使用click event获得一样?

以下是完整的答案

        $("#StudentListInRelationToStaffGrid").jqxGrid(
        {
            source: dataAdapter,
            theme: 'classic',
            width: '100%',
            sortable: true,
            pagesize: 2,
            pageable: true,
            autoheight: true,
            columns: [
                { text: 'StudentDB ID', datafield: 'StudentDBID', hidden: true },
                { text: 'Relationship ID', datafield: 'RelationshipID', hidden: true },
                { text: 'Student ID', datafield: 'Studentid', hidden: true },
                { text: 'Unite ID', datafield: 'Unite_id', hidden: true },
                { text: 'From', datafield: 'Date_start', width: 200 },
                { text: 'To', datafield: 'Date_end', width: 200 },
                { text: 'Name', datafield: 'FullName', cellsrenderer: linkrenderer },
                { text: 'Locality', datafield: 'Locality' }
            ]
        });


    }


    var linkrenderer = function (row, column, value) {

        return "<a href=#>" + value + "</a>";
    }

    $('#StudentListInRelationToStaffGrid').on('cellclick', function (event) {

        if (event.args.datafield == "FullName")
        {
            alert("A cell has been clicked:" + event.args.rowindex + ":" + event.args.datafield + event.args.value);

            var datarow = $('#StudentListInRelationToStaffGrid').jqxGrid('getrowdata', event.args.rowindex);

            alert(datarow.StudentDBID);
        }

    });
$(“#学生列表与TaffGrid的关系”).jqxGrid(
{
来源:dataAdapter,
主题:"经典",,
宽度:“100%”,
可排序:是的,
页面大小:2,
pageable:对,
自动高度:正确,
栏目:[
{text:'StudentDB ID',数据字段:'StudentDBID',hidden:true},
{text:'Relationship ID',datafield:'Relationship ID',hidden:true},
{文本:'Student ID',数据字段:'Studentid',隐藏:true},
{text:'Unite ID',数据字段:'Unite_ID',hidden:true},
{文本:'From',数据字段:'Date_start',宽度:200},
{文本:'To',数据字段:'Date_end',宽度:200},
{text:'Name',datafield:'FullName',cellsrenderer:linkrenderer},
{text:'Locality',datafield:'Locality'}
]
});
}
var linkrenderer=函数(行、列、值){
返回“”;
}
$(“#StudentListInRelationToStaffGrid”)。在('cellclick',函数(事件){
如果(event.args.datafield==“FullName”)
{
警报(“已单击单元格:“+event.args.rowindex+”:“+event.args.datafield+event.args.value”);
var datarow=$('#StudentListInRelationToStaffGrid').jqxGrid('getrowdata',event.args.rowindex);
警报(datarow.StudentDBID);
}
});