cefriend的专栏

cefriendID：cefriend

共1956次访问，排名2万外好友9人，关注者13人

cefriend的文章

原创 13 篇

翻译 0 篇

转载 1 篇

评论 2 篇

最近评论

dming4：未能加载文件或程序集“ASPnetPagerV2netfx2_0”或它的某一个依赖项。系统找不到指定的文件。
?????????????

conannb：收藏了 ths

文章分类

收藏

相册

存档

软件项目交易

订阅我的博客

GridView之精讲作品:可以前台排序，左右移动GridView中选中行的东西收藏

新一篇: (转载)做开发的人员必需要用到的------编程常用软件下载及破解 | 旧一篇: asp.net常用操作类之c# xml操作基类cs

看到CSDN上许多的朋友问到这样的问题,都没几个人帮助解决掉,今天心情好就总结下,帮大家解决这个问题,

问题如下这个连接地址

http://topic.csdn.net/u/20080407/11/05a1957d-1e69-4310-a1b9-1dcbf28e3fd6.html?seed=1281358213

可以前台排序，左右移动GridView选中列,,,,,上下移动GridView中选中行的东西

样图:

前台代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebForm1.aspx.cs" Inherits="WebForm1" %>

<HTML>

<title>movegrid</title>

</HEAD>

<body>

<br />

<tr>

<asp:datagrid id="PowerTable" runat="server" BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px"

BackColor="White" CellPadding="4">

</SelectedItemStyle>

</ItemStyle>

</HeaderStyle>

</FooterStyle>

</PagerStyle>

</asp:datagrid></td>

</tr>

<tr>

<hr />

( Move: <input id="move" onclick="Move_up(Main_Tab)" type="button" value="Up">

)</td>

</tr>

</table>

//alert(document.getElementById("DataGrid1").rows.length);

var tbObj = document.getElementById("PowerTable");

var rows_length = tbObj.rows.length-1;

var page_size = 10;

var page_count = Math.ceil(rows_length / page_size);

//alert(Math.ceil(page_count));

var pager_html = "";

for(i = 1; i <= page_count; i++){

pager_html += "[ <a href='javascript:;' onclick='chpager("+i+")'>"+i+"</a> ] ";

}

document.getElementById("pager").innerHTML = pager_html;

chpager(1);

//alert(rows_length);

//alert(page_size);

var last_page_count = rows_length - Math.floor(rows_length/page_size)*page_size;

//alert(last_page_count);

function chpager(nowpage){

for(i = 1; i <= tbObj.rows.length-1; i ++){

tbObj.rows[i].style.display = "none";

}

var show_page_end = nowpage == page_count ? (nowpage - 1)*page_size + last_page_count : nowpage* page_size;

for(k = (nowpage-1) * page_size + 1; k <= show_page_end; k ++){

tbObj.rows[k].style.display = "block";

tbObj.rows[k].style.borderBottom = "1px";

}

</script>

</form>

</body>

</HTML>

后台代码:

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Data.SqlClient;

/// <summary>

/// Summary description for WebForm1.

/// </summary>

public partial class WebForm1 : System.Web.UI.Page

{

private void Page_Load(object sender, System.EventArgs e)

{

DataBind();

}

DataBind

GetDataSet

}

JS:脚本:(注意保存为:movegrid.js)

var Main_Tab = null;

var cur_row = null;

var cur_col = null;

var cur_cell = null;

var Org_con = "";

var sort_col = null;

var show_col = false;

var charMode = true;

var act_bgc = "#BEC5DE";

var act_fc = "black";

var cur_bgc = "#ccffcc";

var cur_fc = "black";

function window.onload(){

init();

drag = document.createElement("DIV");

drag.innerHTML = "";

drag.style.textAlign = "center";

drag.style.position = "absolute";

drag.style.cursor = "hand";

drag.style.border = "1 solid black";

drag.style.display = "none";

drag.style.zIndex = "999";

document.body.insertBefore(drag);

//setInterval("judge_move()",100);

}

function init(){

cur_row = null;

cur_col = null;

cur_cell = null;

sort_col = null;

Main_Tab = PowerTable;

read_def(Main_Tab)

Main_Tab.onmouseover = overIt;

Main_Tab.onmouseout = outIt;

Main_Tab.onclick = clickIt;

Main_Tab.ondblclick = dblclickIt;

Org_con = Main_Tab.outerHTML;

arrowUp = document.createElement("SPAN");

arrowUp.innerHTML = "5";

arrowUp.style.cssText = "PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 10px; COLOR: blue; PADDING-TOP: 0px; FONT-FAMILY: webdings; HEIGHT: 11px";

arrowDown = document.createElement("SPAN");

arrowDown.innerHTML = "6";

arrowDown.style.cssText = "PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 10px; COLOR: blue; PADDING-TOP: 0px; FONT-FAMILY: webdings; HEIGHT: 11px";

}

function judge_move(){

move[0].disabled=(cur_row == null || cur_row<=1);

move[1].disabled=(cur_row == null || cur_row==Main_Tab.rows.length-1 || cur_row == 0);

move[2].disabled=(cur_col == null || cur_col==0);

move[3].disabled=(cur_col == null || cur_col==Main_Tab.rows[0].cells.length-1);

}

document.onselectstart = function(){return false;}

document.onmouseup = drag_end;

function clear_color(){

the_table=Main_Tab;

if(cur_col!=null){

for(i=0;i<the_table.rows.length;i++){

with(the_table.rows[i].cells[cur_col]){

style.backgroundColor=oBgc;

style.color=oFc;

}

if(cur_row!=null){

for(i=0;i<the_table.rows[cur_row].cells.length;i++){

with(the_table.rows[cur_row].cells[i]){

style.backgroundColor=oBgc;

style.color=oFc;

}

if(cur_cell!=null){

cur_cell.children[0].contentEditable = false;

with(cur_cell.children[0].runtimeStyle){

borderLeft=borderTop="";

borderRight=borderBottom="";

backgroundColor="";

paddingLeft="";

textAlign="";

}

function document.onclick(){

window.status = "";

clear_color();

cur_row = null;

cur_col = null;

cur_cell = null;

}

function read_def(the_table){

for(var i=0;i<the_table.rows.length;i++){

for(var