ASP.NET项目Jquery EasyUI面板问题
这是脚本<scripttype="text/javascript">//初始化，隐藏层,各种事件$(function(){$("#showdiv").css("displ...
这是脚本
<script type="text/javascript">
//初始化，隐藏层,各种事件
$(function () {
$("#showdiv").css("display", "none");
btnShitClick();
});
function btnShitClick() {
//按钮点击事件
$("#btnShit").click(function () {
$("#showdiv").css("display", "block");//弹出层显示
$("#showdiv").dialog({//生成一个对话框。它继承自window
title: "登陆窗口",//标题
modal: true,//是否生成模态窗口
width: 600,//面板宽度
height: 400,//面板高度
collapsible: true,//显示可折叠面板的按钮
minimizable: true,// 显示最小化按钮
maximizable: true,//显示最大化按钮
resizable: true,//能重绘对话框大小
});
});
}
</script>
这是页面
<body>
<form id="form1" runat="server">
<%-----------------------------按钮--------------------------------------%>
<input type="button" value="弹出窗口" id="btnShit" />
<%-----------------------------弹出层部分--------------------------------------%>
<div id="showdiv">
<table>
<tr>
<td>账号：</td><td><input type="text" name="txtname" id="name"/></td>
</tr>
<tr>
<td>密码：</td><td><input type="text" name="txtpwd" id="pwd"/></td>
</tr>
</table>
<input type="button" value="登陆" id="login" />
</div>
</form>
</body>
这是效果
这是期望效果图，可拖动，可拉伸宽高，居中，而且背面是禁用的
求高手帮忙改一下我的代码，或者给点指导！3Q 展开
<script type="text/javascript">
//初始化，隐藏层,各种事件
$(function () {
$("#showdiv").css("display", "none");
btnShitClick();
});
function btnShitClick() {
//按钮点击事件
$("#btnShit").click(function () {
$("#showdiv").css("display", "block");//弹出层显示
$("#showdiv").dialog({//生成一个对话框。它继承自window
title: "登陆窗口",//标题
modal: true,//是否生成模态窗口
width: 600,//面板宽度
height: 400,//面板高度
collapsible: true,//显示可折叠面板的按钮
minimizable: true,// 显示最小化按钮
maximizable: true,//显示最大化按钮
resizable: true,//能重绘对话框大小
});
});
}
</script>
这是页面
<body>
<form id="form1" runat="server">
<%-----------------------------按钮--------------------------------------%>
<input type="button" value="弹出窗口" id="btnShit" />
<%-----------------------------弹出层部分--------------------------------------%>
<div id="showdiv">
<table>
<tr>
<td>账号：</td><td><input type="text" name="txtname" id="name"/></td>
</tr>
<tr>
<td>密码：</td><td><input type="text" name="txtpwd" id="pwd"/></td>
</tr>
</table>
<input type="button" value="登陆" id="login" />
</div>
</form>
</body>
这是效果
这是期望效果图，可拖动，可拉伸宽高，居中，而且背面是禁用的
求高手帮忙改一下我的代码，或者给点指导！3Q 展开
2个回答
展开全部
你可以尝试使用JqueryUI 的 Dialog 能满足你的要求
追问
$("#showdiv").dialog({//生成一个对话框。它继承自window！这是对话框是吧，能给点参考吗？如果可以的话，我给你加分
追答
你就是想要一个模态的弹出框吧.Dialog是可以满足你的.但是我看了你的需求,你做的登录或是POST超作,本身Dialog没撒问题但是POST或是提交的时候有些问题
<div id="dialog" title="加入黑/白名单" class="dialog" style="display: none">你的内容</div>
参见:http://api.jqueryui.com/dialog/
如果无法提交或是POST,请在你的主form上增加两个隐藏控件和相关的按纽,点弹出框校验后再赋值给相关隐藏控件最后在主form提交就可以了
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
