问题栏

用户名:xuxiang

悬赏金:50鼠币

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就是我点击搜索的按钮。但搜索成功后数据不会显示在表格里

发布时间:2019-04-11
解答栏
  • 用户名:MASHEN

    给你个demo:
    $.ajax({
    type: 'post',
    url:'./data.php?act=get_hwkc',
    data: {id:'001'},
    datatype: 'json',
    error: function(){
    return false;
    },
    success:function(json)
    {
    $("#dg").datagrid("loaddata", json);
    alert("加载成功!");
    }
    });

    记得后台返回数据格式是json格式哦!!

    发布时间:2019-04-11



撰写答案
请登录后再回答