最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Bootstrap Table 搜索框和查詢功能

 更新時間:2017年11月30日 11:33:27   作者:Alan_阿蘭  
這篇文章主要介紹了Bootstrap Table 搜索框和查詢功能,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

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

2.提升js代碼性能

1.減少全局變量聲明

2.緩存dom節(jié)點查找結果

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節(jié)點查找結果 避免在循環(huán)里用 
   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; 
   //定義刷新參數(shù) 
     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 搜索框和查詢功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關文章

  • 前臺js對象在后臺轉化java對象的問題探討

    前臺js對象在后臺轉化java對象的問題探討

    在開發(fā)項目中多次遇到前臺js對象在后臺轉化java對象的問題,下面就為大家介紹下前臺js對象轉后臺java對象,感興趣的朋友可以了解下
    2013-12-12
  • JS跨域解決方案之使用CORS實現(xiàn)跨域

    JS跨域解決方案之使用CORS實現(xiàn)跨域

    正常使用AJAX會需要正常考慮跨域問題,所以偉大的程序員們又折騰出了一系列跨域問題的解決方案,如JSONP、flash、ifame、xhr2等等。本文給大家介紹JS跨域解決方案之使用CORS實現(xiàn)跨域,感興趣的朋友參考下吧
    2016-04-04
  • JavaScript使用readAsDataURL讀取圖像文件

    JavaScript使用readAsDataURL讀取圖像文件

    這篇文章主要為大家詳細介紹了JavaScript使用readAsDataURL讀取圖像文件的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • 微信小程序實現(xiàn)聊天室

    微信小程序實現(xiàn)聊天室

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)聊天室,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • 詳解ES6 中的Object.assign()的用法實例代碼

    詳解ES6 中的Object.assign()的用法實例代碼

    這篇文章主要介紹了ES6 Object.assign()的用法及用途,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-01-01
  • JS中將圖片base64轉file文件的兩種方式

    JS中將圖片base64轉file文件的兩種方式

    這篇文章主要介紹了JS中圖片base64轉file文件的兩種方式,實現(xiàn)把圖片的base64編碼轉成file文件的功能,然后再上傳至服務器,本文結合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-02-02
  • javascript模擬git diff命令實現(xiàn)文本文件差異比較

    javascript模擬git diff命令實現(xiàn)文本文件差異比較

    這篇文章主要為大家詳細介紹了javascript如何模擬git diff命令實現(xiàn)文本文件差異比較效果,文中的示例代碼講解詳細,感興趣的小伙伴可以參考下
    2023-12-12
  • JavaScript的ES5實現(xiàn)繼承的4種常用方法小結

    JavaScript的ES5實現(xiàn)繼承的4種常用方法小結

    繼承是面向對象軟件技術當中的一個概念,這篇文章主要為大家詳細介紹了JavaScript ES5實現(xiàn)繼承的4種常用方法,感興趣的小伙伴可以了解一下
    2024-03-03
  • JS獲取IMG圖片高寬的簡單實例

    JS獲取IMG圖片高寬的簡單實例

    下面小編就為大家?guī)硪黄狫S獲取IMG圖片高寬的簡單實例。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • 判斷ie的兩種簡單方法

    判斷ie的兩種簡單方法

    判斷ie想必大家都會寫吧,如何將判斷條件變得簡單呢,也許大家并不是很清楚,感興趣的大家可以參考下本文,或許會有所收獲
    2013-08-08

最新評論

重庆市| 屏东县| 灯塔市| 昭觉县| 黑龙江省| 河曲县| 鞍山市| 高雄市| 通海县| 聊城市| 卢湾区| 阿拉尔市| 德令哈市| 信宜市| 湖口县| 和静县| 临朐县| 比如县| 利辛县| 台江县| 囊谦县| 思南县| 谢通门县| 澄迈县| 宽甸| 宜昌市| 石泉县| 浑源县| 乌兰浩特市| 城口县| 扎囊县| 上杭县| 扶余县| 梅州市| 夹江县| 高清| 阿拉尔市| 迁安市| 镇坪县| 安阳市| 铁岭市|