datatable服务端分页后的checkbox问题 40C

添加复选框后在第一页选中后点击下一页,然后再返回到第一页,之前的选中状态都没了,求大神解决,在线等!!!!!!!!!!
还有怎么获取他所有被选中的某个属性集合?

0

10个回答

将复选框的选中值,作为参数传递,在每个分页的时候去判断参数的值,有值得话直接赋值给相应的控件,然后再去绑定表格

1

https://datatables.net/reference/event/
添加select和deselect事件,用全局变量记录住勾选的记录id,然后draw事件中获取加载的数据对比保存的全局变量,id一直用row().select()选中行

https://datatables.net/reference/api/row().select()

datatable的api还是太乱,不怎么好用。。不如easyui简单明了。。

1

刚接触前端这些 不知道怎么实现,各位大佬能说说具体实现吗?现在走到数据显示出来了,
多选框也出来了这一步,我也想过用缓存,但是不知道怎么实现啊,方便的话也可以加下我QQ,1265000839
这个问题都困扰我几天了,api文档和网上的实例都找过了,没能成功!最后能不能解决都在此先 谢谢各位好心人了!

0
weixin_42596784
weixin_42596784 要么不跳转页面,只是打开新的窗口,要么用缓存
大约一年之前 回复
sunshine6677
sunshine6677 用DataTable.data()能获得分页信息,但是checkbox的状态就是你提交后他显示的是你最开始加载时的checkbox状态。
大约一年之前 回复

缓存方式有很多种、比如放URL后面参数、cookies等

0

要么不跳转页面,只是打开新的窗口,要么用缓存

0

这里的分页可以动态生成,利用ajax来实现局部刷新

0

在JS中用一个对象存储选中的checkbox,采用局部刷新的方式翻页,当返回第一页的之后再从js中把选中的内容加载到页面上就行了

0

第一次点击选择时可以记录对应的id,不至于被清空

0

全局变量+监控check状态赋值给全局+data()获取原有checked的方式

0

异步、缓存、传参,有很多种方式可以实现。

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
datatable 服务端分页
首先你需要后端给你的数据格式必须是这样: 参数名也必须是 :  draw    页数 recordsTotal:总条数 recordsFiltered:总条数      recordsTotal和recordsFiltered必须都是总条数,不然分页只能是一页  data:数据   前端 js代码: var lenPage=0    全局显示条数,默认为10 $(functi...
datatable服务端分页配置
前端JS调用代码 $('#table_id').DataTable({ "language": { "sProcessing": "处理中...", "sLengthMenu": "显示 _MENU_ 项结果", "sZeroRecords": "没有匹配结果
dataTable 服务端分页请求
使用datatables之前一直是 数据源形式,一次性请求完数据 然后进行渲染,但是由于本次项目 数据较多首次加载体验效果不好,故领导让改成服务端模式请求。
使用datatable进行服务端分页
分页有两种,一种是前台分页,一种是后台分页,所谓的前台分页就是一次把所有数据查出,然后在前台只展示部分数据,后台分页就是每次只查出特定页的数据,每次翻页时再去数据库查询。前段时间使用了datatable插件进行分页的时候,要用到服务端分页,虽然查到了好多demo,但是用的不明不白的,后面自己看了又看,整理出了一些眉目。 1,前端html代码: //这一步是导入datatable的插件,
使用dataTable实现服务端分页
实现dataTable服务端分页 在上一篇文章中介绍了客户端分页的使用(https://blog.csdn.net/qq_38403662/article/details/85066142),这里介绍一下服务端分页的使用。 省略插件导入代码~ 首先页面 <!-- 搜索条件 可省略~~~2333主要是JS代码 --> <div class="content"> ...
jquery datatable checkbox问题
jquery datatable checkboxrn我用最新版的jquery datatable,可以动态创建出一列check'box,并增加了全选功能,但是我用jquery或是js的getElementById()的方法取checkbox的id或name,始终无法获取选中的内容,结果一看服务器返回的html源代码,其中不包含表格内容(tr、td之类的),但是获取table元素的对象是可以的,请问怎么才能取到所有已选中的checkbox的id或是valuernrn我尝试了一种方法,用getElementById()能取到id=xxx的table元素的内容,这里面可以取到html代码。但html代码中不包含是否已经选中的信息,因此无法进行下去了rn求教了rnrnrn
DataGridView的checkbox及DataTable问题~~~~
我把问题及我想用datagridview控件达到的效果描述一下:rndatagridview的结构:rn首列是Checkbox列,第二列是DataGridViewLinkColumn(因为这里面会显示网址,所以用这个),第3,4,5列是CheckBox列,第6列是TextBox列。rn1.当首列的CheckBox列中的CheckBox为选中状态时,设置第六列的textbox为可用状态(readonly为false),当为未选中状态时,则设置readonly为true. 初时,我用CellClick事件来实现,但这个实现有问题:会引发第3,4,5列(CheckBox列)的CellClick事件rn[color=#FF0000]我想的是能不能动态添加这个CheckBox,单独定制其CheckedChange事件,但不知道具体怎么做?[/color]rnrn2.第二列的值(即网址)必须动态添加:我用了一个DataTable来实现,可是问题来了:如果我事先设好第二列是Link列,则datatable的值会在datagridview控件里另列一列而不是将值赋给第二列,可如果我不设好,而直接用datatable加载数据,则无法设置第二列为DataGridViewLinkColumn列。rn说白了:我想知道除了用datatable加载datagridview第二列的值,我能否手动设置第二列的值(即一个一个单元格添加)。rn我用以下代码设置没用:rn[code=C#]for(int i=0;i
datatable与checkbox问题
请哪位高手给小弟讲解一下怎么样在datatable中动态绑定checkbox.非常急啊!先谢了.
DataTable 服务端模式 进行分页 排序搜索
使用场景 进行大数据处理 提高用户体验 前端HTML部分 link rel="shortcut icon" href="favicon.ico"> link href="__PUBLIC__/admin/Theme1/css/bootstrap.min.css?v=3.3.6" rel="stylesheet"> link href="__PUBLIC__/admin/Theme1/css/
JQuery DataTable 1.10服务端分页实现
现在JQuery DataTable最新版的是1.10版,然而已经网上最多是的1.9版或者之前的,最新版的内容比较少,由于英文不好,前端的经验也不是很多,经过一段的摸索,大体上实现了查询,分页等功能;基本情况时,前端用metronic,后台用是Java+SpringMVC 前后台交互使用Json。 根据实际的业务情况,我需要在Table中展显海运货代的运价 所以有一个Java类public c
Jquery DataTable服务端分页的最佳实现
2019独角兽企业重金招聘Python工程师标准>>> ...
YUI,DataTable的分页问题
//qureyrn rn rn rn rn rn[color=#FF0000]//点击查询后,下拉框显示10条,但实际却显示为20条记录。不清楚yui的datatable是如何控制分页的?[/color]rnrnfunction executeQuery(pageNo,pageSize)rn var registNo = YAHOO.util.Dom.get("registSummary.prpLregist.registNo").value;rn var policyNo= YAHOO.util.Dom.get("registSummary.policyNo").value;rn var licenseNo= YAHOO.util.Dom.get("registSummary.licenseNo").value;rn var insuredName= YAHOO.util.Dom.get("registSummary.insuredName").value;rn if((registNo == null || registNo=='')&&(policyNo == null || policyNo == '') && (licenseNo == null || licenseNo =='') && (insuredName == null || insuredName == ''))rn errorMessage("请您至少输入一个查询条件,否则影响查询效率!");rn YAHOO.util.Dom.get("registSummary.prpLregist.registNo").focus();rn elsern if(registNo != null && registNo != '' && policyNo != null && policyNo != '' ) rn if(registNo.length<22&&policyNo.length<22)rn if (licenseNo==null||licenseNo=="") rn errorMessage("请您输入完整报案号或保单号,否则影响查询效率!");rn return false;rn else if(licenseNo.length<5)rn errorMessage("请您至少输入车牌号前5位,否则影响查询效率!");rn return false;rn rn rn rn if(isNaN(parseInt(pageNo)))rn pageNo = 1;rn rn if(isNaN(parseInt(pageSize)))rn pageSize = 10;rn rn var myColumnSet = new YAHOO.widget.ColumnSet(contentColumnHeaders);rn var myDataSource = new YAHOO.util.DataSource("$ctx/policyInfo/prepareQueryList.do");rn myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;rnrn myDataSource.responseSchema = rn resultsList: "data",rn fields: ["registNo","policyNo","licenseNo","riskCode", "insuredName","damageDate","damageHour","oldRegistFlag"],rn totalRecords: "totalRecords"rn ;rn myDataSource.subscribe("responseParseEvent",SINOSOFT.util.navigation);rn myDataSource.connMgr.setForm(fm);rn var initialRequest = "pageSize="+pageSize+"&pageNo="+pageNo;rn var myConfiges =rn initialRequest:initialRequest,rn paginator:falsern ;rnrn contentDataTable = new YAHOO.widget.DataTable("content",myColumnSet,myDataSource,myConfiges);rn rn rnrn YAHOO.util.Event.addListener(window,'load',init);
DataTable如何分页问题。
```n public DataTable GetUploadModel(int iCurrentPage,int iPerCount)n n int rowbegin = (iCurrentPage - 1) * iPerCount;//开始行数n int rowend = iCurrentPage * iPerCount;//结束行数n //创建DataTable n DataTable dt = new DataTable("Data");n dt.Columns.Add("User");n dt.Columns.Add("Pwd");n return dt ;n n```nn
datatable排序分页的问题
现在有一个datatable比如dt,现在要根据输入数据将dt的内容排序并分页,有谁有什么办法??rnrnrnrn顺便问一下,datatable.select()方法中可不可以用like操作符?
datatable取值和 分页问题
1,用一个循环创建行 rnaspx:rnrnfor(int k=startPage;i";rnsthm+="";rnsthm+="";rnsthm+="";rnsthm+="";rnsthm+="";rnrn-----------rnhtml: rn <%=sthm%>rn rnrn请问如何把数据库中由文本框指定的数据表名 的数据表 通过这个显示出来?rnrnrn2、如何通过4个按钮对这个显示的table做10行分页rn “最前页 前页 后页 最后页”rnrn
DataTable分页问题
我现在通过WebService获得一个dataset数据源我想对其进行分页 我把这个dataset保存下来之后 想对他进行分页取数据rn比如每次取10条(1,10)或者(11,10)DataAdapter要查询数据库后填充到dataset中 请问dataset或datatable怎么进行分页取数据然后重新填充到一个新的datatable或dataset中?
datatable 分页问题!!!!!!!!!!!!
请各位大侠帮忙rn现在有多个datatable,结构一样,如果不合并,有没有办法实现 比较快速的分页显示,最主要是保证速度。rn(多个datatable数据量加起来有几十万条!!)rn谢谢!!!!
关于DATATABLE分页的问题
各位大哥大姐,我在项目中遇到一个关于DATATABLE分页的问题,特地请教。谢谢rnrn数据记录取自网络,存于datatable中,而且记录必须一次全部取回。然后进行分页rn问题是怎么取出datatable中的某10条记录?rnrn请高手给我个简单的例子,用ASPNETPAGER控件。rnrn将datatable缓存于服务器是不是会影响其他人?因为每个人取回的结果都不一样rn比如我用Cache["data"]=dt; 这样的写法是不是所有人只使用同一个缓存?rnrnrn请高手指点。最好能有一个简单的例子,感激不尽
bootstraptable 服务端分页问题
折腾了将近一周 终于分页好了 无语 先写下来 怕后面又忘了 前台写js时有几个点要注意: 1.contentType要设为application/x-www-form-urlencoded//这里随意吧 试了下 json也是可以的 json会使得后台取值出现问题 需要把参数格式化下 2.queryParamsType设为''(为了方便,前台直接传pagesize就好)//写到后面 写烦了 直...
DataGrid分页的问题+CheckBox
想把数据在DataGrid里面分页显示,每行前面都加上复选框, 选中第一页的几项之后,翻页再选第二页的,然后一起提交,这样做可以吗?rn这样如果来来回回翻页,该怎么得到选中的行呢。rn
DataTable分页
DataTable分页
datatable的分页。
datatable利用ajax访问控制器的函数,利用post方法可以获得对应的数据。$post里包含start参数,代表数据表的起点。利用数据库搜索的时候 $this -&amp;gt;where($where)-&amp;gt;limit(start,length)-&amp;gt;select(); 限制一下返回的数据库内容。$post = input('post.');...
datatable分页
datatable分页,控件,全源码开放
分页的datatable
.table td {             text-align: center;         }         商户管理     &#xe67f; 首页 &gt; 商户管理 &gt; 商户管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="
使用DataTable和AspNetPager分页问题
使用DataSet和AspNetPager分页rnDataSet ds = new DataSet();rn oda.Fill(ds, pager.PageSize * (pager.CurrentPageIndex - 1), pager.PageSize, "Search");rn如果返回值为DataTable的时候怎么和AspNetPager分页呢?rnrnrn示例里面都是用的DataSet
datatable绑定gridview分页问题
protected void Page_Load(object sender, EventArgs e)rn rn if (!IsPostBack)rn rn DataBind();rn rn rn protected void Button1_Click(object sender, EventArgs e)rn rn BindOrder();rn rn rn protected void BindOrder()rn rn DataTable dt = GetData();//自己写的一个从SQl获取数据的方法,返回值为DataTable类型rn DataView dv = new DataView(dt);rn GridView1.DataSource = dv;rn GridView1.DataBind();rn rn protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)rn rn GridView1.PageIndex = e.NewPageIndex;rn GridView1.DataBind();rn rnrn rnrnrnrn代码就上面这么多了,其间又在GridView1_PageIndexChanging事件里重新绑定了一次数据等,还是无法实现分页。分页功能是有了,但就是点第二页的时候数据全没了,再点按钮,又是第一页。。。rnrn
关于dataTable现实分页问题
我现在[color=#FF0000]无法显示下拉分页器[/color],但是我的参数都配置了,我贴出相关代码,帮我看看谢谢!rn[code=javascript]rnvar dataTableParams=rn "sDom":'<<"clear">>rt<"bottom"ip>',rn "sPaginationType": "full_numbers",rn "bServerSide" : true, // 开启服务端处理模式rn "bJQueryUI": false,rn "bAutoWidth": true,rn "bLengthChange": false,rn "bPaginate":true,rn "bFilter":true,rn "iDisplayStart":0,rn "iDisplayLength":10,rn "aaSorting": [[ 0, "asc" ]],rn "aLengthMenu": [[20, 50, 100, 150, -1],[20, 50, 100, 150, "All"]],rn "oLanguage" : rn "sLengthMenu" : "每页显示 _MENU_ 条记录",rn "sZeroRecords" : "对不起,查询不到相关数据!",rn "sEmptyTable" : "表中无数据存在!",rn "sInfo" : "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",rn "sInfoFiltered" : "数据表中共为 _MAX_ 条记录",rn "sSearch" : "搜索",rn "oPaginate" : rn "sFirst" : "首页",rn "sPrevious" : "上一页",rn "sNext" : "下一页",rn "sLast" : "末页"rn rn ,rn "sAjaxSource" : "/museum/searchMuseum.do",rn "sAjaxDataProp" : "data",rn "fnServerData": function (sSource, aoData, fnCallback ) rn //创建加载图片rn var div = document.createElement("div");rn var str = " ";rn str += " ";rn div.innerHTML = str;rn //显示加载图片rn $('#sidebar-tab').parent().append(div);rn var searchValue = encodeURI($("#searchValue").val());rn if(searchValue)rn aoData.push(rn name:"searchValue",rn value:searchValuern );rn rn rn aoData.push(rn name:"cId",rn value:companyIdrn );rn rn $.ajax( rn "dataType":'json', rn "type": "post",rn "contentType":"application/x-www-form-urlencoded",rn "url": projectUrl+sSource, rn "data":aoData, rn "success": function(resp)rn if(resp && resp.dataTable)rn resp.dataTable.data = eval(resp.dataTable.data);rn rn fnCallback(resp.dataTable);rn $('#loadingPage').remove();rn rn );rn ,rn "aoColumns" : [rn "mData" : "id",rn "sTitle" : "",rn "bSortable": false,rn "mRender":function(data, type, full) rn if(_iid=="")rn _iid=data;rn rn var cls = 'btn';rn var val = '选定';rn if(_iid == data)rn cls= 'btn btn-info';rn val = '已选定';rn rn return ""+val+"";rn rn ,rn "mData" : "id",rn "sTitle" : "",rn "bSortable": false,rn "mRender":function(data, type, full) rn return "";rn rn ,rn "mData" : "name",rn "sTitle" : "博物馆名称",rn "mRender": function(data, type, full) rn var id = full["id"];rn var name = full["name"];rn var formPermission=$('#formPermission').val();rn return ""+name+"";rn rn , rn "mData" : "address",rn "sTitle" : "详细地址",rn "bSortable": falsern , rn "mData" : "phone",rn "sTitle" : "联系方式"rn , rn "mData" : "qq",rn "sTitle" : "QQ"rn , rn "mData" : "email",rn "sTitle" : "邮箱"rn ],rn "fnInitComplete":function()rn $('#searchValue').bind('keypress',function(event)rn if(event.keyCode == "13")rn dataTable.fnClearTable(0); //清空数据rn dataTable.fnDraw(); //重新加载数据rn rn );rn rn ;rn[/code]
checkbox与dataTable的完美结合
本文介绍了richface的一种使用情况:datatable和checkbox的结合。   rich:dataTable是很不错的web控件。但如果编写如下图效果的业务,必须结合checkbox来使用。   现附上代码,然后分析 &amp;lt;rich:dataTable id=&quot;carList&quot; width=&quot;555px&quot; rows=&quot;#{usr.pageSize}&quot; value=&quot;#{...
datatable分页刷新后 固定在当前页
我在用datatable的时候,无论翻到第几页,只要一点击页面链接查看详情跳出去后,再返回就会到第一页。。。求问大神如何返回到跳转之前的页面啊?
关于含checkbox的分页问题~~
我想给含有checkbox的jsp页面分页,每次选择一部分,请问我该怎么办?给点思路,谢谢
gridview中checkbox分页问题
gridview中每行都有checkbox,没有使用gridview自带的分页功能,分页控件用的是AspNetPager,现在问题是每当翻页的时候,原先选中的checkbox就不见了,请问大家是如何处理的?
关于bootstrap-table服务端分页问题
昨天项目中涉及到了前端表格分页问题。数据一共有1万多条,所以选择了后端分页。 之前用的都是前端分页,第一次使用后端分页。网上也找到了一些例子,最后做出来了。 这里用的是bootstrap-table插件。没有用过的可以点以下链接去看看 bootstrap-table中文文档:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation...
关于分页中的checkbox问题?
是这样的,rn有一个分页页面,页面功能是列出所有用户,为用户分配指定权限,页面中每条记录前面有一个checkbox,checkbox读取actionForm中的数据,有此权限的用户前checkbox为选中状态,反之没有选中,我想通过checkbox为用户设定或取消相应权限,如果在第一页设定或取消后,翻到下一页,如何保存第一页checkbox的数据。现在我提交表单,只能改变一页的数据。
GridView 中的 checkbox 分页后仍然选中
<br />  protected void Save()<br />    {<br />        Hashtable ht = new Hashtable();//实例化一个Hashtable,用于储存CheckBox选中的值。   <br />        for (int i = 0; i < GridView1.Rows.Count; i++)//循环GridView每一行   <br />        {<br />            int s = GridView1.DataK
GridView CheckBox 联用 在分页后 怎样保存CheckBox选中的状态.
如何使用[color=#FF0000]viewstate[/color] [u]实现gridview 翻页,CheckBox保存选中状态!![/u]rn哪位大侠帮忙解决一下,或给个思路!!谢谢。。。。。。。。。。rn
DataTable表格如何获取不同分页的checkbox的状态?
用flask做了网站,有一个页面是通过DataTable的表格来勾选不同行项目的checkbox提交的,因为项目多所以会有分页。当我勾选了当前分页的项目吗然后点击到其他分页再提交时,只会上传提交时那个页面的信息,之前翻过的页面的项目数据都无法被提交。请问这个问题该如何解决或规避呢?rnrnrnrn在js里用DataTable.data()能获得全部分页信息,但是checkbox的状态没法即时提交,就是你提交后他显示的是你最开始加载时的checkbox状态。rnrn也用了onchange来监控checkbox的状态,在赋给其他标签比如的文本上,但是data()获取不了onchange后文本的信息。如果不用data()单纯获取onchange后的信息是可以的,但是也只能获取当前分页的
datatable组件后端分页
假设我们在html中有这样一个table:&amp;lt;table id=&quot;dataTableTest1&quot; class=&quot;table table-border table-bordered table-bg table-hover table-sort table-striped table-responsive&quot;&amp;gt; &amp;lt;thead&amp;gt; &amp;lt;tr class=&quot;text-c&quot;&amp;g..
datatable表头增加分页
当datatable生成的表格较长时需要在表头和表尾添加分页,datatable默认的只有表尾有分页,若要再表头添加分页,需要添加一行代码: $(document).ready(function() { $('#example').DataTable( { "dom": '>rt>' } ); } ); 参考来源:点击打开链接
datatable分页动态加载
-
datatable指定页码分页
/* * 获取DataTable的公共配置 * basePath 接口路径 * tableId 当前table的id * len 列长 * idName id名 * */ var getDataTableConfig = function(basePath, tableId, len, idName) { /*销毁缓存数据*/ if($.f
相关热词 c# 线程顺序 c#昨天当前时间 c# 多进程 锁 c#mysql图片存取 c# ocx 委托事件 c# 读取类的属性和值 c# out 使用限制 c#获取url的id c#怎么进行分页查询 c# update 集合