国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

Bootstrap Table 搜索框和查詢功能

來源:懂視網 責編:小采 時間:2020-11-27 22:24:33
文檔

Bootstrap Table 搜索框和查詢功能

Bootstrap Table 搜索框和查詢功能:1..知識點bootstrapTable 刷新和查詢配置 2.提升js代碼性能 1.減少全局變量聲明 2.緩存dom節點查找結果 3.局部變量緩存全局變量 /** * @param col bootstrapTable列表生成配置對象 */ var searchValue ={};//查詢匹配對象 var
推薦度:
導讀Bootstrap Table 搜索框和查詢功能:1..知識點bootstrapTable 刷新和查詢配置 2.提升js代碼性能 1.減少全局變量聲明 2.緩存dom節點查找結果 3.局部變量緩存全局變量 /** * @param col bootstrapTable列表生成配置對象 */ var searchValue ={};//查詢匹配對象 var

1..知識點bootstrapTable 刷新和查詢配置

2.提升js代碼性能

1.減少全局變量聲明

2.緩存dom節點查找結果

3.局部變量緩存全局變量 

/** 
 * @param col bootstrapTable列表生成配置對象 
 */ 
var searchValue ={};//查詢匹配對象 
var $button = $('<div class="columns pull-right search-button"><button class="btn btn-default" type="button" name="refresh" title="查詢"><i class="glyphicon glyphicon-search icon-search"></i></button></div>'); 
var $input = $('<div class="columns pull-right search-input"><input class="form-control" type="text" placeholder="搜索"></div>'); 
var $select = $('<div class="columns pull-right search-select"><select></select></div>'); 
var addSearchGroup = function(col) 
{ 
 // 插入選項 
 var button ,input,select; 
 button = $button;input = $input;select = $select;////局部變量緩存全局變量 提高代碼性能 
 var selectDom = $select.find('select');////緩存dom節點查找結果 避免在循環里用 
 for(var i = 0; i < col.length; i++){ 
 if(col[i].visible != false){ 
 var $option = '<option value="'+col[i].field+'">'+col[i].title+'</option>'; 
 selectDom.append($option); 
 } 
 } 
 //插入多選框、輸入框、按鈕 
 $('.fixed-table-toolbar').append(button,input,select); 
} 
/* 
button = $button 
*/ 
searchAction($button); 
function searchAction(button){ 
 //寫入上一次查詢的條件 
 if(searchValue.select != undefined){ 
 $select.find('select').val(searchValue.select); 
 }; 
 if(searchValue.input != undefined){ 
 $input.find('input').val(searchValue.input); 
 }; 
 //寫入查詢條件 
 // 獲取查詢選項 
 button.click(function(){ 
 var option = $select.find('select').val(); 
 var inputval = $input.find('input').val(); 
 searchValue.select =option; 
 searchValue.inputval =inputval; 
 //定義刷新參數 
 if(inputval != ''){ 
 var param = { 
 url: sWebRootPath+"/json/getAjaxData.jsp?v="+new Date().getTime(), 
 query: { 
 filters:[ 
 {'colname':option,'filtertype':'LIKE','filtervalues':inputval} 
 ] 
 } 
 } 
 }else{ 
 var param = { 
 url: sWebRootPath+"/json/getAjaxData.jsp?v="+new Date().getTime(), 
 } 
 } 
 // 刷新表格 
 $('#tablelist').bootstrapTable('refresh',param); 
 }); 
} 

總結

以上所述是小編給大家介紹的Bootstrap Table 搜索框和查詢功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Bootstrap Table 搜索框和查詢功能

Bootstrap Table 搜索框和查詢功能:1..知識點bootstrapTable 刷新和查詢配置 2.提升js代碼性能 1.減少全局變量聲明 2.緩存dom節點查找結果 3.局部變量緩存全局變量 /** * @param col bootstrapTable列表生成配置對象 */ var searchValue ={};//查詢匹配對象 var
推薦度:
標簽: 表格 查詢 搜索
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产真实乱人偷精品 | 国产日产精品_国产精品毛片 | 伊人色综合一区二区三区 | 欧美日韩在线国产 | 日韩综合 | 亚洲一区二区影院 | 久久久影院亚洲精品 | 久久久久久久久久久9精品视频 | 亚洲国产日韩在线精品频道 | 亚洲国产欧美日韩 | 92国产福利久久青青草原 | 国产v片在线观看 | 欧美成人h精品网站 | 亚洲国产成人久久综合一 | 亚洲精品成人久久久影院 | 91久娇草 | 夜色毛片永久免费 | 国产欧美一区二区三区在线 | 免费看全黄特黄毛片 | 国产一区二区三区高清 | 女人与公拘交酡全过程 | 免费一级a毛片在线播放视 免费一区二区 | 欧美日韩亚洲v在线观看 | 精品偷自拍另类在线观看 | 欧美亚洲综合在线观看 | 国产网站免费在线观看 | 久久精品国产亚洲aa | 亚洲另类在线观看 | 日本五十路视频 | 色在线播放 | 成人欧美一区二区三区视频 | 国产有码视频 | 一区不卡在线观看 | 最新国产区 | 日韩精品欧美高清区 | 五月激情丁香 | 亚洲一区二区三区高清 | 偷拍第一页 | 亚洲欧洲在线视频 | 欧美成人高清在线视频大全 | 日本一区二区三区免费观看 |