如何获取easyui插件属性

最新推荐文章于 2021-01-15 17:29:38 发布

原创最新推荐文章于 2021-01-15 17:29:38 发布 · 4.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #datagrid #pagination

本文介绍如何使用EasyUI插件的options方法读取分页对象的属性，包括当前页码和每页行数，并展示了通过AJAX请求传递这些参数以加载数据的具体实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用easyui插件的属性用data-options设置得多，读取得少，但偶尔也会需要，其实也不难，只要用data-options来设置相关属性，其实反过来就可以了optoions方法读取，用

var options=$('#对象ID').对象类('options');

的形式，就可以获取到属性列表的json对象了，用JSON.stringify(options)可以打印json对象的内容，以下的示例是对过datagrid对象获取分页对象的当前页码和行数的代码示例：

$(function(){   
   $('#btn_search').click(function(){
       var pager=$('#dg').datagrid('getPager');         //获取datagrid对象的分页对象
       var pageroptions=$(pager).pagination('options'); //获取分页对象的属性列表
       $.ajax({
           url:"<?php echo ADMIN_SITE_URL; ?>/index.php?act=distribution&op=getcommision_tocash",
           type:'post',
           dataType:'json',
           data:{
               search:$('#f_search').val(),
               onlyunprocess:($('#unprocess').attr('checked')=='checked'?1:0),
               page:pageroptions.pageNumber,            //获取分页对象的页行数属性
               rows:pageroptions.pageSize               //获取分页对象的页大小属性
               },
           success:function(res){
               if(!res){
                   $.messager.alert('获取数据失败');
                   return false;
               }               
               $('#dg').datagrid('loadData',res);       //显示查询结果
           }
       });
   });
   $('#btn_search').trigger('click');                   //自动执行查询
});