1、列表
<table class="table-striped table-hover" id="main_grid" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<thead class="info">
<tr>
<th><div><span>签名</span></div></th>
<th>
<div><span>操作</span></div>
</th>
</tr>
</thead>
<tbody>
<c:forEach items="${smsSignList}" var="bean" varStatus="vs">
<tr id="signitem${vs.index}">
<td style="display:none">
<div><span>${bean.fldid}</span></div>
</td>
<td>
<div><span>${bean.fldaliyunsign}</span></div>
</td>
<td>
<div>
<input type="button" name="editSign" class="btn btn-xs btn-outline btn-success"
data-toggle="modal" data-target="#signModal" data-id="${bean.fldid}" data-trid="${vs.index}" value="编辑">
<input type="button" name="deleSign" class="btn btn-xs btn-outline btn-danger" data-id="${bean.fldid}"
data-trid="${vs.index}" value="删除">
</div>
</td>
</tr>
</c:forEach>
<c:if test="${smsSignList == null||smsSignList.size()==0}">
<tr>
<td align="center" colspan="8">
<div><span>没有数据!</span></div>
</td>
</tr>
</c:if>
</tbody>
</table>
2、新增编辑对应模态框
<div id="signModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" style="width:60%">
<div class="modal-content" style="width:100%">
<div class="modal-header">
<h4 id="signmodalTitle"></h4>
</div>
<div class="modal-body">
<form id="signForm" method="post"
class="form-horizontal form-compact">
<input type="hidden" id="signfldid" name="fldid">
<div class="form-group">
<label for="fldaliyunsign" class="col-sm-3 control-label">
短信签名: </label>
<div class="col-sm-9">
<input type="text" name="fldaliyunsign" id="fldaliyunsign" />
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-primary btn-xm" type="button" onclick="return updateSmsSign();">确定</button>
<button type="button" class="btn btn-default btn-xm" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
3、新增编辑对应js
$("[name='editSign']").click(function () {
var id = $(this).data("trid");
$("#signmodalTitle").html("编辑签名");
$("#signfldid").val($.trim($("#signitem" + id).find("td:eq(0)").text()));
$("[name='fldaliyunsign']").val($.trim($("#signitem" + id).find("td:eq(1)").text()));
});
$("[name='addSign']").click(function () {
$("#signmodalTitle").html("新增签名");
$("#signForm")[0].reset();
});
$("[name='deleSign']").click(function () {
var id = $(this).data("id");
top.layer.confirm("删除后不可恢复,是否继续?", {title: '提示'}, function (index) {
top.layer.close(index);
deleteSmsSign(id);
});
});