使用插件Pagination写的分页,最下面的页面只显示一个,不显示其他页码数,上一页,下一页也无法点击!

很急,大神帮我看一下啊!!

            html
 <%--分页--%>
        <div id="Pagination" class="pagination" style="margin:0px 0px 10px 12px;">
        </div>

js

 $('#Pagination').pagination(data.total, {
                    items_per_page: 100, //每页显示多少条记录
                    //当前显示第几页数据
                    num_display_entries: 8, //分页显示的条目数
                    isShow: true,
                    next_text: '下一页',
                    prev_text: '上一页',
                    num_edge_entries: 2, //连接分页主体,显示的条目数
                    callback: function(new_page_index) {
                            $.ajax({
                                type: "POST",
                                url: "${ctxPath}/proDataDisplay/selectProTestDatas",
                                data: {
                                    productId: selectpzproductId,
                                    paramName: selectpzparamName,
                                    unit: selectpzunit,
                                    confCol: thispzText,
                                    pageSize: 100,
                                    currentPage: new_page_index + 1 //new_page_index为0需要加1
                                },
                                async: false,
                                success: function(data) {

                                    console.log(data);
                                    $('.tbodyshow').html(''); //清除之前加载的表格数据
                                    for(var i = 0; i < data.dataList.length; i++) {
                                        $('.tbodyshow').append('<tr id="aa' + i + '">');

                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["id"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["param_name"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["unit"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["state"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["channel_num"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["result"] + '</td>'
                                        );
                                        $('#aa' + i).append(
                                            '<td>' + data.dataList[i]["unique_num"] + '</td>'
                                        );
                                        delete data.dataList[i]["id"];
                                        delete data.dataList[i]["param_name"];
                                        delete data.dataList[i]["unit"];
                                        delete data.dataList[i]["state"];
                                        delete data.dataList[i]["channel_num"];
                                        delete data.dataList[i]["result"];
                                        delete data.dataList[i]["unique_num"];

                                        for(var key in data.dataList[i]) {
                                            if(key == 'creat_time') {
                                                $('#aa' + i).append(
                                                    '<td>' +
                                                    format(data.dataList[i][key]) + '</td>'
                                                );

                                            } else {
                                                $('#aa' + i).append(
                                                    '<td>' + data.dataList[i][key] + '</td>'
                                                );
                                            }
                                        }

                                    }

                                }
                            })

问题图片,页码数只显示了一页,而且上一页和下一页不可点击
图片说明

3个回答

建议你首先去了解一下Pagination.js框架怎么做分页的,可以尝试着修改一下 pageSize: 100,的值

weixin_38432608
weixin_38432608 回复fangBlood: 怎么解决的呢
7 个月之前 回复
weixin_38432608
weixin_38432608 回复fangBlood: 怎么解决的呢
7 个月之前 回复
weixin_38652136
邪恶八进制 回复fangBlood: 一般进行二次开发或者是进行功能拓展时首先得了解比人用的什么进行的实现,看懂代码再下手!作为过来人提醒你一下。
一年多之前 回复
fangBlood
fangBlood 解决了
一年多之前 回复

你看一下你查询的结果有多少记录,你上面设置的每页显示100条记录

fangBlood
fangBlood 我一共记录是413,413记录我都能取到 就是没办法分页
一年多之前 回复

这是别人写的老项目,让我改的,这个插件我也没用过

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

Jquery easyui框架下使用分页pagination时如何获取页面的参数

![图片说明](https://img-ask.csdn.net/upload/201707/12/1499851642_817626.png) ![图片说明](https://img-ask.csdn.net/upload/201707/12/1499851665_425045.png) 我将pagination的值设为true,页面就出来了分页的样式,我就想知道如何获取到当前页面是第几页,这个参数怎么获取。我在网上查了好久没找到,谢谢各位大佬

jquery.pagination分页,总条数<=每一页数时程序会一直向后台请求

``` ajaxp({ url : "webservices/activity/activityList", data : {'Ppi':index,'Pps':items_per_page}, success : function(result) { if (1 == result.status) { var total = result.data.details2.total; var slideData = result.data.details2.rows; var results=""; $.each(slideData, function (i, value) { value.imageUrl = PIC_URL + value.imageUrl; value.publishDt = value.publishDt.substr(0,10); }); $.each(slideData, function (i, value) { results += '<li>' + ' <a href="'+ value.htmlStaticUrl +'" target="_blank">' + ' <div class="img-w">' + ' <img src="'+ value.imageUrl +'" alt="" width="200" height="134">' + ' </div>' + ' <div class="txt-w">' + ' <h2>'+ value.mainTitle +'</h2>' + ' <p class="summary">'+ value.summary +'</p>' + ' <em class="time">'+ value.publishDt +'</em>' + ' </div>' + ' </a>' + ' </li>'; }); $('#Searchresult').html(results); //分页-只初始化一次 if ($("#Pagination").html().length == '') { $("#Pagination").pagination(total, { 'items_per_page': items_per_page, 'num_display_entries': 3, 'num_edge_entries': 2, 'prev_text': "上一页", 'next_text': "下一页", 'ellipse_text' : "...", 'callback': pageselectCallback }); } } } }); } ``` jquery.pagination分页时,为什么当total(总条数)<=items_per_page(每一页数)时程序会一直向后台请求

关于在jsp界面中使用bootstrap-table插件的分页问题

最近在做一个比较大的项目,用了bootstrap-table这个插件来处理表格,方便很多。但是在分页的时候,不知道前端jsp界面和后端servlet分别怎么写。后端是不是只要传递json给前端就可以,前端分页怎么发送请求到后端?求大神指教,很着急!!!

关于easyuidatagrid子网格分页控件显示不全的问题

在使用easyui制作子网格时,添加了分页属性pagination=true,现在的问题是部分分页按钮显示不全。 ![图片说明](https://img-ask.csdn.net/upload/201712/04/1512359643_137214.png) 引用的是easyui的:https://www.jeasyui.com/easyui/datagrid-detailview.js 账户没币了没法打赏,还请各位大牛帮帮忙

分页pagination第二次调用时pagination is not a function

页面初始化的时候 var a = $(".M-box1").pagination; console.log("get"+a); 可以打印出该方法 方法执行完毕后,点击分页再次调用方法, var a = $(".M-box1").pagination; console.log("get"+a); 输出undefined

footable插件的分页问题

在做的页面结合了不少插件,其中就有footable表格。在使用时出现一些问题,希望大神们指教一下。 首先,设置了data-page-size="5",但是时灵时不灵,有时分页会出现,有时一下就全出来了。 另外,使用了angularjs,在表格数据变化后,使用$scope.$apply;更新了数据,但是数据更新了,页面的分页却错乱了:一页把所有数据都加载出来,下面的页脚依然是之前页面的页脚。 哪位大神了解或者遇到过相似情况,还求告知下,感激不尽》 表格代码 ``` <table id="table" class="table m-b-none" ui-jq="footable" data-filter="#filter" data-paging="true" data-page-size="5" > <thead> <tr> <th data-sort-ignore="true"><input type="checkbox" id="checkall" name="checkall" ng-click="checkall()"/></th> <th ng-hide="true">id</th> <th data-hide="">编号</th> <th data-hide="">spId</th> <th data-hide="">标题</th> <th data-sort-ignore="true">操作</th> </tr> </thead> <tbody> <tr ng-repeat="urllist in list"> <td><input type="checkbox" id="{{urllist.id}}" name="checkone" /></td> <td ng-hide="true">{{urllist.id}}</td> <td>{{ $index + 1 }}</td> <td>{{urllist.spId}}</td> <td>{{urllist.title}}</td> <td><!--编辑--> <a type="button" class="btn btn-xs btn-default m-r-sm" data-toggle="modal" data-target="#myModal" ng-click="openeditor(urllist.id,urllist.spId,urllist.type,urllist.title,urllist.folder,urllist.httpPath,urllist.outerIp,urllist.innerIp)"> <i class="fa fa-pencil"></i> </a> <!--删除--> <a type="button" class="btn btn-xs btn-default" ng-click="deleteurl(urllist.id)"> <i class="fa fa-trash"></i> </a> </td> </tr> </tbody> <tfoot class="hide-if-no-paging"> <tr> <td colspan="6" class="text-center"> <ul class="pagination" ></ul> </td> </tr> </tfoot> </table> ```

easyui datagrid 分页栏位置问题

请问各位大神 easyui datagrid 的分页栏如何锁在屏幕底部,另外,datagrid一般显示多少条一页看起来比较美观?

简单的jQuery分页插件封装怎么进行?

在学习jQuery插件封装,依葫芦画瓢封装了一个简单的表格和分页,页面能初始化生成表格和分页,但生成后怎么能让分页插件执行分页和表格刷新工作就不晓得怎么继续了,希望熟悉jQuery插件开发的人能帮忙补齐一下。 预期的用法是,给插件传入一个后台的请求路径“"http://127.0.0.1:8080/account/findListForPage"”,通过路径返回一个分页json对象(当前页、总页、页面表格数据),通过解析json生成表格和分页部分: [code="js"] function reloadTable(code){ $("#acTableGrid").grid({ //content:$(".widget-body"), type: "POST", url:"${ctx}/account/findListForPage", column:[{"id":"编号","state":"状态","type":"类型","phone":"电话"}], page:true, param:{"pageCode":code}, }) } [/code] [code="js"] (function($) { // plugin definition var GridTable = function(ele, options) { this.$element = ele, this.defaults = { page : false, type : "GET", url : undefined, param : undefined, pageData : undefined }, this.opts = $.extend({}, this.defaults, options) if(this.opts.url!=undefined&&this.opts.url!=""){ var dataObject = $.ajax({ async: false, type : this.opts.type, url : this.opts.url, data : this.opts.param, success : function(data) { return data } }); } this.opts.pageData = dataObject.responseJSON; } GridTable.prototype = { buildBody : function() { this.$element.empty(); this.$element.addClass("table table-striped table-bordered table-hover"); if (this.opts.column.length > 0) { var thead = $("<thead>"); var tr = $("<tr>").appendTo(thead); $.each(this.opts.column[0], function(name, value) { tr.append("<th>" + value + "</th>"); }); this.$element.append(thead) } var record = this.opts.pageData.data; if (record != undefined && record.length > 0) { var tbody = $("<tbody>"); for (i = 0; i < record.length; i++) { columnData = record[i]; var tr = $("<tr>"); $.each(this.opts.column[0], function(name, value) { tr.append("<td>" + columnData[name] + "</td>"); }); tbody.append(tr); } return this.$element.append(tbody) } }, buildPagin: function(){ var pageData = this.opts.pageData; if (this.opts.page) { var page = '<div class="dt-row dt-bottom-row">'; page = page + ' <input type="hidden" id="url" name="url" value="' + this.opts.url + '">'; page = page + ' <input type="hidden" id="pageSize" name="pageSize" value="' + pageData.pageSize + '">'; page = page + ' <input type="hidden" id="pageCode" name="pageCode" value="' + pageData.pageCode + '">'; page = page + ' <input type="hidden" id="totalPageNum" name="totalPageNum" value="' + pageData.totalPageNum + '">'; page = page + ' <div class="row">'; page = page + ' <div class="col-sm-6">'; page = page + ' <div class="dataTables_info" id="dt_basic_info">第' + pageData.pageCode + '/' + pageData.totalPageNum + '页 共' + pageData.totalRecords + '条记录</div>'; page = page + ' </div>'; page = page + ' <div class="col-sm-6 text-right">'; page = page + ' <div class="dataTables_paginate paging_bootstrap_full">'; page = page + ' <ul class="pagination">'; page = page + ' <li class="first"><a href="javascript:void(0)">首页</a></li>'; page = page + ' <li class="prev"><a href="javascript:void(0)">上一页</a></li>'; page = page + ' <li class="next"><a href="javascript:void(0)">下一页</a></li>'; page = page + ' <li class="last"><a href="javascript:void(0)">末尾页</a></li>'; page = page + ' </ul>'; page = page + ' </div>'; page = page + ' </div>'; page = page + ' </div>'; page = page + ' </div>'; this.$element.after(page); }, } $.fn.grid = function(options) { var grid = new GridTable(this, options); grid.buildBody(); grid.buildPagin(); return grid; }; })(jQuery); [/code] 生成的HTML结构如下: [code="html"] //表格数据部分 <table id="acTableGrid" class="table table-striped table-bordered table-hover"><thead><tr><th>编号</th><th>状态</th><th>类型</th><th>电话</th><th>账号</th><th>注册时间</th><th>Email</th></tr></thead><tbody><tr><td>464690392101687300</td><td>null</td><td>0</td><td>null</td><td>15828245173</td><td>1399625797000</td><td>null</td></tr><tr><td>465404813799198700</td><td>null</td><td>0</td><td>null</td><td>313057544@qq.com</td><td>1399796129000</td><td>null</td></tr><tr><td>465442761785610240</td><td>null</td><td>0</td><td>null</td><td>15828245273</td><td>1399805176000</td><td>null</td></tr></tbody></table> //分页部分 <div class="dt-row dt-bottom-row"> <input type="hidden" id="url" name="url" value="/kmp/account/findListForPage"> <input type="hidden" id="pageSize" name="pageSize" value="3"> <input type="hidden" id="pageCode" name="pageCode" value="1"> <input type="hidden" id="totalPageNum" name="totalPageNum" value="3"> <div class="row"> <div class="col-sm-6"> <div class="dataTables_info" id="dt_basic_info">第1/3页 共7条记录</div> </div> <div class="col-sm-6 text-right"> <div class="dataTables_paginate paging_bootstrap_full"> <ul class="pagination"> <li class="first"><a href="javascript:void(0)">首页</a></li> <li class="prev"><a href="javascript:void(0)">上一页</a></li> <li class="next"><a href="javascript:void(0)">下一页</a></li> <li class="last"><a href="javascript:void(0)">末尾页</a></li> </ul> </div> </div> </div> </div> [/code]

有会用js分页控件的吗?怎么在JSP页面内容分页?

/** * This jQuery plugin displays pagination links inside the selected elements. * * This plugin needs at least jQuery 1.4.2 * * @author Gabriel Birke (birke *at* d-scribe *dot* de) * @version 2.2 * @param {int} maxentries Number of entries to paginate * @param {Object} opts Several options (see README for documentation) * @return {Object} jQuery Object */ (function($){ /** * @class Class for calculating pagination values */ $.PaginationCalculator = function(maxentries, opts) { this.maxentries = maxentries; this.opts = opts; } $.extend($.PaginationCalculator.prototype, { /** * Calculate the maximum number of pages * @method * @returns {Number} */ numPages:function() { return Math.ceil(this.maxentries/this.opts.items_per_page); }, /** * Calculate start and end point of pagination links depending on * current_page and num_display_entries. * @returns {Array} */ getInterval:function(current_page) { var ne_half = Math.floor(this.opts.num_display_entries/2); var np = this.numPages(); var upper_limit = np - this.opts.num_display_entries; var start = current_page > ne_half ? Math.max( Math.min(current_page - ne_half, upper_limit), 0 ) : 0; var end = current_page > ne_half?Math.min(current_page+ne_half + (this.opts.num_display_entries % 2), np):Math.min(this.opts.num_display_entries, np); return {start:start, end:end}; } }); // Initialize jQuery object container for pagination renderers $.PaginationRenderers = {} /** * @class Default renderer for rendering pagination links */ $.PaginationRenderers.defaultRenderer = function(maxentries, opts) { this.maxentries = maxentries; this.opts = opts; this.pc = new $.PaginationCalculator(maxentries, opts); } $.extend($.PaginationRenderers.defaultRenderer.prototype, { /** * Helper function for generating a single link (or a span tag if it's the current page) * @param {Number} page_id The page id for the new item * @param {Number} current_page * @param {Object} appendopts Options for the new item: text and classes * @returns {jQuery} jQuery object containing the link */ createLink:function(page_id, current_page, appendopts){ var lnk, np = this.pc.numPages(); page_id = page_id<0?0:(page_id<np?page_id:np-1); // Normalize page id to sane value appendopts = $.extend({text:page_id+1, classes:""}, appendopts||{}); if(page_id == current_page){ lnk = $("<a class='current'>" + appendopts.text + "</a>"); } else { lnk = $("<a>" + appendopts.text + "</a>") .attr('href', this.opts.link_to.replace(/__id__/,page_id)); } if(appendopts.classes){ lnk.addClass(appendopts.classes); } lnk.data('page_id', page_id); return lnk; }, // Generate a range of numeric links appendRange:function(container, current_page, start, end, opts) { var i; for(i=start; i<end; i++) { this.createLink(i, current_page, opts).appendTo(container); } }, getLinks:function(current_page, eventHandler) { var begin, end, interval = this.pc.getInterval(current_page), np = this.pc.numPages(), fragment = $("<div class='pagination'></div>"); // Generate "Previous"-Link if(this.opts.prev_text && (current_page > 0 || this.opts.prev_show_always)){ fragment.append(this.createLink(current_page-1, current_page, {text:this.opts.prev_text, classes:"prev"})); } // Generate starting points if (interval.start > 0 && this.opts.num_edge_entries > 0) { end = Math.min(this.opts.num_edge_entries, interval.start); this.appendRange(fragment, current_page, 0, end, {classes:'sp'}); if(this.opts.num_edge_entries < interval.start && this.opts.ellipse_text) { $("<span class='pagination-break'>"+this.opts.ellipse_text+"</span>").appendTo(fragment); } } // Generate interval links this.appendRange(fragment, current_page, interval.start, interval.end); // Generate ending points if (interval.end < np && this.opts.num_edge_entries > 0) { if(np-this.opts.num_edge_entries > interval.end && this.opts.ellipse_text) { $("<span class='pagination-break'>"+this.opts.ellipse_text+"</span>").appendTo(fragment); } begin = Math.max(np-this.opts.num_edge_entries, interval.end); this.appendRange(fragment, current_page, begin, np, {classes:'ep'}); } // Generate "Next"-Link if(this.opts.next_text && (current_page < np-1 || this.opts.next_show_always)){ fragment.append(this.createLink(current_page+1, current_page, {text:this.opts.next_text, classes:"next"})); } $('a', fragment).click(eventHandler); return fragment; } }); // Extend jQuery $.fn.pagination = function(maxentries, opts){ // Initialize options with default values opts = $.extend({ items_per_page:1, num_display_entries:4, current_page:0, num_edge_entries:1, link_to:"#", prev_text:"Prev", next_text:"Next", ellipse_text:"...", prev_show_always:true, next_show_always:true, renderer:"defaultRenderer", show_if_single_page:false, load_first_page:false, callback:function(){return false;} },opts||{}); var containers = this, renderer, links, current_page; //goto $(".page-btn").one("click",function(){ var allPage = $(".allPage").text(); //console.log(allPage); var goPage = $(".page-go input").val() - 1; //跳转页数 if(goPage > -1 && goPage < allPage){ opts.current_page = goPage; $("#Pagination").pagination(allPage,opts); }else { $("#Pagination").pagination(allPage); } //清空用户跳转页数 $(".page-go input").val(""); }); /** * This is the event handling function for the pagination links. * @param {int} page_id The new page number */ function paginationClickHandler(evt){ var links, new_current_page = $(evt.target).data('page_id'), continuePropagation = selectPage(new_current_page); if (!continuePropagation) { evt.stopPropagation(); } return continuePropagation; } /** * This is a utility function for the internal event handlers. * It sets the new current page on the pagination container objects, * generates a new HTMl fragment for the pagination links and calls * the callback function. */ function selectPage(new_current_page) { // update the link display of a all containers containers.data('current_page', new_current_page); links = renderer.getLinks(new_current_page, paginationClickHandler); containers.empty(); links.appendTo(containers); // call the callback and propagate the event if it does not return false var continuePropagation = opts.callback(new_current_page, containers); return continuePropagation; } // ----------------------------------- // Initialize containers // ----------------------------------- current_page = parseInt(opts.current_page); containers.data('current_page', current_page); // Create a sane value for maxentries and items_per_page maxentries = (!maxentries || maxentries < 0)?1:maxentries; opts.items_per_page = (!opts.items_per_page || opts.items_per_page < 0)?1:opts.items_per_page; if(!$.PaginationRenderers[opts.renderer]) { throw new ReferenceError("Pagination renderer '" + opts.renderer + "' was not found in jQuery.PaginationRenderers object."); } renderer = new $.PaginationRenderers[opts.renderer](maxentries, opts); // Attach control events to the DOM elements var pc = new $.PaginationCalculator(maxentries, opts); var np = pc.numPages(); containers.bind('setPage', {numPages:np}, function(evt, page_id) { if(page_id >= 0 && page_id < evt.data.numPages) { selectPage(page_id); return false; } }); containers.bind('prevPage', function(evt){ var current_page = $(this).data('current_page'); if (current_page > 0) { selectPage(current_page - 1); } return false; }); containers.bind('nextPage', {numPages:np}, function(evt){ var current_page = $(this).data('current_page'); if(current_page < evt.data.numPages - 1) { selectPage(current_page + 1); } return false; }); // When all initialisation is done, draw the links links = renderer.getLinks(current_page, paginationClickHandler); containers.empty(); if(np > 1 || opts.show_if_single_page) { links.appendTo(containers); } // call callback function if(opts.load_first_page) { opts.callback(current_page, containers); } } // End of $.fn.pagination block })(jQuery);

bootstrap-table 分页如何设置点击事件

![图片说明](https://img-ask.csdn.net/upload/201708/25/1503629407_274126.png) 我想设置点击事件修改css样式,但是不知道如何设置,请大神知道

还是关于will_paginate的Ajax分页的老问题

<p>rails的初学者,在开发中遇到了Ajax分页的问题。 <br>google了一下,在rails下面有很好用的分页插件will_paginate。 <br>但是不支持Ajax。我用的版本是mislav-will_paginate-2.3.11。</p> <p>还是Google……,发现了下面的代码:</p> <pre name="code" class="ruby">class AjaxLinkRenderer &lt; WillPaginate::LinkRenderer def page_link_or_span(page, span_class = 'current', text = nil) text ||= page.to_s classnames = Array[*span_class] if page and page != current_page if @options[:update] @template.link_to_remote text, :update =&gt; @options[:update], :url =&gt; url_for(page) else @template.link_to text, url_for(page), :rel =&gt; rel_value(page), :class =&gt; classnames[1] end else @template.content_tag :span, text, :class =&gt; classnames.join(' ') end end end</pre> <p> </p> <p>嗯,很好用。在config\initializers下面做成一个.rb。页面上的Ajax分页就可以用了。页面上的处理是下面的代码:</p> <pre name="code" class="ruby">&lt;%= will_paginate @producttradeinfos, {:class=&gt;'pagination', :prev_label =&gt; '上一页', :next_label =&gt; '下一页', :renderer =&gt; 'AjaxLinkRenderer', :update =&gt; 'results'}%&gt;</pre> <p> </p> <p>但是,问题还是出现了,分页页面刷新时的查询是需要参数的,所以我要在Page连接候面加上查询的参数,传递给刷新后的页面,否则查询SQL将无法正常运行。</p> <p>这个问题总觉得应该很好解决的,但是因为是初学还这不知道如何下手。请Rails高手们指点一下吧!谢谢了</p>

页面内容显示不出来 ,看不懂哪里出错了。

``` main.jsp: <%@ page contentType="text/html;charset=UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>title</title> <%@ include file="../../include/common.jsp"%> <script type="text/javascript"> //定义了一个命名空间,ExpertsMntn.main.xxxx可以直接调用 $.namespace("ExpertsMntn.main"); ExpertsMntn.main.add=function() { $("#ExpertsMntnDetailWin").dialog({ href:'add', title:'添加', draggable:false, //设置dialog自由尺寸 onResize:function(){ $('#ExpertsMntnGrid').datagrid('resize'); } }).dialog('open'); }; ExpertsMntn.main.edit=function() { var row = $('#ExpertsMntnGrid').datagrid('getSelections'); //getSelections:可以多行选中操作; getSelected:只能单行操作; if(row.length==1){ $("#ExpertsMntnDetailWin").dialog({ href:'edit/'+row[0].id, title:'编辑', draggable:false, onResize:function(){ $('#ExpertsMntnGrid').datagrid('resize'); } }).dialog('open'); }else{ $.message.alert("Please select a record only!"); } }; ExpertsMntn.main.del=function() { //获取datagrid选中的数据行 var row = $("#ExpertMntnGrid").datagrid('getSelections'); if(row.length>=1){ //调用easyui的确认框 $.message.comfirm('确认','确认删除?',function(r) { if(r){ var ids = [ ]; //将选中的数据库的id压入ids[]数组; for (var i = 0; i < row.length; i++) { ids.push(row[i].id); } //调用jquery的post方法请求delete地址 $.post('del',{ ids:ids.join(',') },function(result){ //动态页200状态post成功回调并且服务器返回标准json数据执行回调函数 if(result){ // reload data $('#ExpertsMntnGrid').datagrid('clearSelections'); $('#ExpertsMntnGrid').datagrid('reload'); } },"json"); //指定将服务器返回的内容处理成json类型(此外,还可以返回 html、text之类) } }); }else{ $.message.alert('Please select a record only!'); } }; ExpertsMntn.main.listSearch=function() { $('#ExpertsMntnGrid').datagrid('load', { }); }; ExpertsMntn.main.init = function() { $('#ExpertsMntnGrid').datagrid({ //建表?建表插件用法 url:'search', method:'get', pageSize:20, toolbar:'#', fit : true, pagination : true, idField : "id", //支持分页选择记录 pagePosition : "bottom", rownumbers : true, border : false, singleSelect : false, striped : true, fitColumns : true, selectOnCheck : true, checkOnSelect : true, columns:[[{ field:'check', title : '', checkbox : true },{ field : 'id', title : '', width : 22, align : 'center', halign : 'center', sortable : true },{ field:'name', title:'姓名', width:22, align : 'center', halign : 'center', sortable : false },{ field:'sex', title:'性别', width:22, align : 'center', halign : 'center', sortable : false },{ field:'birthday', title:'出生日期', width:22, align : 'center', halign : 'center', sortable : false },{ field:'partymember', title:'政治状态', width:22, align : 'center', halign : 'center', sortable : false },{ field:'itemid', title:'专业', width:22, align : 'center', halign : 'center', sortable : false },{ field:'orgid', title:'所属组织', width:22, align : 'center', halign : 'center', sortable : false },{ field:'telephone', title:'联系方式', width:22, align : 'center', halign : 'center', sortable : false },{ field:'experience', title:'经历', width:22, align : 'center', halign : 'center', sortable : false },{ field:'remarks', title:'备注', width:22, align : 'center', halign : 'center', sortable : false },{ field:'content', title:'照片附件', width:22, align : 'center', halign : 'center', sortable : false },{ field:'photo-suffix', title:'照片文件后缀名', width:22, align : 'center', halign : 'center', sortable : false }]], //查看操作,onDblClickRow onDblClickRow : function(index, row) { $('#ExpertsMntnGrid').datagrid("clearSelections"); $('#ExpertsMntnGrid').datagrid("selectRow", index); $('#ExpertsMntnDetailWin').dialog({ href : 'view/' + row.id, title : "查看", draggable : false, onResize : function() { $('#ExpertsMntnGrid').datagrid('resize'); } }).dialog('open'); } }); }; $(document).ready(function() { ExpertsMntn.main.init(); }); </script> </head> <body> <div class="easyui-layout" fit="true" border="false" > <div region="north" border="false" > <div id="toolbar" border="false" class="dialog-toolbar" style="border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #DDDDDD"> <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'" onclick="ExpertsMntn.main.add()">添加</a> <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-edit'" onclick="ExpertsMntn.main.edit()">编辑</a> <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-remove'" onclick="ExpertsMntn.main.del()">删除</a> </div> </div> <div region="center" border="false" style="width: 100%; height: 100%"> <table id="ExpertsMntnGrid"></table> </div> <div id="ExpertsMntnDetailWin" class="easyui-dialog" title="" style="width: 450px; height: 750px;" data-options="modal:true,closed:true"></div> </div> </body> </html> detail.jsp: <%@ page contentType="text/html;charset=UTF-8"%> <%@ include file="../../include/header.jsp"%> <script type="text/javascript"> $.namespace("ExpertsMntn.detail"); ExpertsMntn.id="${(ExpertsMntnEntity.id)==null?0:(ExpertsMntnEntity.id)}"; ExpertsMntn.detail.mode = "${mode}"; ExpertsMntn.detail.save = function(){ var url = $.ctx+'/zjkwh/save/'+ ExpertsMntn.id; $('#ExpertsMntnForm').form('submit', { url: url, onSubmit: function(param) { if(ExpertsMntn.detail.mode=='edit'){ return $(this).form('validate'); } var flag = false; $.ajax({ type : "post", url : 'check', dataType : "json", data : { id : $('#id').val() }, async : false, success : function(result) { if (result == true) { flag = true; } } }); if(!flag){ return $(this).form('validate'); } else { $.messager.alert('数据已存在'); $('#ExpertsMntnGrid').datagrid('load'); return !flag; } }, success: function(result) { var data = (new Function("","return "+ result))(); $('#ExpertsMntnGrid').datagrid('reload'); if (data.id) { ExpertsMntn.id = data.id; $.messager.alert('提示', '保存成功!','',function(){ $('#ExpertsMntnDetailWin').dialog('close'); }); } else { $.messager.show({ title: 'Error', msg: result }); } } }); } $(document).ready(function() { }); </script> <div class="easyui-layout" region="center" style="height:700px;border:1px dashed #FFFFFF"> <c:if test="${(mode=='edit') || (mode=='add')}"> <div class="editform" style="border:1px dashed #FFFFFF"> <form id="ExpertsMntnForm" method="post" novalidate style="margin-bottom: 0"> <input id="id" name="id" type="hidden" value="${ExpertsMntnEntity.id }" /> <ul style="list-style-type: none; height: 5px"></ul> "validType:'length[1,50]'" value="${ExpertsMntnEntity.wonawardz}" size="20" style="width: 140px;height:30px;line-height:30px;border-style:none;margin-right:3px;float: left;background: url('${ctx}/static/images/inputbg.png') ;background-size: 100% 100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${ctx}/static/images/inputbg.png', sizingMethod='scale')\9;" /> </li> </ul>--> </div> </c:if> <c:if test="${mode=='view'}"> <div class="editform"> <table border=1> <tbody> <tr> <td class="label"><label>&nbps;ID:</label></td> <td>${expertsMntnEntity.id}</td> </tr> <tr> <td class="label"><label>姓名:</label></td> <td>${expertsMntnEntity.name}</td> </tr> <tr> <td class="label"><label>性别:</label></td> <td>${expertsMntnEntity.sex}</td> </tr> <tr> <td class="label"><label>出生日期:</label></td> <td>${expertsMntnEntity.birthday}</td> </tr> <tr> <td class="label"><label>专业:</label></td> <td>${expertsMntnEntity.itemid}</td> </tr> <tr> <td class="label"><label>获得奖项:</label></td> <td>${expertsMntnEntity.wonawardz}</td> </tr> <tr> <td class="label"><label>经历:</label></td> <td>${expertsMntnEntity.experience}</td> </tr> <tr> <td class="label"><label>备注:</label></td> <td>${expertsMntnEntity.remarks }</td> </tr> </tbody> </table> </div> </c:if> </div> 只有添加才能显示出内容,编辑和查看操作在对话框中显示不出来,就连div框都显示不了!对话框能打开,但是里面什么东西都没有! ```

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

Python可以这样学(第一季:Python内功修炼)

Python可以这样学(第一季:Python内功修炼)

C++语言基础视频教程

C++语言基础视频教程

Python可以这样学(第四季:数据分析与科学计算可视化)

Python可以这样学(第四季:数据分析与科学计算可视化)

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

Python数据分析与挖掘

Python数据分析与挖掘

微信小程序开发实战之番茄时钟开发

微信小程序开发实战之番茄时钟开发

软件测试2小时入门

软件测试2小时入门

相关热词 c#跨线程停止timer c#批量写入sql数据库 c# 自动安装浏览器 c#语言基础考试题 c# 偏移量打印是什么 c# 绘制曲线图 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行
立即提问