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