您的位置:首页 > Web前端 > BootStrap

点击td 获得tr所有的值(BootStrap 篇)

2014-02-27 11:26 746 查看
<script>
$(function() {//点击checkbox 执行的事件
$("#treeTable #shows a").click(function(e) {
var tr=document.getElementById(this.name);
var name=$(tr).children('td').children('a').eq(0).html();
var bData=$(tr).children('td').eq(1).html();
var sData=$(tr).children('td').eq(2).html();
var sort =$(tr).children('td').children('input').eq(1).val();
$("#myModal #name").val(name);
$("#myModal #bData").val(bData);
$("#myModal #sData").val(sData);
$("#myModal #sort").val(sort);
});

});
</script>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">详细信息</h3>  </div>
<div class="modal-body">
<form id="inputForm" modelAttribute="type"  class="form-horizontal">
<div class="control-group">
<label class="control-label">栏目分类:</label>
<div class="controls">
<input  htmlEscape="false" maxlength="50" class="required" id="name" readOnly="true";/>
</div>
</div>
<div class="control-group">
<label class="control-label">是否大类:</label>
<div class="controls">
<input  htmlEscape="false" maxlength="50" class="required" id="bData" readOnly="true";/>
</div>
</div>
<div class="control-group">
<label class="control-label">是否小类:</label>
<div class="controls">
<input  htmlEscape="false" maxlength="50" class="required" id="sData" readOnly="true";/>
</div>
</div>
<div class="control-group">
<label class="control-label">排序:</label>
<div class="controls">
<input  htmlEscape="false" maxlength="50" class="required" id="sort" readOnly="true";/>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
</div>

</div>

<tags:message content="${message}"/>
<table id="treeTable" class="table table-striped table-bordered table-condensed">
<tr><th>分类名称</th><th>大类</th><th>小类</th><th style="text-align:center;">排序</th><th>操作</th></tr>
<c:forEach items="${list}" var="type">
<tr id="${type.id}" pId="${type.parent.id ne 1?type.parent.id:'0'}">
<td id="shows">	<a href="#myModal" data-toggle="modal" name="${type.id}">${type.name}</a></td>
<!-- <span  href="#myModal" role="button" class="btn" data-toggle="modal">移动到</span>   -->
<td>${fns:getDictLabel(type.bigFlag,'yes_no','否')}</td>
<td>${fns:getDictLabel(type.smallFlag,'yes_no','否')}</td>
<td style="text-align:center;">
<input type="hidden" name="ids" value="${type.id}"/>
<input name="sorts" type="text" value="${type.sort}" style="width:50px;margin:0;padding:0;text-align:center;">
${type.sort}
</td>
<td>
<a href="${ctx}/sitesmanage/type/form?id=${type.id}">修改</a>
<a href="${ctx}/sitesmanage/type/delete?id=${type.id}" >删除</a>
<a href="${ctx}/sitesmanage/type/form?parent.id=${type.id}">添加下级分类</a>
<!-- </shiro:hasPermission> -->
</td>
</tr>
</c:forEach>
</table>

<div class="form-actions pagination-left">
<input id="btnSubmit" class="btn btn-primary" type="button" value="保存排序" onclick="updateSort();"/>
</div>

</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐