js 回車鍵繫結事件
阿新 • • 發佈:2018-11-05
<label class="col-sm-1 control-label">快速搜尋<span style="color:red;"> </span> </label> <div class="col-sm-5"> <input id="searchName" name="searchName" class="form-control" placeholder="根據商品名稱和sku編碼模糊搜尋,回車即可!" type="text"> </div>
$("#searchName").keypress(function(event){
if(event.which === 13) {
//點選回車要執行的事件
$('#exampleTable').bootstrapTable('refresh');
}
})
function load() { $('#exampleTable') .bootstrapTable( { method : 'get', // 伺服器資料的請求方式 get or post url : "/base/supplierQuotationsDetailed/list", // 伺服器資料的載入地址 // showRefresh : true, // showToggle : true, // showColumns : true, iconSize : 'outline', toolbar : '#exampleToolbar', striped : true, // 設定為true會有隔行變色效果 dataType : "json", // 伺服器返回的資料型別 pagination : true, // 設定為true會在底部顯示分頁條 // queryParamsType : "limit", // //設定為limit則會發送符合RESTFull格式的引數 singleSelect : false, // 設定為true將禁止多選 // contentType : "application/x-www-form-urlencoded", // //傳送到伺服器的資料編碼型別 pageSize : 10, // 如果設定了分頁,每頁資料條數 pageNumber : 1, // 如果設定了分佈,首頁頁碼 //search : true, // 是否顯示搜尋框 showColumns : false, // 是否顯示內容下拉框(選擇顯示的列) sidePagination : "server", // 設定在哪裡進行分頁,可選值為"client" 或者 "server" queryParams : function(params) { return { //說明:傳入後臺的引數包括offset開始索引,limit步長,sort排序列,order:desc或者,以及所有列的鍵值對 limit: params.limit, offset:params.offset, offerId:$('#id').val(), drs:"9996", searchName:"%"+$('#searchName').val()+"%", // username:$('#searchName').val() }; }, // //請求伺服器資料時,你可以通過重寫引數的方式新增一些額外的引數,例如 toolbar 中的引數 如果 // queryParamsType = 'limit' ,返回引數必須包含 // limit, offset, search, sort, order 否則, 需要包含: // pageSize, pageNumber, searchText, sortName, // sortOrder. // 返回false將會終止請求 columns : [ // { // checkbox : true // }, { field : 'id', title : '主鍵', align : 'center', width:120 }, { field : 'tid', title : '主鍵', align : 'center', width:120 }, { field : 'skuNo', title : 'sku編碼', align : 'center', width:120 }, { field : 'brandNo', title : '品牌', align : 'center', width:80 }, { field : 'brand', title : '品牌', align : 'center', width:80 }, { field : 'goodsName', title : '商品名稱', align : 'center', width:120 }, { field : 'goodsSpec', title : '規格', align : 'center', width:120 }, { field : 'unit', title : '單位', align : 'center', width:60 }, { field : 'taxFreePrice', title : '無稅價', align : 'center', width:80, formatter : numtwo }, { field : 'freePrice', title : '稅價', align : 'center', width:80, formatter : numtwo }, { field : 'taxRate', title : '稅率', align : 'center', width:80, formatter : numtwo }, { title : '操作', field : 'ids', align : 'center', width:120, formatter : function(value, row, index) { var a="," var b="'" var d = '<a class="btn btn-warning btn-sm " href="#" title="刪除" mce_href="#" onclick="remove(\'' + row.id +b+a+b+row.tid + '\')"><i class="fa fa-remove"> 刪除</i></a> '; var f = '<a class="btn btn-success btn-sm" href="#" title="備用" mce_href="#" onclick="resetPwd(\'' + row.id + '\')"><i class="fa fa-key">備用</i></a> '; return d ; } } ] }); }
找到給需要的輸入框繫結回車事件
$("#searchName").keypress(function(event){ if(event.which === 13) { //點選回車要執行的事件 $('#exampleTable').bootstrapTable('refresh'); } })