tree与GridView交互
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OgGridView.aspx.cs" Inherits="LY.CCPCUEP.UI.Uep.html.OgGridView" %> <!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>
<link href="jquery.ztree/style.css" rel="stylesheet" />
<link href="jquery.ztree/zTreeStyle.css" rel="stylesheet" />
<script src="jquery.ztree/jquery-1.4.4.min.js"></script>
<script src="jquery.ztree/jquery.ztree.core.js"></script>
<script src="jOrgChart-master/jquery.min.js"></script>
<style> .tj {
color: #;
text-align: center;
font-weight: bold;
font-size: 12px;
border: 1px solid #;
border-radius: 3px;
} </style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width:100%;height:50px; text-align:left; border-bottom : 1px solid #cac5c3;box-sizing: border-box; ">
<tr >
<td class="tj" onClick="jc_click()">基层工会：<label id="jcghs"></label></td>
<td class="tj" onClick="hf_click()">分会：<label id="fhs"></label></td>
<td class="tj onClick="hy_click()">会员：<label id="hys"></label></td>
<td class="tj">男：<label id="nxs"></label></td>
<td class="tj">女：<label id="vxs"></label></td>
</tr>
<tr>
<td class="tj">中专：<label id="zzs"></label></td>
<td class="tj">专科：<label id="zks"></label></td>
<td class="tj">本科：<label id="bks"></label></td>
<td class="tj">硕士研究生：<label id="shyjss"></label></td>
<!--<td class="tj">博士研究生：<label id="bsyjss"></label></td>-->
<td class="tj">其他学历：<label id="qtxls"></label></td>
</tr>
</table> <div id='jOrgChartTable' style="width:100%;float:left; ">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
OnPageIndexChanging="GridView1_PageIndexChanging"
ondatabound="GridView1_DataBound" AllowPaging="True" PageSize=""
style="margin-left: 0px" Width="100%" CellPadding="" ForeColor="#333333" GridLines="None" >
<PagerTemplate>
<asp:Label ID="lblPage" runat="server" Text='<%# "第" + (((GridView)Container.NamingContainer).PageIndex + 1) + "页/共" + (((GridView)Container.NamingContainer).PageCount) + "页" %> '></asp:Label>
<asp:LinkButton ID="lbnFirst" runat="Server" Text="首页" Enabled='<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>' CommandName="Page" CommandArgument="First" ></asp:LinkButton>
<asp:LinkButton ID="lbnPrev" runat="server" Text="上一页" Enabled='<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>' CommandName="Page" CommandArgument="Prev" ></asp:LinkButton>
<asp:LinkButton ID="lbnNext" runat="Server" Text="下一页" Enabled='<%# ((GridView)Container.NamingContainer).PageIndex != (((GridView)Container.NamingContainer).PageCount - 1) %>' CommandName="Page" CommandArgument="Next" ></asp:LinkButton>
<asp:LinkButton ID="lbnLast" runat="Server" Text="尾页" Enabled='<%# ((GridView)Container.NamingContainer).PageIndex != (((GridView)Container.NamingContainer).PageCount - 1) %>' CommandName="Page" CommandArgument="Last" ></asp:LinkButton>
到第<asp:dropdownlist id="PageDropDownList"
autopostback="true"
onselectedindexchanged="PageDropDownList_SelectedIndexChanged"
runat="server"/> 页 每页<asp:dropdownlist id="PageSizePageDropdownlist"
autopostback="true"
onselectedindexchanged="PageSizeDropdownlist_SelectedIndexChanged"
runat="server">
<asp:ListItem></asp:ListItem>
<asp:ListItem></asp:ListItem>
<asp:ListItem></asp:ListItem>
<asp:ListItem></asp:ListItem> </asp:dropdownlist>条
</PagerTemplate>
<AlternatingRowStyle BackColor="White" />
<Columns>
<%--<asp:BoundField DataField="UNION_CODE" HeaderText="部门ID" ReadOnly="true" Visible="true" />--%>
<asp:BoundField DataField="UNION_NAME" HeaderText="公会名称" />
<asp:BoundField DataField="PARENT_ORGANIZATION_NAME" HeaderText="上级公会名称" /> </Columns> <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
<RowStyle HorizontalAlign ="Center" BackColor="#FFFBD6" ForeColor="#333333" />
<SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
<SortedAscendingCellStyle BackColor="#FDF5AC" />
<SortedAscendingHeaderStyle BackColor="#4D0000" />
<SortedDescendingCellStyle BackColor="#FCF6C0" />
<SortedDescendingHeaderStyle BackColor="#820000" />
</asp:GridView> </div>
</div>
</div>
</form>
</body>
</html> <script type="text/javascript"> $(document).ready(function () { //初始化
Inint('<%=UNION_CODE%>');
});
//初始化加载组织结构图
function Inint(code) {
$.ajax({
url: '../Ajax/OrganizationalStructureAjax.ashx',
type: 'post',
dataType: 'json',
async: false,
data: { 'ajaxMethod': 'Summary', 'treeNodeID': code },
success: function (data) { $("#jcghs").text(data.jcghs == "" ? : data.jcghs);
$("#fhs").text(data.fhs == "" ? : data.fhs);
$("#hys").text(data.hys == "" ? : data.hys);
$("#nxs").text(data.nxs == "" ? : data.nxs);
$("#vxs").text(data.vxs == "" ? : data.vxs);
$("#zzs").text(data.zzs == "" ? : data.zzs);
$("#zks").text(data.zks == "" ? : data.zks);
$("#bks").text(data.bks == "" ? : data.bks);
$("#shyjss").text(data.shyjss == "" ? : data.shyjss); $("#qtxls").text(data.qtxls == "" ? : data.qtxls);
}
});
}; </script>
using LY.CCPCUEP.BLL.UEP;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; namespace LY.CCPCUEP.UI.Uep.html
{ public partial class OgGridView : System.Web.UI.Page
{
public string UNION_CODE
{
get
{
string s = Request.QueryString["UNION_CODE"];
if (!string.IsNullOrEmpty(s))
{
return s;
}
else
{
return "234E45F0077881AAE0430AA3034681AA";
} } } DataTable dt = new DataTable();
T_UEP_DB_ZTREEBLL dll = new T_UEP_DB_ZTREEBLL();
protected void Page_Load(object sender, EventArgs e)
{ if (!IsPostBack)
{ bind();
}
}
//绑定
public void bind()
{
dt = dll.GetDG(UNION_CODE).Tables[];
GridView1.DataSource = dt;
GridView1.DataKeyNames = new string[] { "UNION_CODE" };//主键
GridView1.PageSize = GridView1.PageSize;
GridView1.DataBind(); }
/// <summary>
/// 翻页操作
/// 在GridView当前索引正在更改时触发
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GridView1.PageIndex = e.NewPageIndex;
bind();
} protected void PageDropDownList_SelectedIndexChanged(object sender, EventArgs e)
{
GridViewRow pagerRow = GridView1.BottomPagerRow;
DropDownList pageList = (DropDownList)pagerRow.Cells[].FindControl("PageDropDownList");
GridView1.PageIndex = pageList.SelectedIndex;
bind(); //数据绑定
} public string PageSize = "";
protected void PageSizeDropdownlist_SelectedIndexChanged(object sender, EventArgs e)
{ GridViewRow pagerRow = GridView1.BottomPagerRow;
DropDownList pageList = (DropDownList)pagerRow.Cells[].FindControl("PageSizePageDropdownlist");
GridView1.PageIndex = pageList.SelectedIndex;
/*GridView1.PageSize= int.Parse(((System.Web.UI.WebControls.ListControl)sender).Text);*/
DropDownList pagesizList = (DropDownList)pagerRow.Cells[].FindControl("PageSizePageDropdownlist");
PageSize = pagesizList.Text;
GridView1.PageSize=int.Parse(pagesizList.Text);
bind(); //数据绑定
}
protected void GridView1_DataBound(object sender, EventArgs e)
{
GridView1.BottomPagerRow.Visible = true;//只有一页数据的时候也再下面显示pagerrow，需要top的再加Top
GridViewRow pagerRow = GridView1.BottomPagerRow;
DropDownList pageList = (DropDownList)pagerRow.Cells[].FindControl("PageDropDownList");
Label pageLabel = (Label)pagerRow.Cells[].FindControl("CurrentPageLabel"); DropDownList pagesizList = (DropDownList)pagerRow.Cells[].FindControl("PageSizePageDropdownlist"); pagesizList.Items.FindByText(PageSize).Selected = true; if (pageList != null)
{
for (int i = ; i < GridView1.PageCount; i++)
{
int pageNumber = i + ;
ListItem item = new ListItem(pageNumber.ToString());
if (i == GridView1.PageIndex)
{
item.Selected = true;
}
pageList.Items.Add(item);
}
} if (pageLabel != null)
{
int currentPage = GridView1.PageIndex + ;
pageLabel.Text = "Page " + currentPage.ToString() +
" of " + GridView1.PageCount.ToString(); } } }
}
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OrganizationTable.aspx.cs" Inherits="LY.CCPCUEP.UI.Uep.html.OrganizationTable" %> <!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>
<link href="jquery.ztree/style.css" rel="stylesheet" />
<link href="jquery.ztree/zTreeStyle.css" rel="stylesheet" />
<script src="jquery.ztree/jquery-1.4.4.min.js"></script>
<script src="jquery.ztree/jquery.ztree.core.js"></script>
<script src="jOrgChart-master/jquery.min.js"></script>
<style> .jOrgChart .node {
padding: 6px 1px 2px 5px;
border-radius: 3px;
width: 200px;
height: 20px;
letter-spacing: 3px;
border: 1px solid #726bf7; } </style> </head>
<body>
<form id="form1" runat="server">
<div class="float_affter">
<div style="width:20%;height:554px; float: left; border-right: 1px solid #cac5c3; box-sizing: border-box; overflow: auto; ">
<ul id="treeDemo" class="ztree" style="margin-top:20px"></ul>
</div>
<div >
<iframe frameborder="no" style="width:80%; height:554px;" id="childframe" ></iframe> </div>
</div> </form>
</body>
</html> <script type="text/javascript">
jQuery.noConflict();
var zNodes;
var zTree;
//setting异步加载的设置
var setting = {
async: {
enable: true, //表示异步加载生效
url: "../Ajax/OrganizationalStructureAjax.ashx", // 异步加载时访问的页面
autoParam: ["id"], // 异步加载时自动提交的父节点属性的参数
otherParam: ["ajaxMethod", 'AnsyData'], //ajax请求时提交的参数
type: 'post',
dataType: 'json'
},
checkable: true,
showIcon: true,
showLine: true, // zTree显示连接线
data: { //用pId来标识父子节点的关系
simpleData: {
enable: true
}
},
expandSpeed: "", // 设置 zTree 节点展开、折叠的动画速度，默认为"fast"，""表示无动画
callback: { // 回调函数
onClick: zTreeOnClick, // 单击鼠标事件
asyncSuccess: zTreeOnAsyncSuccess //异步加载成功事件
}
}; $(document).ready(function () {
//初始化
$.fn.zTree.init($("#treeDemo"), setting, zNodes); $('#childframe').attr('src','OgGridView.aspx') }); function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
// alert("异步加载");
} //单击时获取zTree节点的Id,和value的值
function zTreeOnClick(event, treeId, treeNode, msg) { $('#childframe').attr('src','OgGridView.aspx?UNION_CODE='+treeNode.id)
}; </script>
using LY.CCPCUEP.BLL.UEP;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; namespace LY.CCPCUEP.UI.Uep.html
{
public partial class OrganizationTable : System.Web.UI.Page
{ string treeNodeID = "234E45F0077881AAE0430AA3034681AA";
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
bind();
}
} //绑定
public void bind()
{ T_UEP_DB_ZTREEBLL dll = new T_UEP_DB_ZTREEBLL(); DataTable dt = dll.GetDG(treeNodeID).Tables[];
//GridView1.DataSource = dt;
//GridView1.DataKeyNames = new string[] { "UNION_CODE" };//主键
//GridView1.DataBind(); } //删除
protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
{ bind();
} //更新
protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{ bind();
} //取消
protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
{
//GridView1.EditIndex = -1;
bind();
} }
}
tree与GridView交互的更多相关文章
- GridView控件
GridView是ASP.NET 1.x的DataGrid控件的后继者.它提供了同样的基本功能集,同一时候添加�了大量扩展和改进.如前所述,DataGrid(ASP.NET 2.0仍然全然支持)是一个 ...
- Android 仿今日头条频道管理（下）（GridView之间Item的移动和拖拽）
前言 上篇博客我们说到了今日头条频道管理的操作交互体验,我也介绍了2个GridView之间Item的相互移动.详情请參考:Android 仿今日头条频道管理(上)(GridView之间Item的移动和 ...
- 【安卓中的缓存策略系列】安卓缓存策略之综合应用ImageLoader实现照片墙的效果
在前面的[安卓缓存策略系列]安卓缓存之内存缓存LruCache和[安卓缓存策略系列]安卓缓存策略之磁盘缓存DiskLruCache这两篇博客中已经将安卓中的缓存策略的理论知识进行过详细讲解,还没看过这 ...
- 1、Linux命令随笔
1 Linux命令总结 2 3 man ==命令帮助; 4 help ==命令的帮助(bash的内置命令); 5 ls ==list,查看目录列表; 6 -ld:查看目录权限; 7 -l:(long) ...
- Day 16 软件管理
1.RPM基本概述 1.什么是rpm? RPM全称 RPM Package Manager 缩写,由红帽开发用于软件包的安装升级卸载与查询 2.如何获取rpm包 在我们刚开始学习rpm包,建议先使用本 ...
- Codeforces Forethought Future Cup Elimination Round 选做
1146C Tree Diameter 题意 交互题.有一棵 \(n(n\le 100)\) 个点的树,你可以进行不超过 \(9\) 次询问,每次询问两个点集中两个不在同一点集的点的最大距离.求树的直 ...
- EasyUI Tree 树 ——实现多级别菜单的展示，以及与后台数据的交互
一 要引入的js css库 <link type="text/css" href="css/base.css" rel="stylesheet& ...
- GridView实现拖拽排序以及数据交互
在研究项目中的一个效果的时候,查找资料过程中发现有人有这么一种需求,就是GridView在实现拖拽排序的基础上,如果是两个GridView之间实现拖拽效果,并要实现数据交互. 一.效果图: 实现这个效 ...
- Codeforces.1129E.Legendary Tree(交互 二分)
题目链接 \(Description\) 有一棵\(n\)个点的树.你需要在\(11111\)次询问内确定出这棵树的形态.每次询问你给定两个非空且不相交的点集\(S,T\)和一个点\(u\),交互库会 ...
随机推荐
- ItunesConnect:"Missing Push Notification Entitlement"警告-----以及解决方法
最近开发的cordova应用,要做ios的适配,并且发布版本,但是有一次在发测试版本的时候,突然收到一封邮件警告,原文如下: Missing Push Notification Entitlement ...
- flask基础二
内容有:1.配置文件处理,2.路由系统,3.视图,4.请求,5.响应,6.模板渲染,7.session,8.flash,9.中间件,10特殊装饰器 一:一个简单知识点 通过路径构成的字符串1.动态导入 ...
- 转：三款免费好用的Gif录屏神器
原文链接:三款免费好用的Gif录屏神器 自己用了 ScreenToGif 版本2.14.1下载地址 原文内容: 三款免费好用的Gif录屏神器 2018年06月02日 18:52:21 独家雨 ...
- python摸爬滚打之day28----黏包处理
1.缓冲区和subprocess模块 1.1 缓冲区( 当send()内容超过输入缓冲区大小或recv()接收内容超过输出缓冲区大小时旧版本(py3.5以前)是会直接报错的, py3.5以后如果出错 ...
- C#基础加强(7)之ref与out
介绍 给方法传递普通参数时,值类型传递的是拷贝的对象,而引用类型传递的是对象的引用.它们都不能在函数内部直接修改外部变量的引用(不是修改引用类型的属性),而使用 ref 或 out 关键字就可以实现. ...
- Yarn 组件的指挥部 – 调度器Scheduler
linux基础 为hadoop集群的搭建扫清了障碍,也为内存的管理,文件系统的管理扫清了障碍 接着到Hadoop的阶段,首先做集群的安装,深入到使用这两个核心的组件,分布式文件系统HDFS,解决大量数 ...
- flask框架中，利用数据库增删查改
# 配置数据库app.config['SQLALCHEMY_DATABASE_URI'] = "mysql://root:mysql@127.0.0.1:3306/booktest" ...
- JAVA常用加密解密算法Encryption and decryption
加密,是以某种特殊的算法改变原有的信息数据,使得未授权的用户即使获得了已加密的信息,但因不知解密的方法,仍然无法了解信息的内容.大体上分为双向加密和单向加密,而双向加密又分为对称加密和非对称加密(有些 ...
- WatchDirService 实时监控
import config.Config; import java.io.IOException; import java.nio.file.*; import java.util.List; imp ...
- 【电子书分享】Learning PySpark下载，包含pdf、epub格式
<Learning PySpark>电子书下载链接: 链接:http://pan.baidu.com/s/1skAC6LZ 密码:kbse,包括pdf.epub格式: (--学习愉快--)