webuiPopover动态加载列表数据
点击哪个出现哪个对应的列表
<tr>
<td style="width: 80px"><a onmouseover="RemarkToggle('10',this)" data-no="10" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('14',this)" data-no="14" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('5',this)" data-no="5" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('12',this)" data-no="12" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('7',this)" data-no="7" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('13',this)" data-no="13" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('9',this)" data-no="9" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('0',this)" data-no="0" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('2',this)" data-no="2" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('1',this)" data-no="1" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
<td style="width: 80px"><a onmouseover="RemarkToggle('',this)" data-no="" class="show-pop-table" data-placement="auto">总数/有效数</a></td>
</tr>
JQ
function RemarkToggle(a,obj) {
remarkinit(a,obj);//初始化popover
$(obj).webuiPopover(‘show’)
}
function remarkinit(a,obj) {
//初始化popover
var settings = {
trigger: ‘mouseover’,
title: ‘总数/有效数’,
width: 1200,
multi: true,
closeable: false,
style: ‘’,
padding: true
};
//var tableContent = $(’#tableContent’).html(),
tableSettings = {
content: count(a),
width: 1200
};
// console.log(tableContent);
//隐藏后销毁popover
(
o
b
j
)
.
w
e
b
u
i
P
o
p
o
v
e
r
(
′
d
e
s
t
r
o
y
′
)
.
w
e
b
u
i
P
o
p
o
v
e
r
(
(obj).webuiPopover(‘destroy’).webuiPopover(
(obj).webuiPopover(′destroy′).webuiPopover(.extend({}, settings, tableSettings));
}
function count(dataNo){
alert(vmControl.companyId);
$.ajax({
url: _ctx + “/erpCompanyIntellectual/list”,
data: {
“companyId”: vmControl.companyId,
“type”: dataNo
},
dataType: “json”,
type: “post”,
async: false,
success: function (result) {
if (result.success) {
var html = ‘’;
$.each(result.data, function (index, item) {
html += ‘’ +
‘’+(index+1)+’’ +
‘’ + item.typeName + ‘’ +
‘’ + item.patentType + ‘’ +
‘’ + item.intellNo + ‘’ +
‘’ + item.intellName + ‘’ +
‘’ + item.endDate + ‘’ +
‘’ + item.authNo + ‘’ +
‘’ + item.authDate + ‘’ +
‘’ + item.fileName + ‘’ +
‘’
});
$(“#webui”).html(html);
}
}
});
var tableContent = $(’#tableContent’).html();
return tableContent;
}