<style>
|
.btn_arrow {
|
width: 19px;
|
height: 25px;
|
float: left;
|
background: url('/image/arrow.png') no-repeat 0px 0px;
|
margin-left: 15px;
|
margin-bottom: 10px;
|
cursor: pointer;
|
}
|
</style>
|
<form class="form-horizontal" id="ZYformSort" shiro:hasPermission="res:catalog:edit"
|
xmlns:shiro="http://www.w3.org/1999/xhtml">
|
<div class="row">
|
<div style="float: left;width: 350px;height: 303px;overflow-y: auto;">
|
<div class="controls" style="margin-left: 35px;">
|
<!--<select class="m-wrap" multiple="multiple" name="selNode" size="18" id="ZyOrderTree" style="width:90%;">-->
|
|
<!--</select>-->
|
<ul id="ZyOrderTree" class="tabbable">
|
|
</ul>
|
</div>
|
</div>
|
<div style="float: left;width: 50px; padding: 50px 0 0 15px;">
|
<!--<div> </div>-->
|
<!--<div class="UpClass">-->
|
<!--<a href="javascript:;" class="fa fa-arrow-up" style="text-decoration:none;" title="上移"><i></i></a>-->
|
<!--</div>-->
|
<!--<div> </div>-->
|
<!--<div> </div>-->
|
<!--<div class="DownClass">-->
|
<!--<a href="javascript:;" class="fa fa-arrow-down" style="text-decoration:none;" title="下移"><i></i></a>-->
|
<!--</div>-->
|
<!--<div> </div>-->
|
<!--<div> </div>-->
|
<div class="btn_arrow TopClass" title="置顶"></div>
|
<div class="btn_arrow UpClass" title="上移" style="background-position: 0px -85px; margin-bottom: 25px;"></div>
|
<div class="btn_arrow DownClass" title="下移" style="background-position: 0px -49px"></div>
|
<div class="btn_arrow BottomClass" title="置底" style="background-position: 0px -125px"></div>
|
<div>
|
|
</div>
|
<div>
|
<button shiro:hasPermission="res:catalog:edit" type="button" class="btn btn-primary" onclick="ZySort();">
|
<i class="icon-save"></i> 确定排序
|
</button>
|
</div>
|
</div>
|
<script>
|
//资源排序--资源选中
|
function SetSelect(obj) {
|
$("#ZyOrderTree li").removeClass("active");
|
obj.className = "active";
|
}
|
|
//资源排序--资源上移
|
$('.UpClass').click(function () {
|
$('#ZyOrderTree li.active').insertBefore($('#ZyOrderTree li.active').prev());
|
});
|
|
//资源排序--资源下移
|
$('.DownClass').click(function () {
|
$('#ZyOrderTree li.active').insertAfter($('#ZyOrderTree li.active').next());
|
});
|
</script>
|
</form>
|
