关于使用layer弹层插件获取其返回值

此时做的是mvc项目，现在需要一个页面上有弹出层显示数据供选择，然后返回到该页面，用到的是layer插件，还是比较强大的。

首先弹出层里面我是自定义的页面，所以单独新建了一个页面将数据来显示在弹层里，创建了一个表格，效果如下：



代码如下：

<div>
<table id="table0" class="am-table  am-table-radius am-table-striped ">

<thead>
<tr>
<th>序号</th>
<th>指标名称</th>
<th>评价方式</th>
<th>指标项</th>
<th>指标项内容</th>
<th>创建人</th>
<th>创建时间</th>
<th>操作</th>
</tr>
</thead>

@if (Model != null && Model.Rows.Count > 0)
{

for (int i = 0; i < Model.Rows.Count; i++)
{
<tbody>
<tr>
<td id="indexid" style="display:none"><span>@Model.Rows[i]["id"]</span></td>
<td>@(i + 1)</td>
<td>@Model.Rows[i]["IndexName"]</td>
<td>@Model.Rows[i]["EvaluateType"]</td>
<td>@Model.Rows[i]["OptionName"]</td>
<td>@Model.Rows[i]["LevelNumber"]</td>
<td>@Model.Rows[i]["UserName"]</td>
<td>@Model.Rows[i]["CreatTime"]</td>
<td>
<a class="am-btn am-btn-success am-btn-xs am-icon-hand-pointer-o" data-id="@Model.Rows[i]["id"]"> 选择</a>
</tr>
</tbody>
}
}
</table>
</div>

然后我再另一个页面用layer调用该页面代码如下：

top.SearchTeacherLayerId = top.layer.open({
title: "资源属性",
type: 2,
shadeClose: true,
area: ['85%', '590px'],
content: 'http://localhost:58949/Teacher/PrepareLesson/ResourceAttribute',
success: function () {
$(top.document.body).find('#layui-layer-iframe' + top.SearchTeacherLayerId).contents().find("td a").on('click', function () {
alert($(this).attr('data-id'));
top.layer.close(top.SearchTeacherLayerId);
});
}
});

将此写进调用方法即可，具体可参照layer官方说明查看各个属性，效果如下：



success属性即成功弹出后执行的内容，

alert($(this).attr('data-id'))就可以获取到在弹层里点击选择所获取到的当前ID