easyui datagrid 搜索按钮 搜索后进入表格

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()}
    });

});