easyui combogrid分页加载默认值时无法自动跳转到相应页的解决方案

2019独角兽企业重金招聘Python工程师标准>>>

当如果easyui combogrid分布加载时，有默认值，且默认值不在第一页时，此时combogrid里的显示值为idField取到的对就值，如下图：

“xiaoxiao”是默认值，但是并没有到相应的页面中被选择，而停留在了第一页。问题现在很清楚。下面提供解决方案前先分析一下：

此时显示的xiaoxiao是后台传回的或页面固定的默认值。grid表格中显示的中查询出来的数据。然后xiaoxiao不在第一页
第一页没有的情况下，如何触发到分布功能按钮，如上一页，下一页等等。

分析完，上代码：

在combogrid数据加载完成后，有个onLoadSuccess方法。在这个方法中实现此功能，如下：

.....
<input id="list_data" style="width:250px" value="xiaoxiao"> // xiaoxiao为设置的默认值
.....
$(function() {
    var find = false; // 为下面进行自动翻页时使用，必须有
    $("#list_data").combogrid({
        idField: 'id',
        textField: 'name',
        //一系列的combogrid设置项就不再说明了
        //.........
        fitColumns: true,
        onLoadSuccess: function(data) { // 当前请求的页面数据。
            $.each(data.rows, function(index, value) {
                if ("xiaoxiao" == value.id) { // value.id与idField属性对应的值
                    find = true;// 循环当前请求页面数据，如果取出的值与默认值一致，则设置成找到
                }
            });
            if (!find) {
                // combogrid获取下一页页码
                var nextPage = $('#list_data').combogrid('grid').datagrid('options').pageNumber + 1;
                $('#list_data').combogrid('grid').datagrid('getPager').pagination("select", nextPage);
            }
        }
    });
});

效果如下：

此时默认的值在combogrid中也是被选中了，且自动跳转到了相应的页面中。

此该当只适用第一次进入页面时有默认值可用。

转载于:https://my.oschina.net/who7708/blog/493741

easyui combogrid分页加载默认值时无法自动跳转到相应页的解决方案相关推荐

Jquery加载默认值
2019独角兽企业重金招聘Python工程师标准>>> var load_default= function (option) {var my = {};var _default = ...
vue-router判断页面未登录时，自动跳转到登录页
1.定义路由的时候配置meta属性,requireAuth用来标记跳转的这个路由是否需要检测登录下面的两个页面,登录页不需要检测,首页需要检测 const routers = [ {path: '/ ...
Jetpack系列之Paging2.0 分页加载
(一)概述 Paging是Jetpack中的一个数据分页加载组件,核心成员有 DataSource, PagedList, PagedListAdapter. // 下拉刷新 api 'com.scw ...
微信小程序列表页分页加载功能
微信小程序做分页加载数据,会做一些下拉加载更多.然后上拉刷新的操作.数据放在一个for循环里去加载,数据源是一个数组对象.在加载下一页数据时,将下一页的数据拼到当前数组后面. 代码如下: wxml代码 ...
listView分批和分页加载数据
在Android应用程序中,有时候会向listView中加载很多数据,向listView中加载数据是一个耗时的过程,加载过多的数据用户停留在listView上,一直等待,给用户的体验特别不好,比如向服 ...
List 分页加载数据控制机制
分页加载是一种应用很广泛的数据展示控制机制,相信绝大多数开发者对于这一套机制都非常熟悉.这篇文章的主要目的结合实际的使用场景,对以往在开发中遇到一些概念进行梳理,归纳的同时加深理解,也希望能帮助更多刚 ...
分页加载PullToRefreshLayout+PullableListView
PullToRefreshLayout+PullableListView实现分页加载功能 1.修改布局文件(添加下拉刷新和上拉加载的布局) <com.abcaaaaa.zyypay.ui.wid ...
ajax treegrid 选中,easyui treeGrid异步加载子节点示例
easyui treeGrid异步加载子节点示例.如果要异步加载treegrid的子节点,需要输出扁平的数据结构,然后通过_parentId来控制treegrid的父节点子节点结构.嵌套的childr ...
【Vue学习总结】22.使用Mint UI的infinite-scroll实现上拉分页加载
接上篇<21.Vue-UI框架之Mint UI的使用> 上一篇我们讲解了Vue的UI框架Mint UI的使用,本篇我们来通过Mint UI提供的infinite-scroll组件结合api ...

easyui combogrid分页加载默认值时无法自动跳转到相应页的解决方案

easyui combogrid分页加载默认值时无法自动跳转到相应页的解决方案相关推荐

最新文章

热门文章