EasilyUI的一个简单的拖拽功能
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Main.aspx.cs" Inherits="Main" %>
<!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">
<title>我的第一个EasilyUI</title>
<script src="easyUI/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="easyUI/jquery.easyui.min.js" type="text/javascript"></script>
<link href="easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="easyUI/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="easyUI/locale/easyui-lang-zh_CN.js" type="text/javascript"></script> <script type="text/javascript" > $('#p').panel('move', { left: 100, top: 100 });
</script> </head> <body> <form id="form1" runat="server"> <div id="ada"> <div id="container" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px; background:#fafafa;"iconCls="icon-save" closable="true" collapsible="true" minimizable="true" maximizable=true> <div id="dragsource"> <p>拽我!</p> </div> </div><!-- End container --> </div> <script> $(function () { $("#ada").draggable(); }) </script>
</form>
</body>
</html>
