首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
www.64222.comAjax分页的实现_jquery_脚本之家,快捷键支持的问题_javascript技巧_脚本之家
发布时间:2019-12-28 20:40
浏览次数:

问题一个页面有两个面板,都有一个按钮,如何做快捷键支持?图片示意

aspx页: 复制代码 代码如下:

复制代码 代码如下:

为了锻炼下JQuery,决定自己动手写写分页最终的效果如图:

第一次实现感觉应该很简单,ExtJs提供了“Ext.util.KeyMap”,很容易做快捷键支持。代码示例复制代码 代码如下:/// Ext.onReady { var viewport = Ext.create('Ext.container.Viewport', { layout: { type: 'vbox', align: 'stretch' }, padding: 10, items: [{ xtype: 'panel', id: 'panelA', title: '快捷键测试A', tbar: [{ text: '添加' }], frame: true, flex: 1, html: '您好,这里显示的表格或表单 。' }, { xtype: 'panel', id: 'panelB', title: '快捷键测试B', tbar: [{ text: '添加' }], frame: true, flex: 1, html: '您好,这里显示的表格或表单 。' }] }); Ext.create('Ext.util.KeyMap', { target: 'panelA', key: Ext.EventObject.F2, fn: function { alert; ev.stopEvent; Ext.create('Ext.util.KeyMap', { target: 'panelB', key: Ext.EventObject.F2, fn: function { alert; ev.stopEvent;}); 实际结果打开浏览器后直接按F2没有效果;打开浏览器后用鼠标点击A或B后再按F2同样没有效果。 第二次实现原来是div元素必须增加tabindex=0的属性才行。代码示例复制代码 代码如下:/// Ext.onReady { var viewport = Ext.create('Ext.container.Viewport', { layout: { type: 'vbox', align: 'stretch' }, padding: 10, items: [{ xtype: 'panel', id: 'panelA', title: '快捷键测试A', tbar: [{ text: '添加' }], frame: true, flex: 1, html: '您好,这里显示的表格或表单 。', autoEl: { tag: 'div', tabindex: 0 } }, { xtype: 'panel', id: 'panelB', title: '快捷键测试B', tbar: [{ text: '添加' }], frame: true, flex: 1, html: '您好,这里显示的表格或表单 。', autoEl: { tag: 'div', tabindex: 0 } }] }); Ext.create('Ext.util.KeyMap', { target: 'panelA', key: Ext.EventObject.F2, fn: function { alert; ev.stopEvent; Ext.create('Ext.util.KeyMap', { target: 'panelB', key: Ext.EventObject.F2, fn: function { alert; ev.stopEvent;});实际结果打开浏览器后直接按F2没有效果;打开浏览器后用鼠标点击A或B后再按F2就有效果了。第三次实现要解决打开浏览器之后不用点击div就能识别快捷键,需要手动调用foucs()方法。代码示例复制代码 代码如下:/// Ext.onReady { var viewport = Ext.create('Ext.container.Viewport', { layout: { type: 'vbox', align: 'stretch' }, padding: 10, items: [{ xtype: 'panel', id: 'panelA', title: '快捷键测试A', tbar: [{ text: '添加' }], frame: true, flex: 1, html: '您好,这里显示的表格或表单 。', autoEl: { tag: 'div', tabindex: 0 } }, { xtype: 'panel', id: 'panelB', title: '快捷键测试B', tbar: [{ text: '添加' }], frame: true, flex: 1, html: '您好,这里显示的表格或表单 。', autoEl: { tag: 'div', tabindex: 0 } }] }); Ext.create('Ext.util.KeyMap', { target: 'panelA', key: Ext.EventObject.F2, fn: function { alert; ev.stopEvent; Ext.create('Ext.util.KeyMap', { target: 'panelB', key: Ext.EventObject.F2, fn: function { alert; ev.stopEvent; Ext.get;实际结果打开浏览器后直接按F2有效果了;打开浏览器后用鼠标点击A或B后再按F2就有效果了。

后台cs文件: 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { if ; } } private void load()//就实现绑定 { Jquery三层实现删除功能.Model.T_News mm = new Model.T_News(); Jquery三层实现删除功能.BLL.T_News bb = new BLL.T_News(); string sqlwhere = "Id<25"; ds = bb.GetList;//获取dataset绑定 this.GridView1.DataSource = ds; GridView1.DataBind(); } protected void Button1_Click(object sender, EventArgs e) { //遍历每一行 foreach (GridViewRow item in GridView1.Rows)//一定要记住这里是gridviewrow不是datarow { CheckBox cb = item.FindControl;//找到这个选中项 if //选中 { Jquery三层实现删除功能.BLL.T_News bb = new BLL.T_News(); if (bb.DeleteList//调用bb.DeleteList删除 { Response.Write;

网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth 网页可见区域高: document.body.offsetHeight 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高: document.body.scrollTop 网页被卷去的左: document.body.scrollLeft 网页正文部分上: window.screenTop 网页正文部分左: window.screenLeft 屏幕分辨率的高: window.screen.height 屏幕分辨率的宽: window.screen.width 屏幕可用工作区高度: window.screen.availHeight

www.64222.comAjax分页的实现_jquery_脚本之家,快捷键支持的问题_javascript技巧_脚本之家。点击某个字母后,下方显示以该字母为首字母的所有词语;

分页显示,每页显示15个词语,每组页码有20个,1-20/20-40~~~

首先是在PHP文件中的分页Pager的相关代码复制代码 代码如下: public function searchWordsByInitial(){ //从AJAX发出的URL中获得参数:用户点击的字母和点击的页码 $initial = htmlentities($_POST['initial'], ENT_QUOTES,"UTF-8"); $page = htmlentities($_POST['page'], ENT_QUOTES,"UTF-8"); $words = $this->_createWordObj();

$i=0;//用于显示序号从1开始 $perPageNum=12;//每一页显示的条数为12条 $currentPageFirst=*$perPageNum+1; $currentPageLast=$page*$perPageNum; //获取总记录数 $sumNum=0; foreach ( $words[$initial] as $key=> $word ){ $sumNum++; }

//获取总页数 $pageNums=0; if{ if( $sumNum < $perPageNum ){ $pageNums = 1; } //如果总数据量小于$PageSize,那么只有一页 if( $sumNum%$perPageNum ){ //取总数据量除以每页数的余数 $pageNums = + 1; //如果有余数,则页数等于总数据量除以每页数的结果取整再加一 }else{ $pageNums = $sumNum/$perPageNum; //如果没有余数,则页数等于总数据量除以每页数的结果 } } else{ $pageNums = 0; }

//Pager显示 echo $this->init_searchWordsByInitial_Pager($sumNum,$pageNums,$page);

$tab_str.="

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有