先上一張圖：

下面說一下具體實現的功能是什麼樣的。

頁面首次載入的時候，右面的表格中的CheckBox都處於未選中的狀態，現在是這麼設計的，時段只有這麼8條資料在一張單獨的表裡面。

使用者和時段的關係放在另一張表中，當點選左側具體的使用者的時候，根據表中的關係，勾選右側DataGrid中與之對應的資料。這就是要實現的功能。

具體的實現如下：

根據選中的使用者ID去表中查詢與之對應的時段資料，然後當資料返回到前臺之後，先將json串轉換成json物件，然後迴圈遍歷物件中的資料，將表格中對應的資料選中，程式碼如下：

 $.ajax({
                    type: 'POST'
 
,
                    url: 'CheckManager.ashx?action=GetUserPeriodByUserId' + '&user_id=' + user_id,
                    success: function (data) {
                        //轉換
                        var result = JSON.parse(data);
                        var rowData = result.rows;
                        //迴圈遍歷
 

                        $.each(rowData, function (idx, val) {
                            if (val.period_id) {
                                //選中
                                $('#dgTimeEdit').datagrid('selectRow', val.period_id-1);
                            }
                        });
                    }
                });   
 

需要注意的一個地方就是，表格的行數是從0開始的。效果圖如下：