<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="rolesort.aspx.cs" Inherits="Us.Web.admin.v3basic.rolesort" %>




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>角色显示排序</title>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8,chrome=1" />
    <asp:Literal ID="litregscript" runat="server" Text=""></asp:Literal><link href="../style/default/style.css" rel="stylesheet" type="text/css" />
<%=ImportScriptStr %>

    <script language="javascript" src="/admin/My97DatePicker/WdatePicker.js" type="text/jscript"></script>
    <script language="javascript" src="/editor/xheditor.js" type="text/javascript"></script>
    <script type="text/javascript" src="/editor/xheditor_lang/zh-cn.js"></script>
    <script src="../autocourse/res/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="../autocourse/res/jquery-ui.js" type="text/javascript"></script>

    <style>
        #sortable
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            #sortable li
            {
                padding-left: 1.5em;
                font-size: 12px;
                height: 20px;
                border: 1px solid #CCCCCC;
                background-color: #FFFFFF;
                cursor: move;
                margin-top: 0;
                margin-right: 3px;
                margin-bottom: 3px;
                margin-left: 3px;
                padding-top: 0.4em;
                padding-right: 0.4em;
                padding-bottom: 0.4em;
                line-height: 20px;
                background-image: url(movebg.png);
                background-repeat: repeat-x;
                font-weight: bold;
                color: #000000;
            }

                #sortable li span
                {
                    position: absolute;
                    margin-left: -1.3em;
                }
    </style>
    <script>  $(function () { $("#sortable").sortable(); $("#sortable").disableSelection(); });  </script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $("#btnSubmit").click(function () {
                $("#txtShowID").val("");
                $("#sortable li span").each(function (index) {
                    var sid = ($(this).attr("id"))
                    ///alert(sid);
                    var ss = $("#txtShowID").val() + sid + ",";
                    $("#txtShowID").val(ss);
                });

            });
        });

    </script>



</head>
<body onload="win_onLoad();">
    <form id="form1" runat="server">
        
        
        <div id="tbMain">
            <div class="divTbg">
                <div class="divTbgL">
                </div>
                <div class="divTbgInfo">
                    <div class="divTbgTitle">
                        角色显示排序
                    </div>
                </div>
            </div>
            <div class="divTbgF">
            </div>
            <div class="divTNavBG" id="topURL">
                <ul id="topURLul">
                    <li class="divURLed" id="div1">
                        <div>
                            <img src="../style/default/images/mini_icons_046.gif" width="10" height="10" />
                            基本信息
                        </div>
                    </li>
                </ul>
            </div>
            <div id="mypanel">
                <div class="divInfoContext">
                    <div class="divInfo">
                        <div class="divInfoblack">
                            <div class="divInfoTopList">
                                <div class="listLeft">
                                    <div class="navtitle">
                                        角色显示排序
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="divInfo">
                        <table width="100%" border="0" cellpadding="0" cellspacing="1" class="tablist" id="mainlist">
                            <tr class="tablisttr" style="display: none">
                                <td width="100" class="tablisttitle"></td>
                                <td class="tabmanagertr">
                                    <asp:TextBox ID="txtDType" runat="server"></asp:TextBox>

                                    <asp:TextBox ID="txtShowID" runat="server"></asp:TextBox>
                                </td>

                            </tr>

                            <tr class="tablisttr">
                                <td width="100" class="tablisttitle">角色排序</td>
                                <td class="tabmanagertr">
                                    <div id="divinfo" style="padding-top: 10px; width: 300px">
                                        <ul id="sortable">
                                            <%=sHTML %>
                                        </ul>
                                    </div>

                                </td>
                            </tr>

                        </table>
                        <div class="divSave">
                            <asp:Button ID="btnSubmit" runat="server" Text="保存(S)" CssClass="SkyButtonFocus"
                                OnClick="btnSubmit_Click" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
