$(dialoggrid).datagrid('beginEdit',
index);

var editor =
$(dialoggrid).datagrid('getEditor', { index: index, field: field });

if (editor) {

editor.actions.setValue(editor.target,
row[field]);

}

$(dialoggrid).datagrid('endEdit',
index);

var rows =
$("#dataGridDetail").datagrid('getRows');

var cnt = rows.length;

for (var i = cnt - 1 ; i >= 0 ;
i--) {

$('#dataGridDetail').datagrid('deleteRow',
0);

}

dataGrid無法通過js來控制readonly，如果是要控制輸入項，您可以參考：

//修改時，欄位不可編輯。寫在DataGrid onUpdate事件

function UpdateTest() {

            var row = $(dgid).datagrid('getSelected');

            var index = $(dgid).datagrid('getRowIndex', row);

            var editIndex = undefined;

            if (editIndex != index) {

                    $(dgid).datagrid('selectRow', index).datagrid('beginEdit', index);

                    var cellEdit = $(dgid).datagrid('getEditor', { index: index, field: 'FieldName' });

                       $(cellEdit.target).attr("disabled", "disabled"); //text

                       //$(cellEdit.target).combobox('disable'); //combobox

                       //$(cellEdit.target).datebox({ disabled: true }); //datebox

                       //$(cellEdit.target).refval('disable'); //refval

            }            

        }

//新增時，欄位不可編輯。在DataGrid toolItem新增一個按鈕

function InsertTest() {            

            var index = $(dgid).datagrid('getRows').length;

            insertItem(dgid, "$(this)"); //--新增空白一筆記錄

            var editIndex = undefined;

            if (editIndex != index) {

                $(dgid).datagrid('selectRow', index).datagrid('beginEdit', index);

                var cellEdit = $(dgid).datagrid('getEditor', { index: index, field: 'FieldName' });;

                $(cellEdit.target).attr("disabled", "disabled"); //text

                //$(cellEdit.target).combobox('disable'); //combobox

                //$(cellEdit.target).datebox({ disabled: true }); //datebox

                //$(cellEdit.target).refval('disable'); //refval

            }

}

$('#dataGridMaster').datagrid({

//設定datagrid的row的背景色

rowStyler: function (index, row) {

if (row.FieldName ==
"value") {

return
'background-color:#6293BB;color:#fff;';

}

else {

return
'background-color:red;color:black;';

}}

});

color是字體顏色，如果不需要設定，可以不設。

網頁增加如下程式中script中。

$(document).ready(function () {

$('#toolItemdataGridMaster查詢').attr('title','我的查詢');

$('#toolItemdataGridMaster查詢').find('.l-btn-text').mouseover(function()

{

$(this).addClass('overtext');

});

$('#toolItemdataGridMaster查詢').find('.l-btn-text').mouseout(function()

{ $(this).removeClass('overtext');

});

})

其中：

“toolItemdataGridMaster查詢”是我的button的id，可以瀏覽網頁，檢查元件查找元件的id，並替換到上述程式中。

另外，需要增加一部分內容到style項中：

<style>

.overtext

{

color: #00ff00;

}

</style>

顏色請自行調整。