第一步:給DataGrid綁定onDblClickRow事件;
<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); }}第三步:彈出窗口顯示詳細(xì)信息:
<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});}以上這篇jquery ezUI 雙擊行記錄彈窗查看明細(xì)的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注