kibana 4搜索iframe的地方

时间:2015-08-31 23:37:36

标签: javascript angularjs iframe keypress kibana-4

kibana 4搜索代码如下所示

<form name="queryInput" class="fill inline-form ng-valid ng-dirty" ng-submit="filterResults()">

      <div class="typeahead ng-isolate-scope" kbn-typeahead="dashboard">
        <div class="input-group" ng-class="queryInput.$invalid ? 'has-error' : ''">

          <input input-focus="" placeholder="Filter..." class="form-control ng-isolate-scope ng-valid ng-valid-query-input ng-dirty" ng-model="state.query" kbn-typeahead-input="" validate-query="" type="text"><i style="display: none;" class="fa fa-ban input-error"></i>
          <button type="submit" class="btn btn-default" ng-disabled="queryInput.$invalid">
            <span class="fa fa-search"></span>
          </button>
        </div>

        <div ng-show="typeahead.isVisible()" ng-mouseenter="typeahead.setMouseover(true);" ng-mouseleave="typeahead.setMouseover(false);" class="typeahead-items ng-hide">

  <!-- ngRepeat: item in typeahead.getItems() --><div ng-repeat="item in typeahead.getItems()" ng-class="{active: item === typeahead.active}" ng-click="typeahead.selectItem(item, $event);" ng-mouseenter="typeahead.activateItem(item);" class="typeahead-item ng-binding ng-scope">
    *
  </div><!-- end ngRepeat: item in typeahead.getItems() -->
</div>
      </div>

    </form>

我的页面中有iframe中的kibana信息中心。 我希望从iframe中获取以下代码,并希望它具有与上述代码相同的功能。

<input id="logsSearch" name="logsSearch" type="text"/>

要实现这一点,我尝试了以下选项。

'keypress #logsSearch'  : function(e){
 if (e.keyCode == 13) {

                    var strSearch = $("#logsSearch").val();
                    $("#kibana").contents().find('form[name=queryInput]').find('input').val(strSearch);
                    var e = jQuery.Event("keydown");
                    e.which = 13; // # Some key code value
                    $("#kibana").contents().find('form[name=queryInput]').find('input').trigger(e);
                    $("#kibana").contents().find('form[name=queryInput]').find('button').click();
                }

}

但它不起作用。它调用/ kibana4 / elasticsearch / _msearch

但它不会调用__kibanaQueryValidator。

在其他解决方案中,我试图触发keyup,keydown事件。但它也不起作用

我不知道该怎么做。任何解决这个问题的想法,指示或指导都将是一个很大的帮助。

0 个答案:

没有答案