Question

我正在研究JQWidget网格。在每一行中，我都有记录ID和其他字段有两件事我想做，（我已经完成了第一部分，代码已更新......有人知道这个问题的第2部分????）

1-在行超链接中创建名称列 2-当列单元格有超链接点击时，脚本会读取记录的ID，在我的情况下＆＃39; dataField = StudentDBID＆＃39;并提醒这些信息。

        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 );
        }

    });

我的数据以json格式显示

在顺序单词中，如何使用单击事件???

按行索引读取列

Answer 1

这里是完整的答案

        $("#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);
        }

    });

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

1 个答案: