<table title="" id="dataTable" class="easyui-datagrid" style="height: 500px;" data-options=" url: '/ajaxget.aspx?_t='+new Date().getTime()+'&_action=SVNGetHandler.GetSearchPageData&searchType=&keyword=*', method: 'get',  rownumbers: true, singleSelect:true, border:0,  idField: 'Id',  columns:[[    {field:'ProjectId',title:'項(xiàng)目Id',width:30,align:'left'},   {field:'ProjectName',title:'項(xiàng)目名稱',width:150,align:'left'},   {field:'ProjectNum',title:'項(xiàng)目編號(hào)',width:100,align:'left'} ]], toolbar:'#myToolbar',  pagination:true, fitColumns: true, pageSize:20,  onDblClickRow:onDblClickRow "> </table>

//行雙擊事件function onDblClickRow() {var item = $('#dataTable').datagrid("getSelected");if (item != null) {editId = item.Id;var html = "";html += "項(xiàng)目名稱：" + item.ProjectName + "<br/>";html += "項(xiàng)目編號(hào)：" + item.ProjectNum + "<br/>";html += "<br/>"; show(item.ProjectName + " 項(xiàng)目詳情", html); }}

<div id="details" style="padding: 10px;line-height:20px;font-size:12px"></div>function show(title, msg) { $('#details').html("<div id=/"output/" style=/"width:99%;height:96%;border:0/">" + msg + "</div>");$('#details').dialog({title: title,width: 800,height: 400,iconCls: 'icon-custom-eye',closed: false,cache: false,modal: true});}