This lesson focuses on how the DataGrid (data table) component is used in Easyui, which relies on
Panel, resizeable (resizing), LinkButton (button), pageination (pagination) components.
A The rest of the way to drink more events
+
Partial events
Onclickrow:function (RowIndex, RowData) {
Alert (' Trigger when one row is clicked! ‘);
},
Onclickcell:function (RowIndex, field, value) {
Alert (' Triggers when a cell is clicked! ‘);
},
Onunselect:function (RowIndex, RowData) {
Alert (' Trigger when a row is unselected! ‘);
},
Oncheck:function (RowIndex, RowData) {
Alert (' Trigger on one line ' tick! ‘);
},
Oncanceledit:function (RowIndex, RowData) {
Alert (' Trigger when editing a line '! ‘);
},
Onsortcolumn:function (sort, order) {
Alert (' Sort trigger! ‘)
}
Partial methods
$ (' #box '). DataGrid (' DeleteRow ', 0);
$ (' #box '). DataGrid (' Checkall ');
$ (' #box '). DataGrid (' Highlightrow ', 0);
$ (' #box '). DataGrid (' MergeCells ', {
index:0,
Field: ' User ',
Rowspan:2,
});
$ (' #box '). DataGrid (' MergeCells ', {
index:0,
Field: ' User ',
Colspan:2,
});
DataGrid (data table) component [9]