asp. 정보net 가짜 페이지 삭제 작업 에세이
내가 달성해야 할 효과는 삭제 단추를 눌렀을 때 원래 그 페이지였고, 삭제 후에도 그 페이지였다.
프로젝트는 이미 검수했기 때문에 나는 너무 크게 바꿀 수 없다.나는 인터넷 페이지에서 오랫동안 찾았고, 해결 방안도 많았지만, 모두 그다지 적합하지 않았다.
이 시스템은 데이터가 많지 않기 때문에 가짜 페이지를 사용하고 Repeater 컨트롤을 사용했다. 백엔드에서 데이터베이스에 있는 데이터를 모두 조회하여 Repeater에 넣었다. jquery를 통해 페이지를 나눈다. 다음은 내가 쓴 간단한 테스트 항목이다.
프론트 데스크 코드는 다음과 같습니다.
"C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="PagingTestDome1.Index" %>
"http://www.w3.org/1999/xhtml">
"server">
"Content-Type" content="text/html; charset=utf-8"/>
"</span><span style="color: #800000;">js/jquery-1.6.2.min.js</span><span style="color: #800000;">"</span>>
<style type="<span" style="color: #800000;">"</span><span style="color: #800000;">text/css</span><span style="color: #800000;">"</span>><span style="color: #000000;">
a{
text</span>-decoration:none;color:#<span style="color: #800080;">686868</span><span style="color: #000000;">;
}
a:hover{
color:#6287ef;
}
.page_set
{
</span><span style="color: #0000ff;">float</span><span style="color: #000000;">: left;
margin</span>-<span style="color: #000000;">top: 50px;
}
.table_content
{
text</span>-<span style="color: #000000;">align: center;
}
.page_set a
{
border: </span><span style="color: #800080;">0</span>.5px solid #<span style="color: #800080;">999</span><span style="color: #000000;">;
padding: 1px 4px;
}
.page_set p
{
display: inline;
}
</span></style>
</code></pre><form id="<span" style="color: #800000;">"<span style="color: #800000;">form1</span><span style="color: #800000;">"</span> runat=<span style="color: #800000;">"</span><span style="color: #800000;">server</span><span style="color: #800000;">"</span>>
<div>
<h3> —— </h3>
<repeater id="<span" style="color: #800000;">"<span style="color: #800000;">rp_news</span><span style="color: #800000;">"</span> runat=<span style="color: #800000;">"</span><span style="color: #800000;">server</span><span style="color: #800000;">"</span> OnItemDataBound=<span style="color: #800000;">"</span><span style="color: #800000;">rp_news_ItemDataBound</span><span style="color: #800000;">"</span> OnItemCommand=<span style="color: #800000;">"</span><span style="color: #800000;">rp_news_ItemCommand</span><span style="color: #800000;">"</span>>
<headertemplate>
<table id="<span" style="color: #800000;">"<span style="color: #800000;">tableinfo</span><span style="color: #800000;">"</span> border=<span style="color: #800000;">"</span><span style="color: #800000;">1px</span><span style="color: #800000;">"</span> style=<span style="color: #800000;">"</span><span style="color: #800000;">border-collapse: collapse;</span><span style="color: #800000;">"</span> bordercolor=<span style="color: #800000;">"</span><span style="color: #800000;">#eeeeee</span><span style="color: #800000;">"</span> cellpadding=<span style="color: #800000;">"</span><span style="color: #800000;">2px</span><span style="color: #800000;">"</span> cellspacing=<span style="color: #800000;">"</span><span style="color: #800000;">0</span><span style="color: #800000;">"</span>>
<tr style="<span">"<span style="color: #800000;">height:22px; background-color:#eeeeee; text-align:center;</span><span style="color: #800000;">"</span>>
<th style="<span">"<span style="color: #800000;">width:300px; font-weight:normal;</span><span style="color: #800000;">"</span>> </th>
<th style="<span">"<span style="color: #800000;">width:300px; font-weight:normal;</span><span style="color: #800000;">"</span>> </th>
<th style="<span">"<span style="color: #800000;">width:300px; font-weight:normal;</span><span style="color: #800000;">"</span>> </th>
<th style="<span">"<span style="color: #800000;">width:80px; font-weight:normal;</span><span style="color: #800000;">"</span>> </th>
</tr>
<tbody id="<span" style="color: #800000;">"<span style="color: #800000;">trId</span><span style="color: #800000;">"</span>>
<itemtemplate>
<panel id="<span" style="color: #800000;">"<span style="color: #800000;">plItem</span><span style="color: #800000;">"</span> runat=<span style="color: #800000;">"</span><span style="color: #800000;">server</span><span style="color: #800000;">"</span>>
<tr style="<span">"<span style="color: #800000;">height:17px; background-color:White; text-align:center;</span><span style="color: #800000;">"</span>>
<label id="<span" style="color: #800000;">"<span style="color: #800000;">lb_ID1</span><span style="color: #800000;">"</span> runat=<span style="color: #800000;">"</span><span style="color: #800000;">server</span><span style="color: #800000;">"</span> Text=<span style="color: #800000;">'</span><span style="color: #800000;"/><span style="color: #800000;">'</span>></label>
<td><label id="<span" style="color: #800000;">"<span style="color: #800000;">lb_ID</span><span style="color: #800000;">"</span> runat=<span style="color: #800000;">"</span><span style="color: #800000;">server</span><span style="color: #800000;">"</span> Text=<span style="color: #800000;">'</span><span style="color: #800000;"/><span style="color: #800000;">'</span>></label></td>
<td><label id="<span" style="color: #800000;">"<span style="color: #800000;">lb_name</span><span style="color: #800000;">"</span> runat=<span style="color: #800000;">"</span><span style="color: #800000;">server</span><span style="color: #800000;">"</span> Text=<span style="color: #800000;">'</span><span style="color: #800000;"/><span style="color: #800000;">'</span>></label></td>
<td><label id="<span" style="color: #800000;">"<span style="color: #800000;">lb_price</span><span style="color: #800000;">"</span> runat=<span style="color: #800000;">"</span><span style="color: #800000;">server</span><span style="color: #800000;">"</span> Text=<span style="color: #800000;">'</span><span style="color: #800000;"/><span style="color: #800000;">'</span>></label></td>
<td><imagebutton id="<span" style="color: #800000;">"<span style="color: #800000;">lbtDelete</span><span style="color: #800000;">"</span> ImageUrl=<span style="color: #800000;">"</span><span style="color: #800000;">img/delete.png</span><span style="color: #800000;">"</span> runat=<span style="color: #800000;">"</span><span style="color: #800000;">server</span><span style="color: #800000;">"</span> CommandName=<span style="color: #800000;">"</span><span style="color: #800000;">Delete</span><span style="color: #800000;">"</span> /></imagebutton></td>
</tr>
</panel>
</itemtemplate>
<footertemplate>
</footertemplate></tbody>
</table>
</headertemplate></repeater>
<div style="color: #0000ff;">class=<span style="color: #800000;">"</span><span style="color: #800000;">page_set</span><span style="color: #800000;">"</span>>
<p id="<span" style="color: #800000;">"<span style="color: #800000;">pages</span><span style="color: #800000;">"</span>></p>
<p id="<span" style="color: #800000;">"<span style="color: #800000;">sjzl</span><span style="color: #800000;">"</span>></p>
<a href="<span" style="color: #800000;">"<span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">btn_first</span><span style="color: #800000;">"</span>> </a>
<a href="<span" style="color: #800000;">"<span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">btn_previous</span><span style="color: #800000;">"</span>> </a>
<a href="<span" style="color: #800000;">"<span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">btn_next</span><span style="color: #800000;">"</span>> </a>
<a href="<span" style="color: #800000;">"<span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">btn_last</span><span style="color: #800000;">"</span>> </a>
<p> </p>
<input type="<span" style="color: #700000;"/>“text” style=<span style="color: #800000;">"</span><span style="color: #800000;">width:40px;height:16px;</span><span style="color: #800000;">"</span> maxlength=<span style="color: #800000;">"</span><span style="color: #800000;">5</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">changePage</span><span style="color: #800000;">"</span> />
<p> </p>
<a href="<span" style="color: #800000;">"<span style="color: #800000;">#</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">btn_change</span><span style="color: #800000;">"</span>> </a>
</div>
<div style="color: #0000ff;">class=<span style="color: #800000;">"</span><span style="color: #800000;">clear</span><span style="color: #800000;">"</span>></div>
<script type="<span" style="color: #800000;">"</span><span style="color: #800000;">text/javascript</span><span style="color: #800000;">"</span>>
<span style="color: #0000ff;">var</span> pageSize = <span style="color: #800080;">5</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> curPage = <span style="color: #800080;">0</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> lastPage; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> direct = <span style="color: #800080;">0</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> len; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> page; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span><span style="color: #000000;"> begin;
</span><span style="color: #0000ff;">var</span><span style="color: #000000;"> end;
</span><span style="color: #0000ff;">var</span> cPage=<span style="color: #800080;">0</span><span style="color: #000000;">;
$(document).ready(function display() {
len </span>= $(<span style="color: #800000;">"</span><span style="color: #800000;">#trId tr</span><span style="color: #800000;">"</span>).length; <span style="color: #008000;">//</span><span style="color: #008000;"> , </span>
page = len % pageSize == <span style="color: #800080;">0</span> ? len / pageSize : Math.floor(len / pageSize) + <span style="color: #800080;">1</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> , </span><span style="color: #000000;">
curPage </span>= <span style="color: #800080;">1</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
displayPage(<span style="color: #800080;">1</span>); <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;">document.getElementById(</span><span style="color: #800000;">"</span><span style="color: #800000;">pages</span><span style="color: #800000;">"</span>).innerHTML = <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span> + curPage + <span style="color: #800000;">"</span><span style="color: #800000;">/</span><span style="color: #800000;">"</span> + page + <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
document.getElementById(<span style="color: #800000;">"</span><span style="color: #800000;">sjzl</span><span style="color: #800000;">"</span>).innerHTML = <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span> + len + <span style="color: #800000;">""</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;">$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_first</span><span style="color: #800000;">"</span>).click(function firstPage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
curPage = <span style="color: #800080;">1</span><span style="color: #000000;">;
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
displayPage();</span><span style="color: #000000;">
});
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_previous</span><span style="color: #800000;">"</span>).click(function frontPage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
direct = -<span style="color: #800080;">1</span><span style="color: #000000;">;
displayPage();</span><span style="color: #000000;">
});
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_next</span><span style="color: #800000;">"</span>).click(function nextPage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
direct = <span style="color: #800080;">1</span><span style="color: #000000;">;
displayPage();</span><span style="color: #000000;">
});
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_last</span><span style="color: #800000;">"</span>).click(function lastPage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
curPage =<span style="color: #000000;"> page;
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
displayPage();</span><span style="color: #000000;">
});
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_change</span><span style="color: #800000;">"</span>).click(function changePage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
curPage = document.getElementById(<span style="color: #800000;">"</span><span style="color: #800000;">changePage</span><span style="color: #800000;">"</span>).value * <span style="color: #800080;">1</span><span style="color: #000000;">;
</span><span style="color: #0000ff;">if</span> (!/^[<span style="color: #800080;">1</span>-<span style="color: #800080;">9</span>]\d*$/<span style="color: #000000;">.test(curPage)) {
alert(</span><span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span><span style="color: #000000;">);
</span><span style="color: #0000ff;">return</span><span style="color: #000000;">;
}
</span><span style="color: #0000ff;">if</span> (curPage ><span style="color: #000000;"> page) {
alert(</span><span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span><span style="color: #000000;">);
</span><span style="color: #0000ff;">return</span><span style="color: #000000;">;
}
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
displayPage();
});
});
function displayPage() {
</span><span style="color: #0000ff;">if</span> (curPage <= <span style="color: #800080;">1</span> && direct == -<span style="color: #800080;">1</span><span style="color: #000000;">) {
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
alert(</span><span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span><span style="color: #000000;">);
</span><span style="color: #0000ff;">return</span><span style="color: #000000;">;
} </span><span style="color: #0000ff;">else</span> <span style="color: #0000ff;">if</span> (curPage >= page && direct == <span style="color: #800080;">1</span><span style="color: #000000;">) {
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
alert(</span><span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span><span style="color: #000000;">);
</span><span style="color: #0000ff;">return</span><span style="color: #000000;">;
}
lastPage </span>=<span style="color: #000000;"> curPage;
</span><span style="color: #008000;">//</span><span style="color: #008000;"> len=1 ,curPage + 0 bug</span>
<span style="color: #0000ff;">if</span> (len ><span style="color: #000000;"> pageSize) {
curPage </span>= ((curPage + direct + len) %<span style="color: #000000;"> len);
} </span><span style="color: #0000ff;">else</span><span style="color: #000000;"> {
curPage </span>= <span style="color: #800080;">1</span><span style="color: #000000;">;
}
document.getElementById(</span><span style="color: #800000;">"</span><span style="color: #800000;">pages</span><span style="color: #800000;">"</span>).innerHTML = <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span> + curPage + <span style="color: #800000;">"</span><span style="color: #800000;">/</span><span style="color: #800000;">"</span> + page + <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;"> begin </span>= (curPage - <span style="color: #800080;">1</span>) * pageSize; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
end = begin + <span style="color: #800080;">1</span> * pageSize - <span style="color: #800080;">1</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">if</span> (end > len) end =<span style="color: #000000;"> len;
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#trId tr</span><span style="color: #800000;">"</span>).hide(); <span style="color: #008000;">//</span><span style="color: #008000;"> , </span>
$(<span style="color: #800000;">"</span><span style="color: #800000;">#trId tr</span><span style="color: #800000;">"</span>).each(function (i) { <span style="color: #008000;">//</span><span style="color: #008000;"> , </span>
<span style="color: #0000ff;">if</span> ((i >= begin && i <= end))<span style="color: #008000;">//</span><span style="color: #008000;"> begin<=x<=end </span>
$(<span style="color: #0000ff;">this</span><span style="color: #000000;">).show();
});
}
</span></script>
</div>
</form>
</div>
<p> :</p>
<div class="cnblogs_code">
<pre><code><span style="color: #0000ff;">using</span><span style="color: #000000;"> System;
</span><span style="color: #0000ff;">using</span><span style="color: #000000;"> System.Collections.Generic;
</span><span style="color: #0000ff;">using</span><span style="color: #000000;"> System.Linq;
</span><span style="color: #0000ff;">using</span><span style="color: #000000;"> System.Web;
</span><span style="color: #0000ff;">using</span><span style="color: #000000;"> System.Web.UI;
</span><span style="color: #0000ff;">using</span><span style="color: #000000;"> System.Web.UI.WebControls;
</span><span style="color: #0000ff;">using</span><span style="color: #000000;"> DAL;
</span><span style="color: #0000ff;">using</span><span style="color: #000000;"> BLL;
</span><span style="color: #0000ff;">using</span><span style="color: #000000;"> Model;
</span><span style="color: #0000ff;">namespace</span><span style="color: #000000;"> PagingTestDome1
{
</span><span style="color: #0000ff;">public</span> <span style="color: #0000ff;">partial</span> <span style="color: #0000ff;">class</span><span style="color: #000000;"> Index : System.Web.UI.Page
{
</span><span style="color: #0000ff;">protected</span> <span style="color: #0000ff;">void</span> Page_Load(<span style="color: #0000ff;">object</span><span style="color: #000000;"> sender, EventArgs e)
{
</span><span style="color: #0000ff;">if</span> (!<span style="color: #000000;">IsPostBack) {
Bind();
}
}
</span><span style="color: #0000ff;">protected</span> <span style="color: #0000ff;">void</span><span style="color: #000000;"> Bind() {
BLL.tbl_goods goods </span>= <span style="color: #0000ff;">new</span><span style="color: #000000;"> BLL.tbl_goods();
IList</span><model.tbl_goods> List=<span style="color: #0000ff;">new</span> List<model.tbl_goods><span style="color: #000000;">();
List </span>=<span style="color: #000000;"> goods.GetList();
rp_news.DataSource </span>=<span style="color: #000000;"> List;
rp_news.DataBind();
}
</span><span style="color: #0000ff;">protected</span> <span style="color: #0000ff;">void</span> rp_news_ItemDataBound(<span style="color: #0000ff;">object</span><span style="color: #000000;"> sender, RepeaterItemEventArgs e)
{
</span><span style="color: #0000ff;">if</span> (e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==<span style="color: #000000;"> ListItemType.AlternatingItem)
{
Panel pn </span>= (Panel)e.Item.FindControl(<span style="color: #800000;">"</span><span style="color: #800000;">plItem</span><span style="color: #800000;">"</span><span style="color: #000000;">);
Label id </span>= (Label)pn.FindControl(<span style="color: #800000;">"</span><span style="color: #800000;">lb_ID1</span><span style="color: #800000;">"</span><span style="color: #000000;">);
Label name </span>= (Label)pn.FindControl(<span style="color: #800000;">"</span><span style="color: #800000;">lb_name</span><span style="color: #800000;">"</span><span style="color: #000000;">);
id.Visible </span>= <span style="color: #0000ff;">false</span><span style="color: #000000;">;
((ImageButton)e.Item.FindControl(</span><span style="color: #800000;">"</span><span style="color: #800000;">lbtDelete</span><span style="color: #800000;">"</span>)).Attributes.Add(<span style="color: #800000;">"</span><span style="color: #800000;">onclick</span><span style="color: #800000;">"</span>, <span style="color: #0000ff;">string</span>.Format(<span style="color: #800000;">"</span><span style="color: #800000;">JavaScript:return confirm(' {0} ');</span><span style="color: #800000;">"</span><span style="color: #000000;">, name.Text));
}
}
</span><span style="color: #0000ff;">protected</span> <span style="color: #0000ff;">void</span> rp_news_ItemCommand(<span style="color: #0000ff;">object</span><span style="color: #000000;"> source, RepeaterCommandEventArgs e)
{
</span><span style="color: #0000ff;">if</span> (e.CommandName == <span style="color: #800000;">"</span><span style="color: #800000;">Delete</span><span style="color: #800000;">"</span><span style="color: #000000;">)
{
Panel pn </span>= (Panel)e.Item.FindControl(<span style="color: #800000;">"</span><span style="color: #800000;">plItem</span><span style="color: #800000;">"</span><span style="color: #000000;">);
Label id </span>= (Label)pn.FindControl(<span style="color: #800000;">"</span><span style="color: #800000;">lb_ID1</span><span style="color: #800000;">"</span><span style="color: #000000;">);
</span><span style="color: #0000ff;">int</span> ID =<span style="color: #000000;"> Convert.ToInt32(id.Text);
BLL.tbl_goods goods </span>= <span style="color: #0000ff;">new</span><span style="color: #000000;"> BLL.tbl_goods();
goods.Delete(ID);
Response.Write(</span><span style="color: #800000;">"</span><span style="color: #800000;"><script>alert(' !!!')</script></span><span style="color: #800000;">"</span><span style="color: #000000;">);
Bind();
}
}
}
}</span></model.tbl_goods></model.tbl_goods></code></pre>
</div>
<p> ImageButton, , 。</p>
<p> , 。</p>
<p> , , jquery 。</p>
<p> , html , , 。</p>
<p> input :</p>
<div class="cnblogs_code">
<pre><code><input type="<span" style="color: #a81930;"/>"text" style=<span style="color: #800000;">"</span><span style="color: #800000;">width:40px;height:16px;</span><span style="color: #800000;">"</span> maxlength=<span style="color: #800000;">"</span><span style="color: #800000;">5</span><span style="color: #800000;">"</span> id=<span style="color: #800000;">"</span><span style="color: #800000;">changePage</span><span style="color: #800000;">"</span> /></code></pre>
</div>
<p> TextBox:</p>
<div class="cnblogs_code">
<pre><code><textbox id="<span" style="color: #800000;">"<span style="color: #800000;">changePage</span><span style="color: #800000;">"</span> runat=<span style="color: #800000;">"</span><span style="color: #800000;">server</span><span style="color: #800000;">"</span> Width=<span style="color: #800000;">"</span><span style="color: #800000;">40</span><span style="color: #800000;">"</span> Height=<span style="color: #800000;">"</span><span style="color: #800000;">16</span><span style="color: #800000;">"</span> MaxLength=<span style="color: #800000;">"</span><span style="color: #800000;">5</span><span style="color: #800000;">"</span>></textbox> </code></pre>
</div>
<p> asp.net TextBox 。</p>
<p> , jquery :</p>
<div class="cnblogs_code">
<pre><code><script type="<span" style="color: #800000;">"</span><span style="color: #800000;">text/javascript</span><span style="color: #800000;">"</span>>
<span style="color: #0000ff;">var</span> pageSize = <span style="color: #800080;">5</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> curPage = <span style="color: #800080;">0</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> lastPage; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> direct = <span style="color: #800080;">0</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> len; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span> page; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">var</span><span style="color: #000000;"> begin;
</span><span style="color: #0000ff;">var</span><span style="color: #000000;"> end;
</span><span style="color: #0000ff;">var</span> cPage=<span style="color: #800080;">0</span><span style="color: #000000;">;
$(document).ready(function display() {
len </span>= $(<span style="color: #800000;">"</span><span style="color: #800000;">#trId tr</span><span style="color: #800000;">"</span>).length; <span style="color: #008000;">//</span><span style="color: #008000;"> , </span>
page = len % pageSize == <span style="color: #800080;">0</span> ? len / pageSize : Math.floor(len / pageSize) + <span style="color: #800080;">1</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> , </span>
<span style="color: #0000ff;">if</span> (document.getElementById(<span style="color: #800000;">"</span><span style="color: #800000;">changePage</span><span style="color: #800000;">"</span>).value * <span style="color: #800080;">1</span> == <span style="color: #800000;">""</span><span style="color: #000000;">) {
curPage </span>= <span style="color: #800080;">1</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
displayPage(<span style="color: #800080;">1</span>); <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
} <span style="color: #0000ff;">else</span><span style="color: #000000;"> {
curPage </span>= document.getElementById(<span style="color: #800000;">"</span><span style="color: #800000;">changePage</span><span style="color: #800000;">"</span>).value * <span style="color: #800080;">1</span><span style="color: #000000;">;
displayPage(curPage);</span><span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;"> }
document.getElementById(</span><span style="color: #800000;">"</span><span style="color: #800000;">pages</span><span style="color: #800000;">"</span>).innerHTML = <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span> + curPage + <span style="color: #800000;">"</span><span style="color: #800000;">/</span><span style="color: #800000;">"</span> + page + <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
document.getElementById(<span style="color: #800000;">"</span><span style="color: #800000;">sjzl</span><span style="color: #800000;">"</span>).innerHTML = <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span> + len + <span style="color: #800000;">""</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;">
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_first</span><span style="color: #800000;">"</span>).click(function firstPage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
curPage = <span style="color: #800080;">1</span><span style="color: #000000;">;
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
displayPage();
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#changePage</span><span style="color: #800000;">"</span>).val(curPage);<span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;"> });
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_previous</span><span style="color: #800000;">"</span>).click(function frontPage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
direct = -<span style="color: #800080;">1</span><span style="color: #000000;">;
displayPage();
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#changePage</span><span style="color: #800000;">"</span>).val(curPage);<span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;"> });
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_next</span><span style="color: #800000;">"</span>).click(function nextPage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
direct = <span style="color: #800080;">1</span><span style="color: #000000;">;
displayPage();
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#changePage</span><span style="color: #800000;">"</span>).val(curPage);<span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;"> });
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_last</span><span style="color: #800000;">"</span>).click(function lastPage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
curPage =<span style="color: #000000;"> page;
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
displayPage();
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#changePage</span><span style="color: #800000;">"</span>).val(curPage);<span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;"> });
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#btn_change</span><span style="color: #800000;">"</span>).click(function changePage() { <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
curPage = document.getElementById(<span style="color: #800000;">"</span><span style="color: #800000;">changePage</span><span style="color: #800000;">"</span>).value * <span style="color: #800080;">1</span><span style="color: #000000;">;
</span><span style="color: #0000ff;">if</span> (!/^[<span style="color: #800080;">1</span>-<span style="color: #800080;">9</span>]\d*$/<span style="color: #000000;">.test(curPage)) {
alert(</span><span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span><span style="color: #000000;">);
</span><span style="color: #0000ff;">return</span><span style="color: #000000;">;
}
</span><span style="color: #0000ff;">if</span> (curPage ><span style="color: #000000;"> page) {
alert(</span><span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span><span style="color: #000000;">);
</span><span style="color: #0000ff;">return</span><span style="color: #000000;">;
}
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
displayPage();
});
});
function displayPage() {
</span><span style="color: #0000ff;">if</span> (curPage <= <span style="color: #800080;">1</span> && direct == -<span style="color: #800080;">1</span><span style="color: #000000;">) {
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
alert(</span><span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span><span style="color: #000000;">);
</span><span style="color: #0000ff;">return</span><span style="color: #000000;">;
} </span><span style="color: #0000ff;">else</span> <span style="color: #0000ff;">if</span> (curPage >= page && direct == <span style="color: #800080;">1</span><span style="color: #000000;">) {
direct </span>= <span style="color: #800080;">0</span><span style="color: #000000;">;
alert(</span><span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span><span style="color: #000000;">);
</span><span style="color: #0000ff;">return</span><span style="color: #000000;">;
}
lastPage </span>=<span style="color: #000000;"> curPage;
</span><span style="color: #008000;">//</span><span style="color: #008000;"> len=1 ,curPage + 0 bug</span>
<span style="color: #0000ff;">if</span> (len ><span style="color: #000000;"> pageSize) {
curPage </span>= ((curPage + direct + len) %<span style="color: #000000;"> len);
} </span><span style="color: #0000ff;">else</span><span style="color: #000000;"> {
curPage </span>= <span style="color: #800080;">1</span><span style="color: #000000;">;
}
document.getElementById(</span><span style="color: #800000;">"</span><span style="color: #800000;">pages</span><span style="color: #800000;">"</span>).innerHTML = <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span> + curPage + <span style="color: #800000;">"</span><span style="color: #800000;">/</span><span style="color: #800000;">"</span> + page + <span style="color: #800000;">"</span><span style="color: #800000;"> </span><span style="color: #800000;">"</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #000000;">
begin </span>= (curPage - <span style="color: #800080;">1</span>) * pageSize; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
end = begin + <span style="color: #800080;">1</span> * pageSize - <span style="color: #800080;">1</span>; <span style="color: #008000;">//</span><span style="color: #008000;"> </span>
<span style="color: #0000ff;">if</span> (end > len) end =<span style="color: #000000;"> len;
$(</span><span style="color: #800000;">"</span><span style="color: #800000;">#trId tr</span><span style="color: #800000;">"</span>).hide(); <span style="color: #008000;">//</span><span style="color: #008000;"> , </span>
$(<span style="color: #800000;">"</span><span style="color: #800000;">#trId tr</span><span style="color: #800000;">"</span>).each(function (i) { <span style="color: #008000;">//</span><span style="color: #008000;"> , </span>
<span style="color: #0000ff;">if</span> ((i >= begin && i <= end))<span style="color: #008000;">//</span><span style="color: #008000;"> begin<=x<=end </span>
$(<span style="color: #0000ff;">this</span><span style="color: #000000;">).show();
});
}
</span></script></code></pre>
</div>
<p> , 。</p>
<p> : , , , 。</p>
<p> </p>
</div>
</div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.