datagrid在进行分页时候,出现了点击搜索按钮,按钮进入了表格中,可能是easyui的一个机制导致的,所以,应该使用一个添加工具栏的方式来解决。
<table id="searchdetail">
<div id="tb">
<div style="font-size:10px;width: 100%;">
<div style="margin-top: 10px;float:left">
<div style="float: left;width:30px;margin-left:10px">机型:</div>
<select class="easyui-combobox" name="craftType" id="craftType" label="Language"
style="float: left;width:70%">
<option value="机型">机型</option>
<option value="B737">B737</option>
<option value="B738">B738</option>
<option value="B738">B7M8</option>
<option value="B787">B787</option>
<option value="E190">E190</option>
<option value="二三方">二三方</option>
</select>
</div>
<div style="margin-top: 10px;float: left;width: 15%">
<div style="float: left;width:30px">章节号:</div>
<select class="easyui-combobox" name="ata" id="ata" label="Language" style="float: left;width:60%">
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
<option value="5">5</option>
<option value="6">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="38">38</option>
<option value="44">44</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="49">49</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="70">70</option>
<option value="71">71</option>
<option value="72">72</option>
<option value="73">73</option>
<option value="74">74</option>
<option value="75">75</option>
<option value="76">76</option>
<option value="77">77</option>
<option value="78">78</option>
<option value="79">79</option>
<option value="80">80</option>
</select>
</div>
<!--<div style="text-align:center;padding:5px 0;float: left;margin-top: 10px;width: 10%">-->
<!--<a href="javascript:void(0)" id="search" class="easyui-linkbutton" style="width:80px;float: left">查询</a>-->
<!--</div>-->
</div>
<a id="search" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a>
</div>
</table>
</div>
$("#search").click(function () {
var craftType = $.trim($("#craftType").combobox('getText'));
var ata = $.trim($("#ata").combobox('getText'));
$('#searchdetail').datagrid({
// title: '人员信息',
fit:false,
border:true,
singleSelect:true,
toolbar: '#search', //设置工具栏
fitColumns: true, //设置列宽度自适应屏幕
// iconCls: 'icon-save',
url: '{:url("index/Hourlab/searchdetail")}',
pageSize: 15, //设置默认分页大小
pageList: [10, 15, 20], //设置分页大小
pagination: true,
queryParams: {
craftType: craftType,
ata: ata
},
columns: [[
{field: 'typ', title: '机型', width: 80, align: 'center'},
{field: 'section', title: '章节', width: 80, align: 'center'},
{field: 'task', title: '内容', width: 80, align: 'center'},
{field: 'manhour', title: '工时', width: 80, align: 'center'},
{
field: 'operate', title: '操作', align: 'center', width: 100,
formatter: function (value, row, index) {
var str = '<a href="#" name="opera" style="text-align: center" ></a>';
return str;
}
}
]],
onLoadSuccess: function (data) {
$("a[name='opera']").linkbutton({text: '修改分区', plain: true, iconCls: 'icon-add'});
},
toolbar:"#tb",.//此处为重点,设置了toolbar以后,就不会乱了
//queryParams : {conditions : getSearchConditions()}
});
});