easyui的datagrid点击页面时怎么触发指定的URL连接

Posted 2023-05-16

我想让Easyui里面的datagrid点击下一页时触发指定的URL连接，有没有点击下一页或者上一页触发某个特定的方法啊，

grid1 = $('#tt1').datagrid(
nowrap: true,//设置为true，当数据长度超出列宽时将会自动截取。
striped: true,//显示条纹
loadMsg:'正在加载数据.......',//当从远程站点载入数据时，显示的一条快捷信息
rownumbers:true,//设置为true将显示行数
url:'test!page.action',
singleSelect: true
);
只需要这样写，点击下一页就会执行这个url 参考技术A var width = $(window).width()-80;
var height = $(window).height()-120;
stView_layout = $('#stView_layout').layout(
width: width,
height: height
);
station_view = $('#stationView').window(
title: '测站导航',
left:50,
top:80,
width: width,
modal: false,
shadow: false,
closed: true,
height: height,
onResize:function(w,h)
if(stView_treegrid)
stView_treegrid.treegrid(
width:w-20,
height:h-260
);


);

jQuery EasyUI- DataGrid使用 从数据库查询得到数据显示在前台的jsp页面，如何实现？

最近刚学easyui，对于数据的填充，有所不明，使用MySQL数据库，使用easyui技术，编写考勤管理系统，进入页面后，显示数据库中当日的考勤记录，后台有数据，怎么显示在前台的主页上呢？

1、首先写入导出按钮和需要导出的datagrid列表。

2、点击导出按钮；获得需要导出的字段与不需要导出的数据进行数据处理，并且进行json解析。

3、异步操作进入后台获取数据。

4、后台将数据写入excel(其中还有一个帮助类)。

参考技术A $(function()
   $('#list_data').datagrid(   
        title:'应用系统列表',   
        iconCls:'icon-edit',//图标   
        width: 'auto',   
        height: 'auto',   
        nowrap: false,   
        striped: true,   
        border: true,   
        collapsible:false,//是否可折叠的   
        //fit: true,//自动大小   
        loadMsg: '加载中,请稍等',
        //data:jsondata,
        url:'login.do',   
        //sortName: 'code',   
        //sortOrder: 'desc',   
        remoteSort:false,    
        idField:'CARDID',   
        singleSelect:false,//是否单选   
        pagination:true,//分页控件   
        rownumbers:true,//行号   
        fitColumns:true,
        frozenColumns:[[   
            field:'ck',checkbox:true   
        ]],   
        columns:[[
            title:'区局ID',
            field:'CARDID',
            align:'center',
            width:100
        ,
            title:'区局',
            field:'CARDINFO',
            align:'center',
            width:100
        ,
            title:'网站',
            field:'CARDPHONE',
            align:'center',
            width:100    
        
        
        ]],
       
        
        toolbar: [   
            text: '添加',   
            iconCls: 'icon-add',   
            handler: function()    
                openDialog("add_dialog","add");   
               
        , '-',    
            text: '修改',   
            iconCls: 'icon-edit',   
            handler: function()    
                openDialog("add_dialog","edit");   
               
        , '-',   
            text: '删除',   
            iconCls: 'icon-remove',   
            handler: function()   
                delAppInfo();   
               
        ]
    );   
    //设置分页控件   
    var p = $('#list_data').datagrid('getPager');   
    
    $(p).pagination(   
        //pageSize: pageSize,//每页显示的记录条数，默认为10   
        pageList: [5,10,15],//可以设置每页记录条数的列表   
        beforePageText: '第',//页数文本框前显示的汉字   
        afterPageText: '页    共 pages 页',   
        displayMsg: '当前显示 from - to 条记录   共 total 条记录',
        onBeforeRefresh:function()  
            $(this).pagination('loading');  
            alert('before refresh');  
            $(this).pagination('loaded');  
         
    ); 
    
    );
      
   function openDialog()
       var ids = [];
       var rows = $('#list_data').datagrid('getSelections');
       for(var i=0; i<rows.length; i++)
           ids.push(rows[i].CARDID);
       
       alert(rows.length);
       alert(ids);
   

 类似这样？ 不过easyui版本不一样的话 写法也不一样，最好是找到对应版本的官方文档去写，网上的实例往往都是比较旧的版本，最好只做参考，对照官方文档去写才是正道

追问

后台查出来的dataset或datatable需要转换为json格式，是怎么回事的呢？纠结了许久，还是搞不定它，哎哎。。。

追答

          

Map result = new HashMap();
        result.put("total", 13);// total键 存放总记录数，必须的
        result.put("rows", list);// rows键 存放每页记录 list
        String result2 = JSONObject.fromObject(result).toString();

后台写法，你是否已搞定？

本回答被提问者采纳