<table id="enterpriseList" title="" class="easyui-datagrid"
style="width: 100%; height: 100%"
data-options="pagination:true,method:'get',url:'<?php require 'config/config.php'; echo $base_url.'/controller/enterprise/getLstEnterprise.php';?>',toolbar:'#enterpriseToolbar',pageList:[10,20]">
<thead>
<tr>
<th data-options="field:'enterpriseName',width:80,align:'center'">企业名称</th>
<th data-options="field:'corporateName',width:130,align:'center'">法人</th>
<th data-options="field:'businessAddress',width:130,align:'center'">地址</th>
<th data-options="field:'businessNo',width:80,align:'center'">单位联系电话</th>
<th data-options="field:'userdata',width:140,align:'center'">备注</th>
<th data-options="field:'status',width:130,align:'center'">审核状态</th>
<th data-options="field:'notifyEmail',width:150,align:'center'">通知邮箱</th>
<th data-options="field:'createTime',width:130,align:'center'">创建时间</th>
<th
data-options="field:'operation',width:220,align:'center',formatter:formatOperation">操作</th>
</tr>
</thead>
</table>
<!--企业工具栏开始-->
<div id="enterpriseToolbar" style="padding: 2px 5px;">
<a id="" onclick="$('#addEnterpriseDialog').dialog('open');"
class="easyui-linkbutton" data-options="iconCls:'icon-add'">Add</a> <input
id="enterpriseName" class="easyui-searchbox"
data-options="prompt:'企业名称',searcher:searchEnterprise()"
style="width: 200px"></input>
</div>
执行如上代码是出现表头与数据错位的现象,在网上找了N多,各种解决方案都有。有的说是表头含有特殊字符,这篇讲述了详细的解决方案,http://www.easyui.info/archives/1784.html。
但是本人的原因不是字符串的原因,而是在添加了如下方法后出现的
//查询企业
function searchEnterprise(){
//alert("被查询企业名称:"+$("#enterpriseName").val());
$enterpriseName=$('#enterpriseName').val();//搜索输入框的企业名
$('#enterpriseList').datagrid({
queryParams: {
enterpriseName: $enterpriseName
}
});
}
揣测是datagrid重新渲染了一下导致的错位。只是揣测。