让HTC替你翻页适合小数据量查询只需指定Table的Class就O了
来源:互联网 发布:淘宝号怎么申请多个 编辑:程序博客网 时间:2024/04/29 09:31
GeneralGrid.htc
<public:attach event=oncontentready onevent="init()">
<script language=javascript>
border="1";
cellSpacing="0";
cellPadding="3";
width="100%";
borderColor="GainsBoro";
style.backgroundColor="CaptionText";
style.borderCollapse="collapse";
//每页行数
var iPageSize=10;
//当前页号
var iCurPage=1;
//起始行
var iBeginRow=1;
//总页数
var iMaxPage=0;
var vInfoInput=null;
function init()
{
var vTr=element.insertRow(element.rows.length);
var vTd=vTr.insertCell(0);
vTd.colSpan=element.rows(0).cells.length;
vTd.align="right";
vInfoInput=document.createElement("input");
vInfoInput.type="button";
vInfoInput.disabled="true";
vInfoInput.value="第"+iCurPage+"页"+"共"+parseInt((element.rows.length-3)/iPageSize+1)+"页";
vInfoInput.style.height="18px";
vTd.appendChild(vInfoInput);
vInput=document.createElement("input");
vInput.type="button";
vInput.style.font="normal 9pt Marlett";
vInput.value="33";
vInput.attachEvent("onmousedown",onPageFirst);
vTd.appendChild(vInput);
vInput=document.createElement("input");
vInput.type="button";
vInput.style.font="normal 9pt Marlett";
vInput.value="3";
vInput.attachEvent("onmousedown",onPagePrevious);
vTd.appendChild(vInput);
vInput=document.createElement("input");
vInput.type="button";
vInput.style.font="normal 9pt Marlett";
vInput.value="4";
vInput.attachEvent("onmousedown",onPageNext);
vTd.appendChild(vInput);
vInput=document.createElement("input");
vInput.type="button";
vInput.style.font="normal 9pt Marlett";
vInput.value="44";
vInput.attachEvent("onmousedown",onPageLast);
vTd.appendChild(vInput);
iBeginRow=getDefaultBeginRow();
iMaxPage=parseInt((element.rows.length-3)/iPageSize+1);
//设置单元格样式
for(iRow=iBeginRow;iRow<element.rows.length-1;iRow++)
{
if(iRow>(iBeginRow+iPageSize*iCurPage-1)||iRow<(iBeginRow+iPageSize*(iCurPage-1)))
{
element.rows(iRow).style.display="none";
}
}
}
//首页
function onPageFirst()
{
iCurPage=1;
for(iRow=iBeginRow;iRow<element.rows.length-1;iRow++)
{
if(iRow>(iBeginRow+iPageSize*iCurPage-1)||iRow<(iBeginRow+iPageSize*(iCurPage-1)))
{
element.rows(iRow).style.display="none";
}
else
{
element.rows(iRow).style.display="";
}
}
vInfoInput.value="第"+iCurPage+"页"+"共"+iMaxPage+"页";
}
//下一页
function onPageNext()
{
if(iCurPage!=iMaxPage)
{
iCurPage++;
}
for(iRow=iBeginRow;iRow<element.rows.length-1;iRow++)
{
if(iRow>(iBeginRow+iPageSize*iCurPage-1)||iRow<(iBeginRow+iPageSize*(iCurPage-1)))
{
element.rows(iRow).style.display="none";
}
else
{
element.rows(iRow).style.display="";
}
}
vInfoInput.value="第"+iCurPage+"页"+"共"+iMaxPage+"页";
}
//上一页
function onPagePrevious()
{
if(iCurPage!=1)
{
iCurPage--;
}
for(iRow=iBeginRow;iRow<element.rows.length-1;iRow++)
{
if(iRow>(iBeginRow+iPageSize*iCurPage-1)||iRow<(iBeginRow+iPageSize*(iCurPage-1)))
{
element.rows(iRow).style.display="none";
}
else
{
element.rows(iRow).style.display="";
}
}
vInfoInput.value="第"+iCurPage+"页"+"共"+iMaxPage+"页";
}
//尾页
function onPageLast()
{
iCurPage=iMaxPage;
for(iRow=iBeginRow;iRow<element.rows.length-1;iRow++)
{
if(iRow>(iBeginRow+iPageSize*iCurPage-1)||iRow<(iBeginRow+iPageSize*(iCurPage-1)))
{
element.rows(iRow).style.display="none";
}
else
{
element.rows(iRow).style.display="";
}
}
vInfoInput.value="第"+iCurPage+"页"+"共"+iMaxPage+"页";
}
//得到默认起始行
function getDefaultBeginRow()
{
for(kIndex=0;kIndex<element.rows.length;kIndex++)
{
if(element.rows(kIndex).cells(0).tagName=="TD")
{
return kIndex;
}
}
}
</script>
应用示例
Grid.htm
<style>
/*定义通用数据表格样式Begin*/
.GeneralGrid
{
behavior:url('GeneralGrid.htc');
}
.GeneralGrid TH
{
font:bold 9pt 宋体;
text-align:center;
background-color:WhiteSmoke;
}
.GeneralGrid TD
{
font:normal 9pt 宋体;
background-color:CaptionText;
}
/*定义通用数据表格样式End*/
</style>
<table class="GeneralGrid">
<tr><th>字段1</th><th>字段2</th><th>字段3</th><th>字段4</th></tr>
<tr><td>值1_1</td><td>值1_2</td><td>值1_3</td><td>值1_4</td></tr>
<tr><td>值2_1</td><td>值2_2</td><td>值2_3</td><td>值2_4</td></tr>
<tr><td>值3_1</td><td>值3_2</td><td>值3_3</td><td>值3_4</td></tr>
<tr><td>值4_1</td><td>值4_2</td><td>值4_3</td><td>值4_4</td></tr>
<tr><td>值5_1</td><td>值5_2</td><td>值5_3</td><td>值5_4</td></tr>
<tr><td>值6_1</td><td>值6_2</td><td>值6_3</td><td>值6_4</td></tr>
<tr><td>值7_1</td><td>值7_2</td><td>值7_3</td><td>值7_4</td></tr>
<tr><td>值8_1</td><td>值8_2</td><td>值8_3</td><td>值8_4</td></tr>
<tr><td>值9_1</td><td>值9_2</td><td>值9_3</td><td>值9_4</td></tr>
<tr><td>值10_1</td><td>值10_2</td><td>值10_3</td><td>值10_4</td></tr>
<tr><td>值11_1</td><td>值11_2</td><td>值11_3</td><td>值11_4</td></tr>
<tr><td>值12_1</td><td>值12_2</td><td>值12_3</td><td>值12_4</td></tr>
<tr><td>值13_1</td><td>值13_2</td><td>值13_3</td><td>值13_4</td></tr>
<tr><td>值14_1</td><td>值14_2</td><td>值14_3</td><td>值14_4</td></tr>
</table>
看效果吧!
- 让HTC替你翻页适合小数据量查询只需指定Table的Class就O了
- 为什么volley只适合数据量小,并发高的请求
- 大数据量翻页查询的一点经验
- Web上功能强大的DbGrid表格HTC组件[只需在Table中指定样式就可以完成多种功能可扩展]
- Android 让你的 EditText 只接受指定字符
- SQL语句查询指定的数据,查询只选择了指定4门课程的学生
- 只需要点一下鼠标,就可以让你的数学试卷/教案中的数学公式更美观
- UltraEdit 语法高亮配置文件,只需把下列内容添加到你的wordfile文件后,就可以了
- 让APK只包含指定的ABI
- 让apk只包含指定的so
- 让APK只包含指定的ABI
- 让APK只包含指定的ABI
- 进程级别只需运行一次的操作, 就应该只让它运行一次
- 这些是未来你发展的小陷阱,多了,你就走不动路了
- 只知道GAN你就OUT了——VAE背后的哲学思想及数学原理
- 只知道GAN你就OUT了——VAE背后的哲学思想及数学原理
- ECOtree小文档,当你使用的时候你就知道这个有多重要了
- 史上最最最炫酷动感的下拉刷新,只需要十秒钟就可以让你完成。
- XPATH
- Users Cite Top Java-to.NET Interop Issues
- 电子政务风生水起,金蝶中间件保驾护航
- Things To Remember:Constructors, Destructors, and Assignment Operators
- 金蝶下月首推中间件旗舰产品
- 让HTC替你翻页适合小数据量查询只需指定Table的Class就O了
- 国产中间件受电子政务青睐
- Netmeeting使用指南-方便远程维护计算机
- 金蝶中间件(Apusic)为构建“和谐社会保驾护航,近日成功签约国家民政部电子政务系统
- 出差香港
- 中国中间件的崛起:IDG中间件国际研讨会上金蝶中间件Apusic倍受关注
- 1
- 韦氏音标(Merriam-Webster)与国际音标对照表
- IP地址TXT格式转换为MDB的小工具