TreeView无刷新获取text及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;
}
}
相关推荐
-
C#中TreeView节点的自定义绘制方法
本文实例讲述了C#中TreeView节点的自定义绘制方法.分享给大家供大家参考.具体如下: if ((e.State & TreeNodeStates.Selected) != 0) { //演示为绿底白字 e.Graphics.FillRectangle(Brushes.DeepSkyBlue, e.Node.Bounds); Font nodeFont = e.Node.NodeFont; if (nodeFont == null) nodeFont = ((TreeView)sender)
-
Javascript 实现TreeView CheckBox全选效果
复制代码 代码如下: function OnTreeNodeChecked() { var ele = event.srcElement; if (ele.type == 'checkbox') { var childrenDivID = ele.id.replace('CheckBox', 'Nodes'); var div = document.getElementById(childrenDivID); if (div != null) { var checkBoxs = div.getE
-
c++ builder TreeView控件节点遍历代码
复制代码 代码如下: void __fastcall TForm1::GetRootNodes(TTreeView *DestTreeView)//得到所有根节点{ TTreeNode *vNode = NULL; vNode = DestTreeView->Items->GetFirstNode(); while(vNode) { ShowMessage(vNode->Text);//处理查找到的根节
-
c#的treeview绑定和获取值的方法
对Treelist 的一些功能的实现 1.数据绑定最基本的两个属性:KeyFieldName和ParentFieldName.(这两个属性一设置就基本上可以实现分级了) 可以通过代码的编写实现,也可以直接在属性里面直接实现. 这种数据库设计是比较常见的,一般数据满足树形关系就可以这样设计.绑定数据时,只需指定DataSource为对应 的DataTable,指定KeyFieldName为表主键字段,ParentFieldName为表指向主键的外键字段名. 复制代码 代码如下: private v
-
treeview递归绑定的两种方法
方法一: 复制代码 代码如下: public void creattree(int fid, TreeNode parentnode) { DataTable dt = new DataTable(); dt = op.BindGroup(); DataRow[] drs = dt.Select("parentid=" + fid); foreach (DataRow row in
-
C#实现treeview绑定的方法
本文实例讲述了C#实现treeview绑定的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { bindTree(); } } private void bindTree() { ALIYUN_PIC.BLL.Folder_oper_BLL bll = new Folder_oper_BLL();
-
C# TreeView读取数据库简单实例
效果: 数据库: 思路: 利用for遍历,然后创建父节点,再根据父节点创建出子节点. 代码: 复制代码 代码如下: using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Data;using System.Collections;using System.Con
-
C++ CTreeview的checkbox使用方法
1. 消息事件 (1)鼠标点击当前ITEM的CHECKBOX:引发NM_CLICK事件并传递TVHT_ONITEMSTATEICON. (2)鼠标点击当前ITEM的TEXT:引发NM_CLICK事件. (3)鼠标点击新ITEM的CHECKBOX:引发TVN_SELCHANGED事件.NM_CLICK事件并传递TVHT_ONITEMSTATEICON. (4)鼠标点击新ITEM的TEXT:引发NM_CLICK事件.TVN_SELCHANGED事件. 2. 消息事件总结 点击ITE
-
TreeView无刷新获取text及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:#ff
-
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
本文实例讲述了jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码.分享给大家供大家参考.具体如下: 这里实现圆角表单,圆角输入框,无刷新验证,漂亮唯美,是对这款基于HTML5/CSS3/jQuery来实现的表单效果的简要概括,用HTML5可以实现很多超乎寻常的效果,从此你会喜欢上HTML5,会骂一下万恶的IE,到现在IE8还不支持HTML5,正悲哀着呢. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-htm
-
jQuery无刷新上传之uploadify简单代码
先简单的侃两句:貌似已经有两个月的时间没有写过文章了,不过仍会像以前那样每天至少有一至两个小时是泡在园子里看各位大神的文章.前些天在研究"ajax无刷新上传"方面的一些插件,用SWFUpload实现了无刷新上传的功能,不过个人觉得不是很完美. 昨天在网上找到了一个叫做uploadify的jquery上传插件,看到园子里有几篇文章也是介绍这个插件的,心想何不用这个试试. 不过园子里的这几篇文章用到的uploadify还是以前的旧版本uploadify-v2.1.0,我在官网上下载的是up
-
php利用iframe实现无刷新文件上传功能的代码
复制代码 代码如下: <html> <head> <title>无刷新上传文件</title> <meta Content-type="text/html" charset="utf-8" /> <script type="text/网页特效"> function startUpload() { document.getElementById('processing').in
-
javascript实现TreeView 无刷新展开的实例代码
复制代码 代码如下: function public_GetParentByTagName(element, tagName) { var parent = element.parentNode; var upperTagName = tagName.toUpperCase(); //如果这个元素还不是想要的tag就继续上溯 while (parent && (parent.tagName.toUpperCase() != upperTagName))
-
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
首先贴上Jquery的ajax: 复制代码 代码如下: $.ajax({ url: 'ws_Ajax.asmx/BindDictByUpper', type: 'POST', contentType: 'application/json;charset=utf-8', dataType: 'json', data: '{ PpareId:"' + varlue + '"}', success: function (data) { var dataObj = eval("(&q
-
基于jquery实现ajax无刷新评论
jquery实现ajax无刷新评论需要用的技术:(本次试验用的是"jquery-1.4.2.js"版本的jquery) $.post("一般处理程序路径",{以字典的形式传递参数},function(data,status){``````}); jquery中的基本选择器操作: 首先创建数据库"T_article": 主键设置自增: 然后创建一个强类型的DataSet. 接着创建一个"无刷新评论.aspx"页面: 页面代码如下
-
详解PHP+AJAX无刷新分页实现方法
PHP+AJAX无刷新分页实现代码详解,最近在看ajax 教程,就想写个简单入门的PHP+AJAX无刷新分页,我们依据ajax开发框架,代码如下: var http_request=false; function send_request(url){//初始化,指定处理函数,发送请求的函数 http_request=false; //开始初始化XMLHttpRequest对象 if(window.XMLHttpRequest){//Mozilla浏览器 http_request=new XMLH
-
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
本文实例讲述了PHP+Ajax实现无刷新分页的方法.分享给大家供大家参考,具体如下: 注:这里使用到的一些类库在前面文章都能找到源代码,因此为了缩短文章篇幅,都指明链接所在. 本文讲解内容为: Ajax 实现无刷新分页.实现原理.代码展示.代码下载. 这里需要说明一些知识: 1.Ajax 无刷新页面的好处:提供良好的客户体验,通过 Ajax 在后台从数据库中取得数据并展示,取缔了等待加载页面而出现的空白状态: 2.那么,Ajax 无刷新页面是运行在动态页面(.php)?还是静态页面(.html/
-
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
本文实例讲述了PHP+Ajax实现的无刷新分页功能.分享给大家供大家参考,具体如下: 注:本文中使用到的一些类库在前面文章都能找到源代码,我会在文中指明链接所在,为了缩短文章篇幅,由此带来的阅读不便,敬请谅解. 本文讲解 Ajax 实现无刷新分页.实现原理.代码展示.代码下载. 这里需要说明一些知识: 1.Ajax 无刷新页面的好处:提供良好的客户体验,通过 Ajax 在后台从数据库中取得数据并展示,取缔了等待加载页面而出现的空白状态: 2.那么,Ajax 无刷新页面是运行在动态页面(.php)