小编Ale*_*lex的帖子

dnd,如何限制删除某些节点类型?

我有37种不同的节点类型.我正在尝试实现拖放.这有效但我需要确切地限制可以拖动哪些类型以及可以删除它们的位置.遗憾的是,我在文档中找不到任何有用的信息(http://www.jstree.com/documentation).

到目前为止,我尝试了三种方法:

first:根据节点类型在drag_check回调中定义true或false的返回值:

$("#demo1").jstree({
    "dnd" : {
        "drag_check" : function () {
Run Code Online (Sandbox Code Playgroud)

第二种:绑定到prepare_move.jstree事件并根据节点类型返回true或false值:

.bind("prepare_move.jstree", function (e, data) {
   if (data.rslt.o.attr("typ") === "tpop") {
Run Code Online (Sandbox Code Playgroud)

第三:使用类型插件并在那里定义有效的子代:

$("#tree").jstree( {
    "types": {
        "type_attr": "typ",
        "valid_children": ["ap_ordner_pop", "ap_ordner_apziel", "ap_ordner_erfkrit", "ap_ordner_apber", "ap_ordner_ber", "ap_ordner_beob", "iballg", "ap_ordner_ibb", "ap_ordner_ibartenassoz"],
        "types": {
        "ap_ordner_pop": {
            "valid_children": "pop"
        },
        "pop": {
            "valid_children": ["pop_ordner_tpop", "pop_ordner_popber", "pop_ordner_massnber"],
            "new_node": "neue Population"
        },
        "pop_ordner_tpop": {
            "valid_children": "tpop"
        }
Run Code Online (Sandbox Code Playgroud)

但我几乎可以在任何地方丢弃大多数节点.怎么办呢?或者你能指出一个很好的例子吗?

非常感谢帮助.

jstree

23
推荐指数
2
解决办法
2万
查看次数

如何管理bootstrap navbar中的活动状态?

我知道必须在bootstrap中手动管理活动类.我用jQuery做了几次.

我的最新项目虽然有所作为.

我知道在使用react时我不应该使用jQuery在dom中设置类.但是如何才能正确完成?

twitter-bootstrap reactjs

9
推荐指数
1
解决办法
3万
查看次数

加载npm typeahead.js时如何引用typeahead和bloodhound

我用npm安装了typeahead.js.从我读到的这包括先行和猎犬.

然后我在我的模块中要求jquery后需要它.

但现在我打电话的时候

new Bloodhound()
Run Code Online (Sandbox Code Playgroud)

Bloodhound(可以理解)未定义.

我只能在html的脚本文件中找到包括bloodhound.js和typeahead.js在内的例子.

如何通过要求从npm完成?

以防万一:这是我的完整模块:

/**获取所有对象*构建过滤器组件所需的对象数组,以创建可过滤对象列表*返回过滤器组件*/'use strict'

import $ from 'jquery'
import React from 'react'
import 'typeahead.js'

export default React.createClass({
  displayName: 'Filter',

  propTypes: {
    data: React.PropTypes.arrayOf(React.PropTypes.object).isRequired
  },

  componentDidMount () {
    const objects = this.props.data
      .map(function (object) {
        // make sure every fauna has a name
        // dont use others for filtering
        if (object.Taxonomie && object.Taxonomie.Eigenschaften && object.Taxonomie.Eigenschaften['Artname vollständig']) {
          return {
            id: object._id,
            label: object.Taxonomie.Eigenschaften['Artname vollständig']
          }
        }
      })
    const fauna = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.whitespace('label'), …
Run Code Online (Sandbox Code Playgroud)

typeahead.js

7
推荐指数
1
解决办法
4797
查看次数

如何在开放层3中获得标签粗体?

我在矢量图层中标记了标记.

ol.style.Text对象的TextOptions包括根据文档(http://ol3js.org/en/v3.0.0-beta.1/apidoc/ol.style.html#TextOptions)更改字体权重的选项.

在ol2我用过:

fontWeight: "bold"
Run Code Online (Sandbox Code Playgroud)

这似乎在ol3中不起作用.

如何才能做到这一点?

openlayers-3

5
推荐指数
1
解决办法
4059
查看次数

打开图层3:如何为修改交互创建侦听器

我已设法建立修改交互.

ol.interaction.Modify(http://ol3js.org/en/master/apidoc/ol.interaction.Modify.html)的文档不提及修改功能时触发的单个事件.

不像ol.interaction.Draw(http://ol3js.org/en/master/apidoc/ol.interaction.Draw.html)那样很好用.

我需要在修改功能时更新数据库中的坐标.

我该如何设置一个监听器?

openlayers-3

5
推荐指数
1
解决办法
9474
查看次数

使用cypress选择react-select下拉列表选项

有谁知道如何从赛普拉斯测试的“反应选择”下拉列表中选择一个选项?

我尝试了很多东西,但无济于事。

似乎react-select使用隐藏的输入。那棵柏树不能写。赛普拉斯的div也无法写入。

我不知道如何检查开发工具中的实际下拉列表,这也无济于事,因为它没有保持打开状态。

我在用:

  • react-select v2.4.1
  • 赛普拉斯v3.1.5

编辑1:

@bkucera的答案有效。我最终得出的有效代码是:

it('updates Person', () => {
    cy.get('[data-id=bearbeiter]')
      .find('.css-10nd86i')
      .click()
      .find('input')
      .eq(1)
      .focus()
    cy.contains('Test Tester').click({ force: true })
  })
Run Code Online (Sandbox Code Playgroud)

我必须添加一个.eq(1)after,find因为似乎有两个输入。

编辑2:

上面的解决方案最终单击了我网站上导航树中恰好包含相同文本的元素。所以没有雪茄:-(

编辑3:

我也尝试过这种解决方案:

Cypress.Commands.add('setSelectOption', ({ selector, option, value }) => {
  cy.get(selector)
    .find('.css-10nd86i input')
    .eq(1)
    .focus()
    .type(value, { force: true })
})
Run Code Online (Sandbox Code Playgroud)

...但是即使force: true使用,也会出现此错误:

The element typed into was:

  > <input name="aeId" type="hidden" value="862333db-31cf-444c-b8ea-021c640c7a44">

Cypress considers the 'body', 'textarea', any 'element' with a 'tabindex' or …
Run Code Online (Sandbox Code Playgroud)

react-select cypress

5
推荐指数
5
解决办法
2460
查看次数

带圆角的 Openlayer 地图

我将我的 openlayer 地图集成到一个带有圆角的 div 中。我怎样才能让地图有圆角?我曾尝试将 border-radius 应用于开发人员工具中的许多 div,但地图拒绝圆角。

亚历克斯

openlayers

3
推荐指数
1
解决办法
1726
查看次数

twitter bootstrap navbar导航后固定顶部重叠页面

引导网站说

添加.navbar-fixed-top并记住通过添加至少40px填充来计算其下方的隐藏区域.一定要在核心Bootstrap CSS之后和可选的响应式CSS之前添加它.

我做到了 当页面首次显示或滚动到顶部时,它可以正常工作.

我还有一个附加的辅助导航栏,让您可以向下导航到可见页面的各个部分.

当页面向下滚动时,它会在链接锚点位于顶部时停止.但问题是:这是由导航栏覆盖的.因此,部分内容将被涵盖.

我尝试在导航后使用此功能进一步滚动页面一些像素:

window.scrollBy(0,-70);
Run Code Online (Sandbox Code Playgroud)

但这不起作用,它会混淆有时移动的附加辅助导航栏.

当使用固定在顶部的导航栏时,如何链接到某个部分并让它完全显示?

我必须做一些非常错误的事情,因为这似乎是一个非常频繁的用例,我希望它可以开箱即用.

twitter-bootstrap

0
推荐指数
1
解决办法
2985
查看次数