qy-platform/Application/Admin/View/Channel/sort.html

<extend name="Public/base" />

<block name="body">
    
    
    <div class="cf main-place top_nav_list navtab_list">
    {:W('Index/navigation',array('value'=>'Site/channel','compare'=>'Channel/index'))}
        <h3 class="page_title">排序</h3>
        <p class="description_text"></p>
    </div>
    
    
	<div class="sort box_mt sort_list tabcon1711 tabcon17112">
		<form action="{:U('sort')}" method="post">
      <table border="0" cellspacing="0" cellpadding="0" style="width:100%;">
          <tbody>
            <tr><td>

			<div class="sort_center">
				<div class="sort_option">
					<select value="" size="10" style="height:auto;">
						<volist name="list" id="vo">
							<option class="ids" title="{$vo.title}" value="{$vo.id}">{$vo.title}</option>
						</volist>
					</select>
				</div>
				<div class="sort_btn">
					<button class="top " type="button">第 一</button>
					<button class="up " type="button">上 移</button>
					<button class="down " type="button">下 移</button>
					<button class="bottom " type="button">最 后</button>
				</div>
			</div></td>
      </tr>
      </tbody>
      </table>
			<div class="sort_bottom">
				<input type="hidden" name="ids">
				<button class="sort_confirm  submit_btn" type="button">确 定</button>&nbsp;
				<button class="sort_cancel  submit_btn" type="button" url="{:U('index',array('pid'=>I('pid')))}">返 回</button>
			</div>
		</form>
	</div>
	
	<div class="common_settings">
			<span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
			<form class="addShortcutIcon">
				<input type="hidden" name="title" value="{$m_title}">
				<input type="hidden" name="url" value="Site/channel">
			</form>
			<a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
		</div>
	
</block>

<block name="script">
	<script type="text/javascript">
		//导航高亮
		highlight_subnav('{:U('Site/channel')}');
		$(function(){
			sort();
			$(".top").click(function(){
				rest();
				$("option:selected").prependTo("select");
				sort();
			})
			$(".bottom").click(function(){
				rest();
				$("option:selected").appendTo("select");
				sort();
			})
			$(".up").click(function(){
				rest();
				$("option:selected").after($("option:selected").prev());
				sort();
			})
			$(".down").click(function(){
				rest();
				$("option:selected").before($("option:selected").next());
				sort();
			})
			$(".search").click(function(){
				var v = $("input").val();
				$("option:contains("+v+")").attr('selected','selected');
			})
			function sort(){
				$('option').text(function(){return ($(this).index()+1)+'.'+$(this).text()});
			}

			//重置所有option文字。
			function rest(){
				$('option').text(function(){
					return $(this).text().split('.')[1]
				});
			}

			//获取排序并提交
			$('.sort_confirm').click(function(){
				var arr = new Array();
				$('.ids').each(function(){
					arr.push($(this).val());
				});
				$('input[name=ids]').val(arr.join(','));
				$.post(
					$('form').attr('action'),
					{
					'ids' :  arr.join(',')
					},
					function(data){
						if (data.status) {
	                        updateAlert(data.info + ' 页面即将自动跳转~','alert-success');
	                    }else{
	                        updateAlert(data.info,'alert-success');
	                    }
	                    setTimeout(function(){
	                        if (data.status) {
	                        	$('.sort_cancel').click();
	                        }
	                    },1500);
					},
					'json'
				);
			});

			//点击取消按钮
			$('.sort_cancel').click(function(){
				window.location.href = $(this).attr('url');
			});
		})
	</script>
</block>