前台代码:
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
#middle{ top:0; left:0;background-color:#fff; position:absolute; z-index:2; filter:alpha(opacity=60); display:none;}
#showTree{ width:300px; height:200px; position:fixed; z-index:2; display:none; border:1px solid red;}
</style>
<script type="text/javascript">
function ShowDIv() {
var txt = document.getElementById("txt");
txt.blur();
var divmid = document.getElementById("middle");
divmid.style.display = "block";
divmid.style.width = "100%";
divmid.style.height = "100%";
var divshow = document.getElementById("showTree");
divshow.style.display = "block";
divshow.style.left = txt.offsetLeft;
divshow.style.top = txt.offsetTop;
return false;
}
function CloseDiv() {
var divmid = document.getElementById("middle");
divmid.style.display = "none";
var divshow = document.getElementById("showTree");
divshow.style.display = "none";
return false;
}
function TreeViewClick() {
if (event.srcElement.innerText == "" || event.srcElement.length <= 0 || event.srcElement.nameProp == undefined) {
return true;
}
var id = event.srcElement.id;
var a = document.getElementById(id);
var href = a.href;
var index = href.indexOf("#");
var retstr = href.substr(index + 1);
//
var ret = a.innerText;
if (ret != "") {
document.getElementById("txt").value = ret;
document.getElementById("TextBox2").value = retstr;
document.getElementById("HiddenField1").value = retstr;
}
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:HiddenField ID="HiddenField1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="显示value" onclick="Button1_Click" />
<br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
Text:<asp:TextBox ID="txt" runat="server" onfocus="return ShowDIv()"></asp:TextBox>
<br />
Value:
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div>
<div id="middle"></div>
<div id="showTree">
<br />
<br />
<input type="button" value="close" onclick="return CloseDiv()" />
<asp:TreeView ID="TreeView1" runat="server">
<Nodes>
<asp:TreeNode Text="A" Value="0" NavigateUrl="#0">
<asp:TreeNode Text="A1" Value="00" NavigateUrl="#00">
<asp:TreeNode Text="A11" Value="000" NavigateUrl="#000"></asp:TreeNode>
<asp:TreeNode Text="A12" Value="001" NavigateUrl="#001"></asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode Text="A2" Value="01" NavigateUrl="#01"></asp:TreeNode>
<asp:TreeNode Text="A3" Value="02" NavigateUrl="#02"></asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode Text="B" Value="1" NavigateUrl="#1">
<asp:TreeNode Text="B1" Value="10" NavigateUrl="#10"></asp:TreeNode>
<asp:TreeNode Text="B2" Value="11" NavigateUrl="#11"></asp:TreeNode>
<asp:TreeNode Text="B3" Value="12" NavigateUrl="#12"></asp:TreeNode>
</asp:TreeNode>
</Nodes>
</asp:TreeView>
</div>
</form>
</body>
</html>
后台代码:
复制代码 代码如下:
public partial class newpage_Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
this.TreeView1.Attributes.Add("onclick", "return TreeViewClick()");//增加特性,实现无自动回传
}
protected void Button1_Click(object sender, EventArgs e)
{
this.TextBox1.Text = this.HiddenField1.Value;
}
}
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
#middle{ top:0; left:0;background-color:#fff; position:absolute; z-index:2; filter:alpha(opacity=60); display:none;}
#showTree{ width:300px; height:200px; position:fixed; z-index:2; display:none; border:1px solid red;}
</style>
<script type="text/javascript">
function ShowDIv() {
var txt = document.getElementById("txt");
txt.blur();
var divmid = document.getElementById("middle");
divmid.style.display = "block";
divmid.style.width = "100%";
divmid.style.height = "100%";
var divshow = document.getElementById("showTree");
divshow.style.display = "block";
divshow.style.left = txt.offsetLeft;
divshow.style.top = txt.offsetTop;
return false;
}
function CloseDiv() {
var divmid = document.getElementById("middle");
divmid.style.display = "none";
var divshow = document.getElementById("showTree");
divshow.style.display = "none";
return false;
}
function TreeViewClick() {
if (event.srcElement.innerText == "" || event.srcElement.length <= 0 || event.srcElement.nameProp == undefined) {
return true;
}
var id = event.srcElement.id;
var a = document.getElementById(id);
var href = a.href;
var index = href.indexOf("#");
var retstr = href.substr(index + 1);
//
var ret = a.innerText;
if (ret != "") {
document.getElementById("txt").value = ret;
document.getElementById("TextBox2").value = retstr;
document.getElementById("HiddenField1").value = retstr;
}
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:HiddenField ID="HiddenField1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="显示value" onclick="Button1_Click" />
<br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
Text:<asp:TextBox ID="txt" runat="server" onfocus="return ShowDIv()"></asp:TextBox>
<br />
Value:
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div>
<div id="middle"></div>
<div id="showTree">
<br />
<br />
<input type="button" value="close" onclick="return CloseDiv()" />
<asp:TreeView ID="TreeView1" runat="server">
<Nodes>
<asp:TreeNode Text="A" Value="0" NavigateUrl="#0">
<asp:TreeNode Text="A1" Value="00" NavigateUrl="#00">
<asp:TreeNode Text="A11" Value="000" NavigateUrl="#000"></asp:TreeNode>
<asp:TreeNode Text="A12" Value="001" NavigateUrl="#001"></asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode Text="A2" Value="01" NavigateUrl="#01"></asp:TreeNode>
<asp:TreeNode Text="A3" Value="02" NavigateUrl="#02"></asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode Text="B" Value="1" NavigateUrl="#1">
<asp:TreeNode Text="B1" Value="10" NavigateUrl="#10"></asp:TreeNode>
<asp:TreeNode Text="B2" Value="11" NavigateUrl="#11"></asp:TreeNode>
<asp:TreeNode Text="B3" Value="12" NavigateUrl="#12"></asp:TreeNode>
</asp:TreeNode>
</Nodes>
</asp:TreeView>
</div>
</form>
</body>
</html>
后台代码:
复制代码 代码如下:
public partial class newpage_Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
this.TreeView1.Attributes.Add("onclick", "return TreeViewClick()");//增加特性,实现无自动回传
}
protected void Button1_Click(object sender, EventArgs e)
{
this.TextBox1.Text = this.HiddenField1.Value;
}
}
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年09月27日
2024年09月27日
- 群星《完美的她 影视原声带》[FLAC/分轨][141.05MB]
- 山风点伙.1997-深藏不露【立得】【WAV+CUE】
- 李幸倪.2018-First.Of.All.Live.Concert.3CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 李恕权.2003-回·20年全精选2CD【SONY】【WAV+CUE】
- 群星《你就在我身边 电影原声专辑》[320K/MP3][26.68MB]
- 群星《你就在我身边 电影原声专辑》[FLAC/分轨][70.27MB]
- 班得瑞原装进口《20周年精选集》1CD[APE/CUE分轨][303MB]
- 群星.2009-NOON.D.广东.2CD【新世纪】【WAV+CUE】
- 洪卓立.2012-GROWN.UP【英皇娱乐】【WAV+CUE】
- 梁静茹.2007-崇拜【相信音乐】【WAV+CUE】
- 金佩姗.1997-喜新恋旧【现代派】【WAV+CUE】
- 梁静茹.2007-崇拜【相信音乐】【WAV+CUE】
- 陈晓东.1997-在乎你感受(EP)【宝丽金】【WAV+CUE】
- 纯音入心系列纯音乐《云水禅心 - 佛曲古筝礼赞1-2》1CD[MP3][190MB]
- 纯音入心系列纯音乐《精心传神-古筝》1CD[MP3][363.1MB]