+ This example shows how to implement checkbox selection in RadGrid. To display the checkboxes, define a template for the first column. Then, handle + the click event of the row to prevent default selection and of the checkboxes to manually select the row whose checkbox was checked by the user. + To implement "select/deselect all" functionality, define a header template with a checkbox for the same column and handle its click separately. + Additionally, note that you should hide the select handle displayed by default by RadGrid for better user experience (done in CSS). +
diff --git a/Grid/CheckboxSelection/css/default.css b/Grid/CheckboxSelection/css/default.css index bafbf94..3c9068d 100644 --- a/Grid/CheckboxSelection/css/default.css +++ b/Grid/CheckboxSelection/css/default.css @@ -1,7 +1,15 @@ -body { - margin-top:100px; +.mainContent { + margin: 120px; + width: 1000px; } +.info { + color: #feef7a; + margin-left: 120px; + width: 1000px; +} + + .t-expand.t-nw { display: none; } \ No newline at end of file diff --git a/Grid/CheckboxSelection/default.html b/Grid/CheckboxSelection/default.html index 67e876b..c6d6021 100644 --- a/Grid/CheckboxSelection/default.html +++ b/Grid/CheckboxSelection/default.html @@ -2,7 +2,7 @@ -