$(function () { let url = `http://8.135.106.227:8004/` let gName = 'Gridtable' let grtable = document.querySelector("#gridtb") grtable.GM({ gridManagerName: gName, height: '400px', ajaxData: function (setting) { // 传入分页及排序的配置项 return getList(Object.assign({}, setting.pageData, setting.sortData)); }, ajaxType: "POST", supportCheckbox:false, supportAjaxPage: true, useNoTotalsMode: true, columnData: [ { key: "code", text: "硬件编号", }, { key: "devTypeName", text: "硬件状态", }, { key: "name", text: "热点名字", }, ,{ key: 'id', width: '100px', align: 'center', text: '查看', template: function(username){ var titleNode = document.createElement('div'); // titleNode.attr('href', `https://www.lovejavascript.com/#!zone/blog/content.html?id=${rowObject.id}`); titleNode.setAttribute('title', username); titleNode.classList.add('plugin-action'); titleNode.innerHTML = ``; return titleNode } }, ], }); // 阻止冒泡 $('.hardware-list').on('click keydown keyup keypress',function (event) { event.stopPropagation(); }) //点击前往查看 $(grtable).on('click', '.plugin-action', function(e) { const row = GridManager.getRowData(gName, e.currentTarget.parentElement.parentElement); console.log(row); window.hardwareHotList[row.code] && window.hardwareHotList[row.code].showPannel({focus:true}) }); let getList = function(params) { return new Promise((resolve, reject) => { $.ajax({ method: 'GET', headers: { 'Content-Type': 'application/json' }, dataType: 'json', contentType: 'application/json', url: url + '/api/device/list', success: function(data) { console.log(data); if (data.code === 0) { resolve({ ...data, totals:data.data.length }); } else { reject(data); } } }) }) }; })