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\),交互库会 ...
随机推荐
- [ipsec][crypto] 在IPSec ESP使用AES-GCM加密时的IV
IV IV是指初始化向量. 在我们当前讨论的场景中: 在IPSec ESP使用AES-GCM加密 IV有两个含义: 1. ESP报文封装时的IV,RFC中称为 AES-GCM IV +-+-+-+-+ ...
- hydra用法
三.Syntax # hydra [[[-l LOGIN|-L FILE] [-p PASS|-P FILE]] | [-C FILE]] [-e ns] [-o FILE] [-t TASKS] [ ...
- 2018-2019-2 网络对抗技术 20165336 Exp4 恶意代码分析
2018-2019-2 网络对抗技术 20165336 Exp4 恶意代码分析 1.实践目标 1.1是监控你自己系统的运行状态,看有没有可疑的程序在运行. 1.2是分析一个恶意软件,就分析Exp2或E ...
- 在linux服务器下JMeter如何执行jmx性能脚本
准备环境:linux平台.jmeter安装包. jdk 一. 安装jdk jdk的安装可以参考以下内容 http://jingyan.baidu.com/article ...
- html转markdown网站
戳下面的链接,可以直接复制富文本粘贴编程markdown: https://euangoddard.github.io/clipboard2markdown/
- AWS 移动推送到iOS设备，Amazon Pinpoint
前言 第一次对接aws,遇到的坑是真多.现在记录一下.本文主要用到的是[Amazon Pinpoint]推送. 开发人员的指南:https://docs.aws.amazon.com/zh_cn/pi ...
- selenium之chrome驱动版本
chrome之selenium驱动: 各版本驱动,可以到如下地址下载,并查看版本: http://chromedriver.storage.googleapis.com/index.html 查看版本 ...
- mysql服务启动不了 More help is available by typing NET HELPMSG 3534
解决方法:参考 注意:如果安装MySQL的时候改了端口(如从3306改成3307),则my.ini配置文件的端口也需要相应的修改
- python __str__() 和 __repr__()是干啥的
1. 没定义__str__() print的时候得不到自己想要的东西 类默认转化的字符串基本没有我们想要的一些东西,仅仅包含了类的名称以及实例的 ID (理解为 Python 对象的内存地址即可).虽 ...
- JVM进程启动会启动哪些线程？
首先要明白一点:JVM本身是一个多线程的程序,和我们编写的java应用程序一样,当JVM启动执行时就是在操作系统中启动了一个JVM进程.我们编写的java单线程或多线程应用进程都是在JVM这个程序中作 ...