可以利用 onLoad事件即可, 如下:

function dfMaster_onLoad(row)

{

    $('#dfMaster').find('.modal-title').html(row.F001);  // F001為欄位名稱

}

可以使用 Formatter屬性來控制, 如下為使用Title訊息顯示另一個欄位內容:

function dgMaster_請假日期時間_formatter(value, row, index)

{

    var data = $.getFormatValue.call(this, value, row, $(this)[0].format);  //以原來的Format來顯示

    var title = '結束日期時間:'+$.getFormatValue.call(this, row.結束日期時間 , row, $(this)[0].format);  // 取得另一個欄位

    return '<span title="'+ title +'">' +  data  + '</span>';

}

透過 onRenderItem事件來處理, 如下:

function scMaster_onRenderItem(event)

{

    var style='event-info';

    switch (event.row.行事曆類型) 

    {

        case '活動': style='event-important'; break;

        case '會議': style='event-special'; break;

        case '資源預約': style='event-warning'; break;

        case '公出': style='event-success'; break;

        case '其他': style='event-inverse';

    }    

    event.class = style;

}

透過DataGrid的RowStytler事件來處理, 如下:

 

js舉例如下:

function dgMaster_rowStyler(index, row)

{

    if(index%2 == 0)

        return 'background-color:#FFFFBB;color:black;';

    else 

        return 'background-color:#77FFCC;color:black;';

}

在QueryColumns的refval欄位屬性Editor裡設定OnSelect事件(雙擊可以直接產生一個function)

js舉例如下:

function dgMaster_客戶編號_onSelect(row)

{

$('#dgMasterqueryObj_名稱').val(row.名稱);

//#dgMasterqueryObj_名稱 為另一個查詢欄位的ID

//row.名稱 為 refval該筆資料的其他欄位值

}