引入 jquery.hdgrid.js 。 引入 mygrid.css。
简单配置如下:
$(".gridContainer").hdgrid({
url: 'testData.txt',
showColNum: true,
checkBox: false,
showPage: true,
autoLoad: true,
rowclick: rowclick,
rowdblclick: rowdblclick,
colModel: [{name: 'col1', header: '列一',} ,{name: 'col2', header: '列二', sortable: true} ,
{name: 'col3', header: '列三'},{name: 'col4', header: '列四'},
{name: 'col5', header: '列五'},{name: 'col6', header: '列六',
hidden: false},{name: 'col7', header: '列七'}]
});
rowclick
: function 行单击的回调函数 参数为当前行的数据Object
rowdblclick
: function 行双击的回调函数 参数为当前行的数据Object
例子如下:
var rowClick = function(rData){
alert("click row col1 = " + rData.col1);
}