您的位置：首页 > 其它

Ajax无刷新无加载服务器控件翻页实例

2008-04-25 19:51 585 查看

一、在web.Config中配置

AjaxPro.Dll

<httpHandlers>

<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro" />

</httpHandlers>

二、在Global.asax

protected void Application_Start(object sender, EventArgs e)

{

AjaxPro.Utility.HandlerPath = "ajaxpro";

}

三、在页面中注册Ajax方法

AjaxPro.Utility.RegisterTypeForAjax(typeof(UserTestWeb.AjaxMe));

四、页面文件代码如下：

<script type="text/javascript">

RecordNumCount=0; //记录条数

IndexPage=1; //当前请求页

ListNum=10; //每页显示记录数

//遍历页面上所有 checkBox

var j=0; //单次选中，双次不选中

function checkboxcheck()

{

var inputs = document.all.tags("INPUT");

for (var i=0; i < inputs.length; i++)

{

if (inputs[i].type == "checkbox" )

{

if(j%2==0)

{

if(inputs[i].checked!=true)

{

inputs[i].checked=true;

}

}

else

{

if(inputs[i].checked!=false)

{

inputs[i].checked=false;

}

}

}

}

j++;

}

//删除选中checkbox的ID集合

function CheckAll()

{

var ids="";

var inputs = document.all.tags("INPUT");

for (var i=0; i < inputs.length; i++)

{

if (inputs[i].type == "checkbox" )

{

if(inputs[i].checked==true)

{

if(ids!=null&&parseInt(inputs[i].id)>0)

ids=ids+parseInt(inputs[i].id)+",";

}

}

}

if(ids!=null||ids!="")

{

var DeleteInfos=UserTestWeb.AjaxMe.DeleteUserIds(ids);

if(DeleteInfos.value!=null)

{

document.getElementById("Div1").innerHTML=DeleteInfos.value;

Loads(RecordNumCount,tempindexpage,ListNum);//重新加载数据

return;

}

}

}

//加载数据

function Loads(RecordNumCount,IndexPage,ListNum)

{

var infos=UserTestWeb.AjaxMe.GetNavBarHtml("Loads",IndexPage,ListNum,RecordNumCount);

document.getElementById("divbar").innerHTML=infos.value;

tempindexpage=IndexPage; //全局变量存放当前页

document.getElementById("Operationinfo").innerHTML="";

var dt=UserTestWeb.AjaxMe.LoadUseData(RecordNumCount,IndexPage,ListNum);

if(dt.value!=null)

{

var ds=dt.value;

if(ds != null )

{

for(var i=0; i<ds.Rows.length; i++)

{

var id=ds.Rows[i].id;

var username=ds.Rows[i].AreaID;

var email=ds.Rows[i].Area;

document.getElementById("Operationinfo").innerHTML+="<table><tr><td style=width: 23px; height: 21px><input id="+id+" type='checkbox'/></td><td style=width: 100px; height: 21px>"+username+"</td><td style=width: 100px; height: 21px>"+email+"</td></tr></table>";

}

}

}

return;

}

//统计记录条数

function CountTableRecord()

{

var RecordNum=UserTestWeb.AjaxMe.TableRecordNum();

if(RecordNum.value!=null)

{

RecordNumCount=RecordNum.value;

Loads(RecordNumCount,IndexPage,ListNum);

}

else

{

document.getElementById("Operationinfo").innerHTML="<div color='Red'>无任何记录</div>";

}

}

</script>

</head>

<body>

<form id="form1" runat="server">

<div>

<table>

<tr>

<td style="width: 23px; height: 21px">

<input id="0" type="checkbox" onclick="checkboxcheck();" /></td>

<td style="width: 100px; height: 21px">

<input id="Button1" type="button" value="加载数据" onclick="CountTableRecord();" /></td>

<td style="width: 100px; height: 21px"><input id="aaa" type="button" name="删除所有" onclick="CheckAll();" value="删除选中"/>

</td>

</tr>

</table>

<div id="Operationinfo"></div>

<div id="Div1"></div>

</div>

<div style="z-index: 101; left: 3px; width: 500px; position: absolute; top: 348px;

height: 1px" id="divbar">

</div>

</form>

</body>

</html>

Ajaxme.CS代码如下:

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Text;

using System.Threading;

using UserTest.BLL;

using AjaxPro;

namespace UserTestWeb

{

public class AjaxMe

{

#region 返回当前页加载的数据记录

[AjaxMethod]

public static DataTable LoadUseData(int CountAll,int IndexPage,int ListNum )

{

DataTable Dt;

Dt = new DataTable();

Dt = UserTest.BLL.usert.DtUsers(CountAll, IndexPage, ListNum);

System.Threading.Thread.Sleep(100);

return Dt;

}

#endregion

#region 缓存

//public static object CreateObject(string CacheKey)

//{

// object objType = GetCache(CacheKey);//从缓存读取

// if (objType == null)

// {

// try

// {

// DataTable Dt = new DataTable();

// Dt = UserTest.BLL.usert.DtUsers();

// objType = Dt;

// SetCache(CacheKey, objType);// 写入缓存

// }

// catch (System.Exception ex)

// { throw (ex); }

// }

// return objType;

//}

///// <summary>

///// 读取CacheKey的Cache值

///// </summary>

///// <param name="CacheKey"></param>

//public static object GetCache(string CacheKey)

//{

// System.Web.Caching.Cache objCache = HttpRuntime.Cache;

// return objCache[CacheKey];

//}

///// <summary>

///// 设置当前应用程序指定CacheKey的Cache值

///// </summary>

///// <param name="CacheKey"></param>

///// <param name="objObject"></param>

//public static void SetCache(string CacheKey, object objObject)

//{

// System.Web.Caching.Cache objCache = HttpRuntime.Cache;

// objCache.Insert(CacheKey, objObject);

//}

#endregion

#region 表记录总数

[AjaxMethod]

public static int TableRecordNum()

{

return UserTest.BLL.usert.CountUsers();

}

#endregion

#region 根据数据返回翻页字符

[AjaxMethod]

public static string GetNavBarHtml(string s, int pageIndex, int listNum,int recordCountAll)

{

// 计算显示页

int pageCount = Convert.ToInt32(recordCountAll/listNum);

int x = pageIndex / listNum;

if (pageIndex % listNum == 0) --x;

int startPage = (x * listNum) + 1;

int endPage = Math.Min(pageCount, startPage + 9);

// 生成换页代码

System.Text.StringBuilder sb = new StringBuilder();

string url = "<A href=# onclick={0}({1},{2},{3})>{4}</A>";

if (startPage > 1)

{

sb.Append(String.Format(url, s, recordCountAll, 1, listNum, "首页"));

sb.Append(" ");

sb.Append(String.Format(url, s, recordCountAll, startPage - 1, listNum, "前十页"));

sb.Append(" ");

}

for (int i = startPage; i <= endPage; i++)

{

if (i != pageIndex)

sb.Append(String.Format(url, s, recordCountAll, i + 1, listNum, i.ToString()));

else

sb.Append(String.Format(url, s, recordCountAll, i, listNum, i.ToString()));

sb.Append(" ");

}

if (pageCount >= endPage)

{

sb.Append(String.Format(url, s, recordCountAll, endPage + 1, listNum, "后十页"));

sb.Append(" ");

sb.Append(String.Format(url, s, recordCountAll, pageCount, listNum, "末页"));

}

System.Threading.Thread.Sleep(100);

return sb.ToString();

}

#endregion

#region 删除用户选中数据

[AjaxMethod]

public static string DeleteUserIds(string ids)

{

string returnInfos ="";

if(ids.Length>0&&!ids.ToString().Equals(null))

{

if (false == UserTest.BLL.usert.DeleteUsers(ids))

{

returnInfos = "<font color=Red style=font-size:12px>删除失败!</font>";

}

else

{

returnInfos = "<font color=Red style=font-size:12px>操作成功!</font>";

}

}

else

{

returnInfos = "<font color=Red style=font-size:12px>您没有选中任何数据!</font>";

}

System.Threading.Thread.Sleep(100);

return returnInfos;

}

#endregion

#region 检测用户

[AjaxMethod]

public static string chkUserName(string username)

{

string returnInfos = "";

bool result = UserTest.BLL.usert.isExit(username);

if (false == result)

{

returnInfos = "<font color=Red style=font-size:12px>该用户名已经有人注册过了!</font>";

}

else

{

returnInfos = "<font color=Red style=font-size:12px>该用户" + username + "可以注册</font>";

}

System.Threading.Thread.Sleep(100);

return returnInfos;

}

#endregion

}

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航