自定义分页标签最新修改版

合集下载

Thinkphp5自定义分页样式显示页码和数量

Thinkphp5自定义分页样式显示页码和数量

Thinkphp5⾃定义分页样式显⽰页码和数量Thinkphp5 ⾃带的分页⽐较简单,本⽂通过修改Bootstrap类⾃定义显⽰分页的页码和数量⼀、修改完成后如下图显⽰⼆、修改Bootstrap代码:1、为了不改动Bootstrap.php源代码,拷贝thinkphp⽬录下的Bootstrap.php重新命名为BootstrapDetailed.php2、BootstrapDetailed代码<?php// +----------------------------------------------------------------------// | ThinkPHP [ WE CAN DO IT JUST THINK ]// +----------------------------------------------------------------------// | Copyright (c) 2006~2017 All rights reserved.// +----------------------------------------------------------------------// | Licensed ( /licenses/LICENSE-2.0 )// +----------------------------------------------------------------------// | Author: zhangyajun <448901948@>// +----------------------------------------------------------------------namespace think\paginator\driver;use think\Paginator;class BootstrapDetailed extends Paginator{/*** 上⼀页按钮* @param string $text* @return string*/protected function getPreviousButton($text = "上⼀页"){if ($this->currentPage() <= 1) {return $this->getDisabledTextWrapper($text);}$url = $this->url($this->currentPage() - 1);return $this->getPageLinkWrapper($url, $text);}//总数标签protected function totalshow(){$totalhtml="<li class=\"disabled\"><span>共".$this->total."条记录&nbsp&nbsp第".$this->currentPage()."页/共".$this->lastPage()."页</span></li>"; return $totalhtml;}//尾页标签protected function showlastpage($text = '尾页'){if($this->currentPage()==$this->lastPage()){return $this->getDisabledTextWrapper($text);}$url = $this->url($this->lastPage());return $this->getPageLinkWrapper($url, $text);}//⾸页标签protected function showfirstpage($text = '⾸页'){if($this->currentPage()==1){return $this->getDisabledTextWrapper($text);}$url = $this->url(1);return $this->getPageLinkWrapper($url, $text);}//后五页protected function afivepage($text = '后五页'){if($this->lastPage()<$this->currentPage()+5){return $this->getDisabledTextWrapper($text);}$url = $this->url($this->currentPage()+5);return $this->getPageLinkWrapper($url, $text);}//前五页protected function bfivepage($text = '前五页'){if($this->currentPage()<5){return $this->getDisabledTextWrapper($text);}$url = $this->url($this->currentPage()-5);return $this->getPageLinkWrapper($url, $text);}/*** 下⼀页按钮* @param string $text* @return string*/protected function getNextButton($text = '下⼀页'){if (!$this->hasMore) {return $this->getDisabledTextWrapper($text);}$url = $this->url($this->currentPage() + 1);return $this->getPageLinkWrapper($url, $text);}//跳转到哪页protected function gopage(){return $gotohtml="<li><form action='' method='get' ><span><input type='text' name='page'> <input type='submit' value='确定'> </span></form></li>"; // return $totalhtml;;}/*** 页码按钮* @return string*/protected function getLinks(){if ($this->simple)return '';$block = ['first' => null,'slider' => null,'last' => null];$side = 2;$window = $side * 2;if ($this->lastPage < $window +1) {$block['slider'] = $this->getUrlRange(1, $this->lastPage);} elseif ($this->currentPage <= $window-1) {$block['slider'] = $this->getUrlRange(1, $window + 1);} elseif ($this->currentPage > ($this->lastPage - $window+1)) {$block['slider'] = $this->getUrlRange($this->lastPage - ($window), $this->lastPage);} else {$block['slider'] = $this->getUrlRange($this->currentPage - $side, $this->currentPage + $side); }$html = '';if (is_array($block['first'])) {$html .= $this->getUrlLinks($block['first']);}if (is_array($block['slider'])) {$html .= $this->getUrlLinks($block['slider']);}if (is_array($block['last'])) {$html .= $this->getUrlLinks($block['last']);}return $html;}/*** 渲染分页html* @return mixed*/public function render(){if ($this->hasPages()) {if ($this->simple) {return sprintf('<ul class="pager">%s %s %s</ul>',$this->getPreviousButton(),$this->getNextButton());} else {return sprintf('<ul class="pagination"> %s %s %s %s %s %s %s %s </ul>',//显⽰数量页码信息$this->totalshow(),//第⼀页$this->showfirstpage(),//上⼀页$this->getPreviousButton(),//前五页$this->bfivepage(),//页码$this->getLinks(),//后五页$this->afivepage(),//下⼀页$this->getNextButton(),//最后⼀页$this->showlastpage()//最后再加个参数 %s 可以显⽰跳转到哪页// $this->gopage());}}}/*** ⽣成⼀个可点击的按钮** @param string $url* @param int $page* @return string*/protected function getAvailablePageWrapper($url, $page){return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>'; }/*** ⽣成⼀个禁⽤的按钮** @param string $text* @return string*/protected function getDisabledTextWrapper($text){return '<li class="disabled"><span>' . $text . '</span></li>';}/*** ⽣成⼀个激活的按钮** @param string $text* @return string*/protected function getActivePageWrapper($text){return '<li class="active"><span>' . $text . '</span></li>';}/*** ⽣成省略号按钮** @return string*/protected function getDots($text = '...'){//$url = $this->url($this->currentPage() + 1);// return $this->getPageLinkWrapper($url, $text);return $this->getDisabledTextWrapper('...');}/*** 批量⽣成页码按钮.** @param array $urls* @return string*/protected function getUrlLinks(array $urls){$html = '';foreach ($urls as $page => $url) {$html .= $this->getPageLinkWrapper($url, $page);}return $html;}/*** ⽣成普通页码按钮** @param string $url* @param int $page* @return string*/protected function getPageLinkWrapper($url, $page){if ($page == $this->currentPage()) {return $this->getActivePageWrapper($page);}return $this->getAvailablePageWrapper($url, $page); }}3、使⽤⽅法$test=Db::name("test")->paginate(2,false,['type'=>'BootstrapDetailed']);。

element的pagination自定义

element的pagination自定义

element的pagination自定义element-ui的pagination组件提供了许多默认样式和功能,但也可以通过自定义样式和事件等方式进行定制化。

1. 自定义样式可以通过`slot-scope`实现自定义分页按钮的样式,示例代码如下:html<el-pagination:total="100":page-size="10"layout="prev, pager, next"><template slot="prev"><span class="prev-btn">Prev</span></template><template slot="next"><span class="next-btn">Next</span></template></el-pagination>其中,`prev`和`next`表示上一页和下一页的按钮槽,可以写入自定义的HTML 标签和样式类,例如上面的代码将分页按钮改为了`Prev`和`Next`文字样式。

2. 自定义事件可以通过绑定事件方式实现自定义分页场景的功能扩展,示例代码如下:html<el-pagination:total="100":page-size="10"@current-change="handleCurrentChange"></el-pagination>其中,`current-change`表示页码改变时触发的事件名称,可以绑定自定义事件回调函数,例如:jsmethods: {handleCurrentChange(val) {console.log(`当前页码是{val}`);}}可以通过`val`参数获取当前页码值,实现自定义的分页策略和数据处理逻辑。

T13 自定义标签

T13 自定义标签

2、使用自定义标签 、
<xf:helloworld /><br> <xf:hello>清华IT</xf:hello>
复杂的自定义的标签-1 复杂的自定义的标签
带属性设置的标签
例子: 例子:HelloAttTag
带body的自定义标签 的自定义标签
BodyTag接口 主要处理带正文的标签 接口:主要处理带正文的标签 接口
是一个标记接口,它有一个直接子接口 是一个标记接口,它有一个直接子接口: Tag接口, 它是经典的、必须实现的接口。 接口, 接口 它是经典的、必须实现的接口。
public interface JspTag { }
JspTag与Tag接口介绍 与 接口介绍
public interface Tag extends JspTag { public final static int SKIP_BODY = 0; public final static int EVAL_BODY_INCLUDE = 1; public final static int SKIP_PAGE = 5; public final static int EVAL_PAGE = 6; void setPageContext( PageContext pc ); void setParent( Tag t ); Tag getParent( ); int int doStartTag( ) throws JspException; doEndTag( ) throws JspException;
<description>继承 继承TagSupport抽象类创建标签 抽象类创建标签</description> 继承 抽象类创建标签

JEECMS标签使用

JEECMS标签使用

以下部分标签仅供JEECMS v1.x系列版本参考使用标签是JEE CMS中的重要概念,上一讲中,我们介绍了模板,并且说模板就像试卷,不同的考生填入不同的内容,就形成了不同的页面。

这一点在模板中是怎么实现的呢?简单起见,我们先考虑一下内容页模板,下面是一个简单的内容页模板:<html><head><title>${新闻标题}</title></head><body><h1>${新闻标题}</h1>${新闻内容}</body></html>这是不是有点像考试卷呢?在${}中就是考生要填入的内容,在JEE CMS中这部分内容会根据您录入的新闻,自动填入。

下面是一个真正的模板:<html><head><title>${arti.titleContent}</title></head><body><h1>${arti.titleContent}</h1>${arti.content}</body></html>是不是很简单呢?是的,使用JEE CMS建站,一切都是那么简单。

现在来看看栏目页模板,栏目页是一个栏目的封面,其中最基本的一个需求就是,能够显示这个栏目的新闻列表;否则浏览者无法看到这个栏目的实际内容。

看一个最简单的栏目页:<html><head><title>${栏目名称}</title></head><body><ul><li><a href="#">超强台风蔷薇逼近台湾</a></li><li><a href="#">神七将进行卫星数据中继试验</a></li><li><a href="#">美国国会解除近海石油开采禁令</a></li></ul></html>下面是实现这个效果的模板:<html><head><title>${}</title></head><body>[@u.ArtiList count='3'/]</body></html>其中[@u.ArtiList count='3'/]是我们看到的第二种标签,这种标签具有强大的能力,可以传递参数,count='3'是指读取本栏目最新的三条新闻。

标签模板怎么设置

标签模板怎么设置

标签模板怎么设置在百度文库中,标签模板的设置可以帮助文档作者更好地管理和分类自己的文档,也可以让读者更容易地找到自己感兴趣的文档。

因此,正确地设置标签模板是非常重要的。

接下来,我将介绍如何设置标签模板。

首先,登录百度文库账号并打开需要设置标签模板的文档。

在文档编辑页面的右侧可以找到“标签模板”选项,点击进入标签模板设置页面。

在标签模板设置页面,可以看到已有的标签模板和可以添加新的标签模板。

如果需要添加新的标签模板,只需要在输入框中输入标签名称,然后点击“添加”按钮即可。

在添加标签模板时,建议使用简洁明了的标签名称,这样可以更方便地进行分类和检索。

在设置标签模板时,还可以对已有的标签模板进行编辑和删除。

如果某个标签模板不再适用于当前文档,可以直接点击“删除”按钮进行删除操作。

而对于已有的标签模板,也可以通过点击“编辑”按钮进行修改,比如修改标签名称或者调整标签的分类。

在设置标签模板时,还可以对标签进行分类。

比如可以将标签按照文档的类型、主题、作者等进行分类,这样可以更好地进行管理和检索。

在添加新的标签模板时,可以选择所属的分类,这样可以更清晰地进行标签管理。

设置完标签模板后,记得点击“保存”按钮进行保存操作。

保存后,文档的标签模板就设置完成了。

在文档详情页面,读者就可以看到这些标签,方便他们进行检索和筛选。

总的来说,正确地设置标签模板可以帮助文档作者更好地管理和分类自己的文档,也可以让读者更容易地找到自己感兴趣的文档。

因此,在上传文档时,一定要认真地设置标签模板,这样可以提高文档的可见性和检索性,也可以更好地满足读者的需求。

希望以上内容能够对您有所帮助,感谢阅读!。

JSF中自定义分页呈现器(Render)的实现和应用

JSF中自定义分页呈现器(Render)的实现和应用
S UN a l ZHAO h n — n Hu —i n, Z e g we
( o ue cec eat n , otw s Pt lu n esy C egu60 0 ,C ia C mptr ineD pr t Suh et e em U i ri , h nd 15 0 hn ) S me r o v t A src:aaSre ae F s necl n aci c cs e sfleh b tatJv evr csfS )ia xe et rht t e o lei bap cf n. S r ue nw ueu tc- F J l eu d i n ii no a
1 1 开发 自定 义分 页呈 现器 ( e d rr 类 . R n ee )
所有呈现器都必须继承一个抽象类 : v 、 cs j a f e、 ax a
rn e、 e d rr e d rR n e 。本 文所 要写 的呈 现器 为 s p 、cy e w u zg 、 e e、ai tn edrr r drP g ai R n ee。它 的子 类 可 附着 组 件 , n n o 负
< :a Tbe h dt al>时 , 困 难 实 现 分 页 。幸 运 的是 ,S a 很 JF 技术允 许开发 人员 通 过将 u I组件 功 能与 定义 了针对 特定 u I组件 的呈 现屙 陛的 自定义 rnee 相结 合 , edrr 让 表现层 技术可 以轻易地 抽换 。下 面将实 现一 个 自定义 的呈现 器 (edrr , rnee)它是 JF标 准组 件数 据 表格 <h S : dt al> a T b 的伴侣, a e 可以用于使 用 < :a T b > h dt al 创 a e
0 引 言
Jv evr ae J F aaS re c s(S )是 一种用 于构 建 We F b应 用程 序 的新 标 准 Jv aa框架 。它提 供 了一 种 以组件 为 中心来 开 发 Jv b用 户 界 面 的方 法 , 广 大 基 于 aaWe 为 Jv aa的 We 用用 户 界 面 的开 发人 员 提供 了标 准 的 b应 编程接 口、 丰富 可 扩展 的 u 组件 库 、 I 事件 驱 动模 型 等 套完 整 的 We 用 框架 。通 过 使用 JF 可 以在 页 b应 S, 面 中轻 松 自如地使 用 We b组件 、 捕获 用 户行为所 产 生 的事件 、 执行 验 证 、 建立 页 面 导航 …等 等。 它 的 u 组 I 件也有 多种形式 , 以简单 到 只是 显示 文本 的 otu. 可 upt Lbl或者 复杂 到 可 以表 示 来 自数 据 集 合 ( 数 据库 ae, 如 表) 的表格 化数 据 的 dt al。但 是 当使 用 JF组件 a Tbe a S

jquery分页插件_可随意改变样式

jquery分页插件_可随意改变样式

1.JQpage源码/***pluginname:JQpage*version1.0*authoryqm*企鹅:2-3-8-7-5-0-3-1-0-6*time:2015-12-8*Explain:在一次项目开发中,前期项目使用了easyui,但是客户比较BT,说easyui的datagrid太丑!!于是没办法只有自己写一个分页,*但是又不想改变后台java代码,所以就以easyui的datagrid后台返回格式数据,写了一个前端的jquery分页插件。

*本插件主要立足于尽可能的满足所有表格样式需求,所以完全可以自己定制你想要的所有样式,绝对兼容easyui返回的后端json数据,然后又能完美的扩展其它组件,*皆可以自定义做所有你能想到的事情,目前版本提供的是一个较为基础的分页版本,相信有一定js基础的人,都能很方便的扩展。

**该插件放到网络上分享给大家,若是大家有更好的建议,或者对插件做了变更,希望你能把变更并且优秀的代码也分享给我,大家一起学习完善*有需要帮助的同学也可以Q我**/var StringBuffer = function(){this._strings = new Array();};StringBuffer.prototype.append=function(str){this._strings.push(str);returnthis;};StringBuffer.prototype.toString=function(){returnthis._strings.join("");};var JQpage = function(){this.page=1;//起始页this.rows=10;//每页显示的行数this.url=null;//获取远程数据的地址this.params='';//远程访问的参数,可直接使用$('#form').serialize()this.tableTarget=null;//表格,带选择符this.pageTarget=null;//分页控制区域,带选择符this.data=null;//分页数据this.fields=null;//所有字段this.rowColor=['#FFF','#F7F8FA'];//隔行换色的两种颜色this.rowHoverColor='#FACE6D';this.pageComponent={begin:'#jqpage-base-begin',//首页up:'#jqpage-base-up',//上一步next:'#jqpage-base-next',//下一步end:'#jqpage-base-end',//尾页totalRows:'#jqpage-totalRows',//总行数totalPage:'#jqpage-totalPage',//总页数sort:'#jqpage-sort'};}/***初始化组件之前的方法,返回false可以阻止组件和数据初始化*/JQpage.prototype.before = function(){returntrue;};/***构建数据中心*/JQpage.prototype.dataFactory = function(){var _this = this;if(_this.url==null)return;var param = new StringBuffer();param.append(_this.params).append("&page=").append(_this.page).append("&row s=").append(_this.rows);$.ajax({type: "POST",url: _this.url,data: param.toString(),dataType:"JSON",async: false,success: function(data){_this.data = data;//初始化数据_this.list();//构建列表_this.pagination();//构建分页工具条_this.local();//构建本地组件_this.sort();//构建排序组件},beforeSend:function(){return _this.before();},error:function(XMLHttpRequest, textStatus, errorThrown){alert("JQpage组件初始化失败!"+textStatus+":"+errorThrown);}});};/***列表展示*/JQpage.prototype.list = function(){var _this = this;var th = new StringBuffer();th.append('<tr>');for(var key in _this.fields){if(_this.fields[key].attribute && _this.fields[key].attribute.th){ th.append('<th ');for(var op in _this.fields[key].attribute.th){th.append(op).append('="').append(_this.fields[key].attribute.th[op]).appen d('" ');}th.append('>');}else{th.append('<th>');}th.append(_this.fields[key].name).append('</th>');}th.append('</tr>');$(_this.tableTarget).html(th.toString());//th列头输出var tr = new StringBuffer();$.each(_this.data.rows, function(i,item){tr.append('<tr id=tr').append(i).append('>');for(var key in _this.fields){if(_this.fields[key].attribute &&_this.fields[key].attribute.td){tr.append('<td ');for(var op in _this.fields[key].attribute.td){tr.append(op).append('="').append(_this.fields[key].attribute.td[op]).appen d('" ');}tr.append('>');}else{tr.append('<td>');}if(_this.fields[key].formatter){tr.append(_this.fields[key].formatter(item[key],item,i));}else{tr.append(item[key]);}tr.append('</td>')}tr.append('</tr>');});$(_this.tableTarget).append(tr.toString());$(_this.tableTarget).find('tr').each(function(i){this.style.backgroundColor=_this.rowColor[i%2];$(this).bind({mouseover:function(){this.style.backgroundColor=_this.rowHoverColor;},mouseout:function(){this.style.backgroundColor=_this.rowColor[i%2];}});});};/***分页控制*/JQpage.prototype.pagination = function(){var _this = this;var pageAll = Math.ceil(_this.data.total/_this.rows);var pageTarget = $(_this.pageTarget);var aup = pageTarget.find(_this.pageComponent.up);//上一页var anext = pageTarget.find(_this.pageComponent.next);//下一页var abegin = pageTarget.find(_this.pageComponent.begin);//首页var aend = pageTarget.find(_this.pageComponent.end);//尾页aup.css({cursor:'auto'}).unbind();anext.css({cursor:'auto'}).unbind();abegin.css({cursor:'auto'}).unbind();aend.css({cursor:'auto'}).unbind();if(_this.page == 1 && pageAll > 1){//当起始页小于0时移除超链接anext.css({cursor:'pointer'}).bind('click',function(){_this.next();});aend.css({cursor:'pointer'}).bind('click',function(){_this.end();});} elseif(_this.page == pageAll){//当当前页大于等于总页数时移除超链接 aup.css({cursor:'pointer'}).bind('click',function(){_this.up();});abegin.css({cursor:'pointer'}).bind('click',function(){_this.begin();});}elseif(_this.page>1 && _this.page <pageAll) {anext.css({cursor:'pointer'}).bind('click',function(){_this.next();});aend.css({cursor:'pointer'}).bind('click',function(){_this.end();});aup.css({cursor:'pointer'}).bind('click',function(){_this.up();});abegin.css({cursor:'pointer'}).bind('click',function(){_this.begin();});}};/***构建本地组件,可以自己从写实现,以下是默认实现*/JQpage.prototype.local = function(){var _this = this;var target = $(_this.pageTarget);var pageAll = Math.ceil(_this.data.total/_this.rows);target.find("select").empty();for(var num = 1; num <= pageAll; num++) {//下拉列表框选择页数$("<optionvalue="+num+">"+num+"</option>").appendTo(target.find("select"));}target.find("select").val(_this.page)//设置列表框选中值,进入第几页.change(function(){//列表框改变触发_this.page=target.find("select").val();//对开始值赋值_this.init();});target.find("input").val(_this.rows)//设置文本框的值,没设置的情况下默认是10.blur(function(){_this.rows = target.find("input").val();//对每页显示数量赋值_this.init();});target.find(_this.pageComponent.totalRows).text(_this.data.total);target.find(_this.pageComponent.totalPage).text(pageAll);};/***排序组件组件扫描对象ID标签下的子标签a,每个a标签必带sortName="createDate"sortOrder="asc"的值还有desc*/JQpage.prototype.sort = function(){var _this = this;if($(this.pageComponent.sort))$(this.pageComponent.sort).children("a").unbind().each(function(){ var that = $(this);that.bind({click:function(){that.siblings().removeClass().addClass('jqpage-sort-asc');that.addClass('jqpage-sort-hover');that.removeClass('jqpage-sort-asc');var order = that.attr('sortOrder');if(order=='desc'){that.removeClass('jqpage-sort-desc');that.addClass('jqpage-sort-asc');that.attr('sortOrder','asc');}else{that.removeClass('jqpage-sort-desc');that.addClass('jqpage-sort-desc');that.attr('sortOrder','desc');}_this.params='&sortOrder='+order+'&sortName='+that.attr('sortName');_this.init();}});});};/***下一页*/JQpage.prototype.next = function(){this.page+=1;this.dataFactory();};/***上一页*/JQpage.prototype.up=function(){this.page-=1;this.dataFactory();};/***开始*/JQpage.prototype.begin=function(){this.page=1;this.dataFactory();};/***尾页*/JQpage.prototype.end=function(){this.page=Math.ceil(this.data.total/this.rows);this.dataFactory();};/***初始化*/JQpage.prototype.init=function(){this.dataFactory();}2.CSS#listTable{background-color:#E0DCDD;}#listTable th{background-color:#74B0EE;font-weight:normal;height:28px;color:#fff;text-align:center;}#listTable td{text-align:center;}.jqpage-nav{width:100%;height:28px;line-height:28px;}.jqpage-sort{width:30%;float:left;}.jqpage-sort a{height:10px;line-height:10px;display:block;float:left;padding:5px;padding-right:15px;border:1pxsolid#ccc;cursor:pointer;}.jqpage-sort-hover{color:#FF8C01;}.jqpage-sort a:HOVER{color:#FF8C01;}.jqpage-sort-asc{background:url("../images/n_asc.png")no-repeat97%3px; }.jqpage-sort-desc{background:url("../images/n_desc.png")no-repeat97%3px; }.jqpage-menu{width:60%;float:right;}.jqpage-menu span{display:block;float:right;margin-right:5px;position:relative;}.jqpage-menu img{margin-top:3px;}.jqpage-menu input{width:35px;height:12px;border:1pxsolid#ccc;margin-top:5px;}#jqpage-base-begin,#jqpage-base-up,#jqpage-base-next,#jqpage-base-end{ display:block;position:absolute;height:18px;top:5px;}#jqpage-base-begin{width:23px;left:3px;}#jqpage-base-up{width:18px;left:33px;}#jqpage-base-next{width:18px;left:57px;}#jqpage-base-end{width:23px;left:83px;}3.案列以下是自己页面的源码,原封不动的贴上来供大家参考,源码使用了分页所有的功能,并且还扩展了些许,另外调用了一些其它函数,就不用给出了,末尾给上了效果图<%@page language="java"contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01Transitional//EN""/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type"content="text/html; charset=UTF-8"><title>JQpage分页</title></head><body><div class="jqpage-nav"id="jqpage-nav"><div class="jqpage-sort"id="jqpage-sort"><a class="jqpage-sort-ascjqpage-sort-hover"sortName="createDate"sortOrder="asc">创建时间</a><a class="jqpage-sort-asc"style="border-left: 0"sortName="updateDate"sortOrder="asc">更新时间</a><a class="jqpage-sort-asc"style="border-left: 0"sortName="birthData"sortOrder="asc">出生时间</a></div><div class="jqpage-menu"><span style="border: 1px solid #93BFE6;background-color: #D6EBFE;height: 15px;padding: 1px 4px;line-height: 15px;margin-top: 3px;" id="pageTagetMenu">跳转</span><span><input type="text"id="pageTarget"></span><span><img src="../r/hssoft/www/anjian/default/images/n_page.png"><a id="jqpage-base-begin"></a><a id="jqpage-base-up"></a><a id="jqpage-base-next"></a><a id="jqpage-base-end"></a></span><span>每页<input type="text"id="jqpage-pageRows">条记录,共<a id="jqpage-total"></a>条记录,页数<a id="jqpage-now"></a>/<a id="jqpage-totalPage"></a>页</span></div></div><table align="center"id="listTable"cellspacing="1"width="100%"></table><script type="text/javascript">var ryList={sex:null,zjlx:null,getText:function(value,data){var val="";$.each(data,function(){if(value==this.id){val = this.text;}});return val;},formatter:function(value,row,index){return forGrList.createHtml(row.civicId,index)},update:function(id){var opt={title:'人员修改',width:670,height:310,url:main.base+'/dsr/get.jspx?page=edit&id='+id};main.dialog(opt);},detail:function(id){var opt={title:'详细信息',width:670,height:280,url:main.base+'/dsr/get.jspx?page=detail&id='+id};main.dialog(opt);},del:function(id,index){$.messager.confirm('确认','您确认想要删除记录吗?',function(r){ if (r){$.post(main.base+'/dsr/deleteStatus.jspx?id='+id,function(msg){$('#tr'+index).remove();});}});},search:function(){var parms = $('#searchForm').serialize();_jqpage.params=encodeURI(parms);_jqpage.init();},select:function(){var table = $(_jqpage.tableTarget);var cbox = table.find("input:checked");var box = table.find(":checkbox");if(cbox.length!=box.length){table.find(":checkbox").prop("checked", true);}else{table.find(":checkbox").prop("checked", false);}}};var _jqpage;$(function() {_jqpage = new JQpage();_jqpage.fields={civicId:{},//占位no:{name:'序号',formatter:function(value,rows,index){return index+1;},attribute:{th:{width:'5%'},td:{style:'background-color:#EBF1FF;color:#5C5C5C' }}},userName:{name:'用户名',attribute:{th:{width:'10%'}}},sex:{name:'性别',attribute:{th:{width:'10%'}},formatter:function(value,rows,index){return ryList.getText(value,ryList.sex);;}},contactNumber:{name:'联系电话',attribute:{th:{width:'10%'}}},certificateType:{name:'证件类型',attribute:{th:{width:'10%'}},formatter:function(value,rows,index){return ryList.getText(value,ryList.zjlx);;}},certificateNo:{name:'证件号',attribute:{th:{width:'10%'}}},updateDate:{name:'更新日期',attribute:{th:{width:'15%'}}},birthData:{name:'出生日期',attribute:{th:{width:'15%'}}},xxx:{name:'操作',width:'10%',attribute:{th:{width:'10%'}},formatter:function(value,rows,index){return ryList.formatter(value,rows,index);}}};_jqpage.fields.civicId={name:'全选',formatter:function(value,rows,index){return'<input type="checkbox" value='+value+' />' },attribute:{th:{width:'4%',style:'color:blue;cursor:pointer;',onclick:'ryList.select()'},td:{align:'center',style:'background-color:#EBF1FF;'}}};_jqpage.tableTarget="#listTable";_jqpage.pageTarget="#jqpage-nav";_jqpage.url=main.base+'/dsr/page.jspx';_jqpage.local=function(){var _this = this;var pageAll = Math.ceil(_this.data.total/_this.rows);$('#jqpage-pageRows').unbind();$("#jqpage-pageRows").val(_this.rows).blur(function(){ _this.rows = $(this).val();//对每页显示数量赋值if(_this.rows<1 || _this.rows>_this.data.total)return;_this.init();});$('#jqpage-total').text(_this.data.total);$('#jqpage-now').text(_this.page);$('#jqpage-totalPage').text(pageAll);$('#pageTagetMenu').unbind();$('#pageTagetMenu').css({cursor:'pointer'}).bind('click',function(){ _this.page= $('#pageTarget').val();//对开始值赋值if(_this.page<1 || _this.page>pageAll)return;_this.init();})};//加载分页组件前,执行的初始化操作_jqpage.before=function(){try{//初始化性别ryList.sex = $.parseJSON($.ajax({url:main.basePath+'/json/sex.json',async: false }).responseText);//初始化证件类型ryList.zjlx = $.parseJSON($.ajax({url:main.basePath+'/json/zjlx.json',async: false }).responseText);}catch(e){alert( + ": " + e.message);returnfalse;}returntrue;};_jqpage.init();});</script></body></html>上面搜索条件部分CSS自己写的就不贴上来了4.使用说明1、_page.fields对象包含后台json传递进来的属性对应的名称,每一个属性被附加定义了一些组件:----name:属性对应显示在列头“th”中的名称---- attribute:属性对应在html的“th”列头与“td”单元格所有本身支持的属性和样式---- formatter:格式化输出到单元格显示的内容包含三个参数value,rows,index2、_page.tableTarget对象指定要显示列表的table容器3、_page.pageTarget对象指定分页工具条的容器4、_page.url对象指定访问后台的地址5、_page.local = function(){} 该对象方法用于本地分页其它组件的自定义编写6、_page.init()初始化,并加载分页组件和数据5.符源码默认使用的表格样式,贴进去就可以用看效果改下page.tableTarget,_page.pageTarget,_page.url,执行_page.init()就可看效果分页工具条的table<table align="center"id="pageTable"border="0"bgcolor="#cccccc"width="100%"><tr><td align="right"><a>每页<input type="text"value=""size="1">条&nbsp;&nbsp;</a><a>共<span id="jqpage-totalRows"></span>条记录&nbsp;&nbsp;&nbsp;</a>&nbsp;&nbsp;<a id="jqpage-base-begin">首页</a>&nbsp;<a id="jqpage-base-up">上一页</a>&nbsp;&nbsp;<a id="jqpage-base-next"style="cursor: pointer;">下一页</a>&nbsp;<a id="jqpage-base-end"style="cursor: pointer;">尾页</a>&nbsp;&nbsp;<a>第<select></select>页/共</a><a id="jqpage-totalPage"></a>页</td></tr></table>数据列表的table<table align="center" id="listTable" cellspacing="1"width="100%"></table>。

文件夹侧面标签模板(可编辑修改word版)

文件夹侧面标签模板(可编辑修改word版)

文件夹侧面标签模板(可编辑修改word版)
为了方便管理文件夹及快速查找所需文件,我们可以使用标签
模板来标记文件夹的侧面。

这样可以使每个文件夹都清晰可见,并
且可以随时更改标签内容。

模板设计
1. 下载模板
首先,我们需要下载一个可以编辑和修改的Word版标签模板。

可以从以下网站下载标签模板:
2. 打开模板
下载完成后,双击打开Word软件并导入标签模板文件。

3. 编辑标签内容
在打开的标签模板中,可以看到已经存在的示例标签。

你可以
根据自己的需求,修改标签内容,如文件夹名称、日期、关键词等。

可以使用Word提供的编辑工具(如字体、颜色、大小等)进行个
性化的设计。

4. 打印标签
编辑完成后,可以选择将标签打印出来。

使用适合的标签纸张,调整打印设置,确保每个标签都可以准确地贴在文件夹的侧面。

5. 修改标签
如果你需要更改标签内容,只需重新打开标签模板,按照步骤
3进行编辑,并重新打印即可。

注意事项
- 在下载标签模板时,确保从可信赖的网站下载,以防下载到
恶意软件。

- 在编辑标签内容时,注意文件夹名称的准确性,确保标签的一致性和可读性。

- 打印标签时,使用合适的纸张和打印设置,避免模糊或偏移的标签。

通过使用文件夹侧面标签模板,你可以有效地管理文件夹,并轻松找到所需文件。

这样可以提高工作效率,同时使文件整理更加有序和方便。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

标签处理类:/*** ClassName: PagerTag.java* created on Oct 21, 2008* Copyrights 2008 qjyong All rights reserved.* EMail: qjyong@*/package com.qiujy.tags;import java.io.IOException;import java.util.Enumeration;import javax.servlet.http.HttpServletRequest; import javax.servlet.jsp.JspException;import javax.servlet.jsp.tagext.TagSupport;/*** 自定义分页标签* 使用方式<my:pager pageSize="10"* pageNo="1"* recordCount="100"* url="index.jsp" />** @author qiujy**/public class PagerTag extends TagSupport { private int pageSize = 10; // 每页要显示的记录数private int pageNo = 1; // 页号private int recordCount; // 总记录数private String url; // 目的地URLpublic void setPageSize(int pageSize) {this.pageSize = pageSize;}public void setPageNo(int pageNo) {this.pageNo = pageNo;}public void setRecordCount(int recordCount) {this.recordCount = recordCount;}public void setUrl(String url) {this.url = url;}// 主要的逻辑@Overridepublic int doStartTag() throws JspException {if(recordCount == 0){return super.doStartTag();}// 总页数int pageCount = (recordCount + pageSize - 1) / pageSize;// 页号越界处理if (pageNo > pageCount) {pageNo = pageCount;}if (pageNo < 1) {pageNo = 1;}StringBuilder sb = new StringBuilder();sb.append("<form name='pageController' id='pageController' action='' method='post'>\r\n") .append("<input type='hidden' id='pageNo' name='pageNo' value='" + pageNo + "' />\r\n");//------------------------------------ 获取所有請求中的参数HttpServletRequest request = (HttpServletRequest) pageContext.getRequest();Enumeration<String> enumeration = request.getParameterNames();String name = null;String value = null;//把请求中的所有参数当作隐藏表单域在页面中写出)while (enumeration.hasMoreElements()) {name = enumeration.nextElement();value = request.getParameter(name);// 去除页号if (name.equals("pageNo")) {if (null != value && !"".equals(value)) {pageNo = Integer.parseInt(value);}}sb.append("<input type='hidden' name='").append(name).append("' value='").append(value).append("'/>\r\n");}//----------------------------------------------------sb.append(" 总共有" + pageCount + "页,").append("当前是第" + pageNo + "页\r\n");if (pageNo == 1) {sb.append("首页");sb.append(" ");sb.append("上一页\r\n");} else {sb.append("<a href='#' onclick='turnOverPage(1)'>首页</a>\r\n"); sb.append(" ");sb.append("<a href='#' onclick='turnOverPage(").append((pageNo - 1)).append(")'>上一页</a>\r\n");}sb.append(" ");if (pageNo == pageCount) {sb.append("下一页");sb.append(" ");sb.append("尾页\r\n");} else {sb.append("<a href='#' onclick='turnOverPage(").append((pageNo + 1)).append(")'>下一页</a>\r\n");sb.append(" ");sb.append("<a href='#' onclick='turnOverPage(").append(pageCount) .append(")'>尾页</a>\r\n");}sb.append(" 跳到<select onChange='turnOverPage(this.value)'>\r\n"); for (int i = 1; i <= pageCount; i++) {if (i == pageNo) {sb.append(" <option value='").append("' selected='selected'>第").append(i).append("页</option>\r\n");} else {sb.append(" <option value='").append(i).append("'>第").append(i).append("页</option>\r\n");}}sb.append("</select>\r\n");sb.append(" \r\n");sb.append("</form>\r\n");// 生成提交表单的JSsb.append("<script language='javascript'>\r\n");sb.append(" //翻页函数\t\n");sb.append(" function turnOverPage(no){\r\n");sb.append(" var form = document.pageController;\r\n");sb.append(" //页号越界处理\r\n");sb.append(" if(no").append(">").append(pageCount).append(") {\r\n");sb.append(" no=").append(pageCount).append(";\r\n");sb.append(" }\r\n");sb.append(" if(no").append("< 1){\r\n");sb.append(" no=1;\r\n");sb.append(" }\r\n");sb.append(" form.").append("pageNo").append(".value=no;\r\n");sb.append(" form.action='").append(url).append("';\r\n");sb.append(" form.submit();\r\n");sb.append(" }\r\n");sb.append("</script>\r\n");try {pageContext.getOut().println(sb.toString());} catch (IOException e) {e.printStackTrace();}return super.doStartTag();}}二、标签库描述文件:<?xml version="1.0" encoding="UTF-8"?><taglib version="2.0" xmlns="/xml/ns/j2ee"xmlns:xsi="/2001/XMLSchema-instance"xsi:schemaLocation="/xml/ns/j2ee web-jsptaglibrary_2_0.xsd"><tlib-version>2.0</tlib-version><short-name>my</short-name><uri>/qjyong</uri><tag><description>通用分页标签</description><name>pager</name><tag-class>com.qiujy.tags.PagerTag</tag-class><body-content>empty</body-content><attribute><name>pageNo</name><required>true</required><rtexprvalue>true</rtexprvalue></attribute><attribute><name>recordCount</name><required>true</required><rtexprvalue>true</rtexprvalue></attribute><attribute><name>pageSize</name><required>true</required><rtexprvalue>true</rtexprvalue></attribute><attribute><name>url</name><required>true</required><rtexprvalue>true</rtexprvalue></attribute></tag></taglib>三、把标签处理类和tld打成pager.jar包。

相关文档
最新文档