easyui datagrid不等待后台返回数据就显示页面
$("#tabLine").datagrid({
title:'信息',
width:"100%",
height: 500,
url:'<%=lineUrl%>',
loadMsg:'数据装载中......',
rownumbers:true,
pagination : true,
idField:'id',
//nowrap: false,
rownumbers:true,
fitColumns:true,
pageSize:10,
pageList:[1,10],
toolbar:[{
text:'修改',
iconCls:'icon-edit',
handler: doUpdate
},"-",{
text:'批量修改',
iconCls:'icon-edit',
handler: updataMore
},"-",{
text:'查看',
iconCls:'icon-search',
handler: doDetail
}],
frozenColumns:[[
{field:'ck',checkbox:true}
]],
onClickRow : function(rowIndex,rowData){
$(this).datagrid('unselectAll');
$(this).datagrid('selectRow', rowIndex);
},//鼠标单击
onDblClickRow:function (rowIndex,rowData){
}, //双击
onBeforeLoad: function(){
$('#tabLine').datagrid('unselectAll');
$("#tabLine").datagrid('loadData',[]);
},
onLoadSuccess : function() {
},
columns:[[
{title:'id',width:100,field:'id',hidden:true},
{title:'编码',width:100,field:'partnumber',align:'center'},
{title:'型号',width:100,field:'devicemodel',align:'center'},
{title:'描述',width:200,field:'descriptionchn',align:'center'}
]]
});
});
以上是datagrid部分代码,奇怪的是,有时候提交查询请求,后台数据还没返回,前台页面就显示了,
loadMsg中的 '数据装载中......' 信息出现后,不等待后台返回数据,就直接消失。
结果,进行调试时发现,虽然后台能查出数据,但页面还是经常显示为空白。
求教大神,有没有什么建议,能够保证页面在后台数据返回后再显示。
...全文
相关推荐
easyui datagrid 数据导出到Excel
获取datagrid数据:通过EasyUI Datagrid的API,如`$("#datagridId").datagrid("getData")`获取到数据对象。3.
easyUI页面datagrid动态列和form字段动态添加
在easyUI页面中实现datagrid动态列和form字段的动态添加是一个常见的前端开发需求,尤其是在处理灵活的用户界面设计或需要根据后台数据动态展示表格结构的场景下。在这个示例中,开发者分享了如何
easyui datagrid 行编辑中combogrid和combobox显示问题
"这篇资源主要讨论了在使用EasyUI的datagrid进行行编辑时,combogrid和combobox组件在显示方面遇到的问题以及解决方案。在datagrid中,combogrid和combob
JS EasyUI DataGrid动态加载数据
这种方式避免了一次性加载大量数据导致的页面响应慢和内存消耗大等问题。实现JS EasyUI DataGrid动态加载数据主要涉及以下几个步骤:1.
EasyUI的DataGrid每行数据添加操作按钮的实现代码
{ // 发送AJAX请求或其他操作 }});```总结来说,要在EasyUI的DataGrid中为每行数据添加操作按钮,你需要定义一个自定义列,并使用`formatter`函数返回包含按钮的HTML。


