20180415開發筆記 bootstrap table在查詢時刷新表格查詢後端數據時可以再次加入查詢字符串數據

        function customSearch(text) {
           $('#table').bootstrapTable('refresh');//刷新Table，Bootstrap Table 會自動執行重新查詢
        }
        function newSearch(text) {
           $('#table').bootstrapTable('refresh',{
             query:
            {
                onclickbutton:'onclick',//在刷新表格重新查詢後端數據的同時加入新的查詢字符串數據
            }
           });//刷新Table，Bootstrap Table 會自動執行重新查詢
        }
        function resetSearch(){
            $("#select_sjlx").val("");
            $("#entryDatestart").val("");
            $("#entryDatestop").val("");
            $("#select_cxkm").val("");
            $("#lookupcontent").val("")
        }

   <div>
        <div class="pull-right" id="toolbar" style="padding-bottom:5px;">
            <select name="select_sjlx" class="form-control" style="float:left;width:120px;margin-right:5px;">
                <option value="">時間類型</option>
                    {% for k in sj %}
                        <option value={{ sj[k] }}>{{ k }}</option>
                    {% endfor %}
            </select>
            <input  name="entryDatestart" placeholder="起始日期" id="entry-date-start"
                    type="text" style="float:left;width:100px;margin-right:5px;" v-model="lookupType" class="form-control">
            <input  name="entryDatestop" placeholder="終止日期" id="entry-date-stop"
                    type="text" style="float:left;width:100px;margin-right:5px;" v-model="lookupType" class="form-control">

            <select name="select_cxkm" class="form-control" style="float:left;width:120px;margin-right:5px;">
                <option value="">查詢科目</option>
                    {% for k in bg %}
                        <option value={{ bg[k] }}>{{ k }}</option>
                    {% endfor %}
            </select>
            <input id = "dateId" name="lookupcontent" placeholder='查詢內容' type="text"
                   style="float:left;width:100px;margin-right:5px;" v-model="lookupType"
                   class="form-control">

            <div class="btn-group">
                <button id="btn_search" onclick="customSearch()" type="button" class="btn btn-primary btn-space">
                    <span class="fa fa-search" aria-hidden="true" class="queryButton"></span>
                    查詢
                </button>
                <button id="btn_reset" onclick="resetSearch()" type="button" class="btn btn-default btn-space">
                    <span class="fa fa-eraser" aria-hidden="true" class="btn-icon-space"></span>
                    清空
                </button>
            </div>
        </div>
        {#     1.先定義一個空表,設置字號爲12，data-filter-control="true" 打開列標題搜索功能#}
        <table id="table" style="font-size: 12px;" class="table  table-condensed table-striped" style="table-layout: fixed;"></table>
    </div>