Question

我有一张带欧洲国家边界的传单。当用户单击某个要素时，我会通过geojson文件中的一个字段获得“国家/地区”的名称。我也有一个数据表，其中包含来自数据库的数据，并且具有行点击功能。如何从传单功能点击中对数据表行执行点击？问题：在功能上单击->执行功能

使用以下代码，我将获得功能名称并在数据表上进行搜索

    layer_europe_with_data_0.on('click', function(e) {       
    var dd = e.layer.feature.properties.NAME_ENGL
    var tbldump = $('#europetbl').DataTable();        
    tbldump.search(dd).draw();
    }

一种方法是，我在数据表上找到了搜索选项，因此可以在数据表上搜索该行。但我可以执行点击。

行上的功能单击

    $('#europetbl tbody').on('click', 'tr', function () {
    // bla bla bla
    }

我想这样做：

    layer_europe_with_data_0.on('click', function(e) {
    do this $('#europetbl tbody').on('click', 'tr', function () {
    }

行点击代码

    $('#europetbl tbody').on('click', 'tr', function () {
    var tbl = $('#europetbl').DataTable();
    var dt = tbl.row( this ).data();
    mymap.setView([dt[4], dt[3]],6)
    if ( $(this).hasClass('selected') ) {
    $(this).removeClass('selected');
    }
    else {
    tbl.$('tr.selected').removeClass('selected');
    $(this).addClass('selected');
    }
    $("#fetchtbl tbody").html("");
    var id  = dt[0];
    idforcountrystats = id;
    localStorage.setItem("idforstats", idforcountrystats);
    $.ajax({
    url: "fetchdata.php",
    method: "POST",
    data:{id:id},
    dataType: "JSON",
    success: function(data){
      if (data){
      var trHTML = '';
        $.each(data, function (i, item) {
            trHTML +='<tr><td><input type="checkbox" data-id="'+ item.fetID+'" 
    onclick="QuickView(this)"></td><td>' + item.Fua_name + '</td></tr>' ;
        });
        $('#fetchtbl tbody').append(trHTML); 
      }
    }
    })
    })

单张功能点击

0 个答案: