qinbo
2021-12-17 23423830bc994d9136af71010620eb26b211dbf5
widgetsTS/widget_search/view.js
@@ -24,14 +24,14 @@
    //开始查询数据
    $("#btn").click(function () {
        current_selected_monitor_keyword = $('#search').val();
        reloadData(1);
        throttling();
    });
    //绑定enter回车键事件
    $('#search').bind('keypress', function (event) {
        if (event.keyCode == "13") {
            current_selected_monitor_keyword = $('#search').val();
            reloadData(1);
            throttling();
        }
      })
@@ -47,6 +47,17 @@
            });
        }  
    });
}
// 节流,防止用户点击多次请求多次
let timeout;
//需要定义在方法外
function throttling(){
   //先清理
   clearTimeout(timeout)
   timeout = setTimeout(() => {
      reloadData(1)
   }, 500)
}
//加载count
@@ -105,7 +116,7 @@
function reloadData(page){
    $("#searchInfo").empty();
    var backend_url = thisWidget.nodejs_url_predix + "dataapi/Bdata?bid=get_" + current_selected_monitor_type + "_list_keyword&datatype=" + thisWidget.datatype + "&datatime=" + thisWidget.datatime + "&qindex=" + current_selected_monitor_qindex +"&keyword=" + current_selected_monitor_keyword+ "&pageno=1&pagesize=10";
    var avgnam = 10; //每页显示个数
    var avgnam = 30; //每页显示个数
        $.ajax({
          type:"GET",
          url:backend_url,
@@ -127,11 +138,11 @@
            var newsTotalNum = data.data.result.length; //记录的总条数
            var pageNum = Math.ceil(newsTotalNum/avgnam); //分页的总页数
            
            for(var i=((page-1)*10);i<(page*10)&&i<newsTotalNum;i++){
            for(var i=((page-1)*30);i<(page*30)&&i<newsTotalNum;i++){
                var j = i+1; 
                var topObj = tableData[i];
                topObj = changeNullAndundefinedToEmpty(topObj);
                var content = "<tr _siteid='" + topObj.code + "' _lon='" + topObj.lon + "' _lat='" + topObj.lat + "' onmouseover='over(this)' onmouseout='out(this)' ><td><input type='checkbox' name='selectedItem' value='" + j + "' /></td><td>" + j + "</td><td onclick='locateAndShowDetail(this)'>" + topObj.code + "</td><td onclick='locateAndShowDetail(this)'>" + topObj.name + "</td><td><font color='" + getLayerPointColorByQindexandValue(current_selected_monitor_type, current_selected_monitor_qindex, topObj[current_selected_monitor_qindex]) + "'>" + topObj[current_selected_monitor_qindex] + "</font></td></tr>"
                var content = "<tr _siteid='" + topObj.code + "' _lon='" + topObj.lon + "' _lat='" + topObj.lat + "' onmouseover='over(this)' onmouseout='out(this)' ><td><input id='items' type='checkbox' name='selectedItem' value='" + j + "' /></td><td>" + j + "</td><td onclick='locateAndShowDetail(this)'>" + topObj.code + "</td><td onclick='locateAndShowDetail(this)'>" + topObj.name + "</td><td><font color='" + getLayerPointColorByQindexandValue(current_selected_monitor_type, current_selected_monitor_qindex, topObj[current_selected_monitor_qindex]) + "'>" + topObj[current_selected_monitor_qindex] + "</font></td></tr>"
                $("#searchInfo").append(content);
            }
            var content1 = '<div class="am-cf">' +
@@ -222,7 +233,7 @@
            $("#page").append(content2);
          }
        });
      }
    }
      function over(obj) {
        $('#searchInfo tr').removeClass("over_tr");
@@ -260,10 +271,11 @@
    function highlightSelected() {
    
        var obj = document.getElementsByName('selectedItem'); //选择所有name="'selectedItem'"的对象,返回数组 
        var first_value = document.getElementById('items').value; //选择所有value="'值'
        var selectedItem = [];
        for (var i = 0; i < obj.length; ++i) {
            if (obj[i].checked) {
                selectedItem[selectedItem.length] = tableData[i];
                selectedItem[selectedItem.length] = tableData[i+(first_value-1)];
            }
        }