首页拖曳控件

贾朋亮博客 2013-04-16

展开全文

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyDesktop.aspx.cs" Inherits="PermWebApp.MainFrame.MyDesktop" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head runat="server">
    <title>我的桌面</title>
    <script type="text/javascript" src="../globalStyle/jquery-1.4.1.js"></script>
    <script type="text/javascript" src="../globalStyle/global.js"></script>
    <script type="text/javascript" src="../globalStyle/jquery.dragsort.js"></script>
</head>
<body style="margin:0; padding:0">
    <form id="form1" runat="server">
        <div style="padding-left:5px;">
            <table width="100%" border="0" cellpadding="1" align="center" cellspacing="0">
                <tr>
                    <td style="width: 50%" valign="top">
                        <ul id="listA" style="list-style:none;margin:0; padding:0">
                        <asp:PlaceHolder ID="leftHolder" runat="server"></asp:PlaceHolder>
                        </ul>
                        <br />
                    </td>
                    <td>

                    </td>

                    <td style="width: 50%" align="center" valign="top">
                        <ul id="listB" style="list-style:none;margin:0; padding:0">
                        <asp:PlaceHolder ID="rightHolder" runat="server"></asp:PlaceHolder>
                        </ul>
                        <div align="right">
                            <a style="font-size: 12px">缺省设置</a></div>
                        <br />
                    </td>
                    <td>

                    </td>
                </tr>
            </table>
        </div>
    <script type="text/javascript">
        $("#listA,#listB").dragsort({ dragSelector: "span", dragBetween: true, dragEnd: saveOrder, placeHolderTemplate: "<li class='placeHolder'><div></div></li>" });

function saveOrder() {

        };
    </script>

    </form>
    </body>
</html>

后台：

/// <summary>
        /// 初始化桌面显示条目
        /// </summary>
        private void IniDesktop() {
            //根据登录ID，获取登录用户的桌面项
            LoginUserInfo userInfo = SessionManager.UserInfo;
            UserDal userDal = new UserDal();
            String leftDeskTop = Convert.ToString(userDal.GetUserInfoById(userInfo.UserId.ToString()).Rows[0]["LeftDeskTop"]);
            String rightDeskTop = Convert.ToString(userDal.GetUserInfoById(userInfo.UserId.ToString()).Rows[0]["RightDeskTop"]);
            DeskTopDal deskTop = new DeskTopDal();
            DataTable leftDate = deskTop.GetLeftDeskTopItem(leftDeskTop);
            if (leftDate != null && leftDate.Rows.Count > 0)
            {
                foreach (DataRow dr in leftDate.Rows)
                {
                    string controlUrl = Convert.ToString(dr["ControlUrl"]);
                    string name = Convert.ToString(dr["ControlName"]);
                    if (controlUrl.Trim() != "")
                    {
                        Control c = LoadControl(controlUrl);
                        this.leftHolder.Controls.Add(c);
                    }
                }
            }

            DataTable rightDate = deskTop.GetLeftDeskTopItem(rightDeskTop);
            if (rightDate != null && rightDate.Rows.Count > 0)
            {
                foreach (DataRow dr in rightDate.Rows)
                {
                    string controlUrl = Convert.ToString(dr["ControlUrl"]);
                    string name = Convert.ToString(dr["ControlName"]);
                    if (controlUrl.Trim() != "")
                    {
                        Control c = LoadControl(controlUrl);
                        this.rightHolder.Controls.Add(c);
                    }
                }
            }
        }