qq_41329893 2019-04-11 13:21 采纳率: 0%
浏览 1110
已采纳

easyui搜索框查询回来的数据怎么显示出来啊

1.我现在问题是,在打开页面的时候,调用后台的一个方法,把表格所有的数据
显示在了datagrid上,现在想在页面加个搜索框,输入用户名,点击搜索的时
候,后台会根据前端传来的参数,调用另一个方法执行相关的查询语句,然后把数据返回给前端。 ===问题来了,前端接收到数据后,怎么显示在已经获取了所有数据的在datagrid上呢?
这我相关的代码

<body>      
<script >
$(function (){
    var flag ;      // 判断新增和修改方法 
    var url;//全局变量,存储点击对话框保存按钮后,提交请求的URL地址
      $('#a').datagrid({
          idField:'id',//只要创建数据表格 就必须要加 idField
          fitColumns:true,//宽度自适应
          url:'/ssm/getOperator',       //geiOperator会查出表里所有数据            
          checkOnSelect:true,//为false,当用户仅在点击该复选框的时候才会被选中或取消。             
          fitColumns: true,
          columns:[[ 
              {field:'id',checkbox:true},
              {field:'operator_id',title:'编号',width:100,halign:'center',align:'center'},
              {field:'username',title:'账户',width:100,halign:'center',align:'center'},
              {field:'password',title:'密码',width:100,halign:'center',align:'center'},
              {field:'operator_name',title:'姓名',width:100,halign:'center',align:'center'}
          ]],           
           pagination:true,//在底部显示分页
          pageSize:'5',//每页显示多少个
          pageList:[5,10,20],
$('#btn3').click(function(){                    
    var operator_name=document.getElementById('searchbtn').value;  
    var operator={"operator_name":operator_name};  
    var jsonData= JSON.stringify(operator);     
    $.ajax({
                    type: 'post' ,
                    url: "/ssm/findOperByName" ,                    
                    cache:false ,
                    data:jsonData,
                    dataType:'json' ,
                    contentType : "application/json;charset=UTF-8",
                    success:function(result){
                    //1 关闭窗口
                        /* $('#mydialog').dialog('close'); */
                        //2刷新datagrid 
                        /* $('#a').datagrid('reload'); */
                        /* $('#a').datagrid('clearSelections'); */
                        //获取表头数据成功后,使用easyUi的datagrid去生成表格                                       
                    },                  
                     error:function(result){
                        alert("执行失败");
                    } 
                });     

btn3就是我点击搜索的按钮。但搜索成功后数据不会显示在表格里
如果能解决,可以有偿

  • 写回答

2条回答 默认 最新

  • 迷路的公民 2019-04-11 15:40
    关注

    假设你返回的result结构为 {total:0,rows:[]}
    那么返回就直接使用 $("#a").datagrid("loadData",result) 就可以了,也可以 $("#a").datagrid("loadData",result.rows)

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 halcon联合c#遇到了问题不能解决
  • ¥15 xshell无法连接提示ssh服务器拒绝密码
  • ¥15 AT89C52单片机C语言关于串口通信的位操作
  • ¥20 需要步骤截图(标签-服务器|关键词-map)
  • ¥50 gki vendor hook
  • ¥15 灰狼算法和蚁群算法如何结合
  • ¥15 这是一个利用ESP32自带按键和LED控制的录像代码,编译过程出现问题,请解决并且指出错误,指导如何处理 ,协助完成代码并上传代码
  • ¥20 stm32f103,hal库 hal_usart_receive函数接收不到数据。
  • ¥20 求结果和代码,sas利用OPTEX程序和D-efficiency生成正交集
  • ¥50 adb连接不到手机是怎么回事?