ASP.NET 非常典型问题!
<asp:Button ID="Button1" runat="server" Text="test" OnClientClick="gettext();" OnClick="Button1_Click" />
document.getElementById("div_txt").style.display = "";
}
function closeDiv() {
document.getElementById("txt_abc").value = "";
hideDiv();
}
function hideDiv() {
if (document.getElementById("txt_abc").value != "") {
document.getElementById("div_txt").style.display = "none";
}
else {
alert(document.getElementById("txt_abc").value);
document.getElementById("div_txt").style.display = "none";
__doPostBack("Button1", "");
}
}
</script>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class test3 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
Response.Write("后台被执行了!");
}
}
[解决办法]
jquery 那么多弹出层插件，随便给你一个
http://sentsin.com/jquery/layer/
------解决方案--------------------
差不多看了一下，，反正我用Telerik 客户端和服务器端一起用，什么都能实现。。。。。
[解决办法]
如你所愿。本来想今天早上就给你写的。不过那安装下载非常不给力。77MB的。下载速度只有10KB不到。只好在家里做了。
前台代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
#fullbg
{
background-color: Gray;
display: none;
z-index: 30;
position: absolute;
left: 0px;
top: 0px;
filter: Alpha(Opacity=30);
/* IE */
-moz-opacity: 0.4;
/* Moz + FF */
opacity: 0.4;
}
#dialog
{
position: absolute;
width: auto;
height: auto;
/*background: #F00;*/
background: #fff;
display: none;
z-index: 50;
}
</style>
<script type="text/javascript">
//全局判断
var _txtContentF = false;
function _submit() {
if ($("#_txtContent").val() != "") {
_txtContentF = true;
$('.rmText').each(function () {
if ($(this).html() == "Add") {
$(this).click();
}
});
} else {
_txtContentF = false;
alert("请输入内容！");
}
}
function _noSubmit() {
_txtContentF = false;
closeBg();
}
//显示灰色JS遮罩层
function showBg(ct, content) {
var bH = $("body").height();
var bW = $("body").width() + 16;
var objWH = getObjWh(ct);
$("#fullbg").css({ width: bW, height: bH, display: "block" });
var tbT = objWH.split("
[解决办法]
")[0] + "px";
var tbL = objWH.split("
[解决办法]
")[1] + "px";
$("#" + ct).css({ top: tbT, left: tbL, display: "block" });
$(window).scroll(function () { resetBg() });
$(window).resize(function () { resetBg() });
}
function getObjWh(obj) {
var st = document.documentElement.scrollTop;//滚动条距顶部的距离
var sl = document.documentElement.scrollLeft;//滚动条距左边的距离
if (!document.all) {//ie
st = document.body.scrollTop; //网页被卷去的高
sl = document.body.scrollLeft;
}
else {
st = document.documentElement.scrollTop;//滚动条距顶部的距离
sl = document.documentElement.scrollLeft;//滚动条距左边的距离
}
if (navigator.userAgent.indexOf("Firefox") > 0) {//firefox
st = document.documentElement.scrollTop;//滚动条距顶部的距离
sl = document.documentElement.scrollLeft;//滚动条距左边的距离
}
var ch = document.documentElement.clientHeight;//屏幕的高度
var cw = document.documentElement.clientWidth;//屏幕的宽度
var objH = $("#" + obj).height();//浮动对象的高度
var objW = $("#" + obj).width();//浮动对象的宽度
var objT = Number(st) + (Number(ch) - Number(objH)) / 2;
var objL = Number(sl) + (Number(cw) - Number(objW)) / 2;
return objT + "
[解决办法]
" + objL;
}
function resetBg() {
var fullbg = $("#fullbg").css("display");
if (fullbg == "block") {
var bH2 = $("body").height();
var bW2 = $("body").width() + 16;
$("#fullbg").css({ width: bW2, height: bH2 });
var objV = getObjWh("dialog");
var tbT = objV.split("
[解决办法]
")[0] + "px";
var tbL = objV.split("
[解决办法]
")[1] + "px";
$("#dialog").css({ top: tbT, left: tbL });
}
}
//关闭灰色JS遮罩层和操作窗口
function closeBg() {
$("#_txtContent").val('');
$("#fullbg").css("display", "none");
$("#dialog").css("display", "none");
}
$(document).ready(function () {
$('.rmText').each(function () {
if ($(this).html() == "Add") {
$(this).click(function () {
showBg('dialog', 'dialog_content');
return _txtContentF;
});
}
});
});
</script>
</head>
<body style="height:700px">
<form id="form1" runat="server">
<!-- JS遮罩层 -->
<div id="fullbg"></div>
<!-- end JS遮罩层 -->
<!-- 对话框 -->
<div id="dialog" style="display: none;">
<div id="dialog_content">
输入内容：<input type="text" id="_txtContent" value="" />
<br />
<br />
</div>
<div style="text-align: center;"><a href="javascript:void(0);" onclick="_submit();">确定</a> <a href="javascript:void(0);" onclick="_noSubmit();">取消</a></div>
</div>
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:Button Text="123" runat="server" OnClientClick="" />
<telerik:RadTreeView ID="RadTreeView1" runat="server" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<telerik:RadTreeViewContextMenu runat="server" ID="HelpDeskMenu" ClickToOpen="True">
<Items>
<telerik:RadMenuItem Text="Add" Value="Add">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Delete" Value="Delete">
</telerik:RadMenuItem>
</Items>
</telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<telerik:RadTreeNode runat="server" Text="Trouble Ticket" ContextMenuID="HelpDeskMenu">
</telerik:RadTreeNode>
<telerik:RadTreeNode runat="server" Text="Equipment Request" ContextMenuID="HelpDeskMenu">
</telerik:RadTreeNode>
<telerik:RadTreeNode runat="server" Text="Help Desk Question" EnableContextMenu="false">
</telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeView>
</div>
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
public partial class test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void RadTreeView1_ContextMenuItemClick(object sender, Telerik.Web.UI.RadTreeViewContextMenuEventArgs e)
{
switch (e.MenuItem.Value)
{
case "Add":
if (e.Node.Level == 0)
{
e.Node.Nodes.Add(new RadTreeNode("New " + e.Node.Text + " " + DateTime.Now.ToString()));
e.Node.Expanded = true;
}
break;
case "Delete":
if (e.Node.Level == 1)
{
e.Node.Remove();
}
break;
}
}
}
