当我展示 YUI 数据表功能时,这是一个强大的应用程序。查看它的源代码以更好地了解我如何使用 YUI 数据表。
我使用像这样的助手
var datatableUtils = {
getSelected:function(datatable) {
var records = datatable.getRecordSet().getRecords();
for(var i = 0; i < records.length; i++) {
if(datatable.isSelected(records[i])) {
return records[i];
}
}
return null;
},
removeAll:function(datatable) {
var records = datatable.getRecordSet().getRecords();
for(var i = (records.length - 1); i >= 0; i--) {
datatable.deleteRow(records[i]);
}
},
removeSelected:function(datatable) {
datatable.deleteRow(datatableUtils.getSelected(datatable));
},
selectAll:function(datatable) {
var records = datatable.getRecordSet().getRecords();
for(var i = 0; i < records.length; i++) {
datatable.selectRow(records[i]);
}
}
};
当我想订阅一些事件时,我会执行以下操作
datatable.user.subscribe("rowClickEvent", function(args) {
/**
* Keep in mind this keyword refers To YUI datatable instance
*
* args.target allows yui get row clicked
*/
if(this.isSelected(args.target)) {
alert("row selected");
}
}
我希望它可以有用