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

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

2024-10-30 15:41:14

推荐回答（2个）

回答1：

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

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

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

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

回答2：

$(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           ids.push(rows[i].CARDID);
       }
       alert(rows.length);
       alert(ids);
   }

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

最新问答

华为应用市场如何恢复旧版本

新手学车，同期师兄弟都可考科目二了，我还没有找到感觉，老被教练骂不会控制车速，不会修方向，没有方向

每个人都是超级英雄的英文怎么写啊如题

侠盗猎车手：血战唐人街打开后怎么这样啊？

OPPOA37M使用非原装数据线

我鼻梁很高但是山根很低，别人从上往下给我照相时候照片显得我脸特别平没有鼻子的感觉也！这是咋回事

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

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