1.layui布局表格
<div class="demoTable">
搜索ID：
<div class="layui-inline">
<input name="id" class="layui-input" id="demoReload" autocomplete="off">
</div>
<button class="layui-btn layui-bg-green" data-type="reload">搜索</button>
</div>
<table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>
<script>
layui.use('table',function(){
var table =layui.table;
//方法级渲染
table.render({
elem:'#LAY_table_user'
,url:'http://localhost:8080/onlineTest_war_exploded/question'
,cols: [[
,{field:'questionId',title:'题号',width:200}
,{field:'questionTitle',title:'题目',width:300}
,{field:'city',title:'通过率',width:200}
,{field:'classify',title:'难度',width:200}
]]
,id:'testReload'
,page:true
,height:310
});
var $ =layui.$,active = {
reload:function(){
var demoReload =$('#demoReload');
//执行重载
table.reload('testReload', {
page: {
curr:1 //重新从第 1 页开始
}
,where: {
key: {
id:demoReload.val()
}
}
},'data');
}
};
$('.demoTable .layui-btn').on('click',function(){
var type =$(this).data('type');
active[type] ?active[type].call(this) :'';
});
});
</script>
url是servlet在web.xml下手动配置的路径
第一个javabean对象是存放表格原始数据 第二个javabean是存放code msg count和表格原始数据的 把第二个javabean转换为json格式发给后台
如图 第一次检查的时候发现传回去的json里面带\ 原因：之前用ajax已经把存放列表原始数据的数据转换为json了 再用第二个javabean对象又转换了一次相当于没转换 所以识别不出来
结果：
