小编gwa*_*ton的帖子

有没有办法自动填充/文本填写表单字段,如用户类型,第一个谷歌位置返回值?

编辑2 - 因为我没有得到第一个赏金的解决方案,我愿意给任何能够成功解决这个问题的人给予100分:)

编辑:请阅读问题!我不是问如何DO Google地方查找,所以请不要只是张贴,作为一个答案!


我使用Google Places API在地理位置表单中添加了标准字段.

<div><input class="input_standard fakeWaitlistCity" placeholder="Location" id="autocomplete"></input></div>
Run Code Online (Sandbox Code Playgroud)

在用户输入时,它会显示以下建议.是否有设置也用第一个返回值填写字段?

这是它目前的样子:

在此输入图像描述

这里的目标是用户不能只键入"纽约".如果他们停止打字,整个领域将已经填满"纽约,纽约,美国".

这是用户输入的理想体验:

在此输入图像描述

谢谢!

更新 - 我发现了关于它的名称的讨论.

以下是我正在谈论的上述链接中的图片:

在此输入图像描述

html javascript forms google-location-services

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

react-table 隐藏自定义访问器但包含在全局过滤中

我正在使用react-table,并且有一个自定义单元格,该单元格循环遍历名为“skus”的关联记录数组

我想隐藏此列,但将其包含在内,以便可以在搜索栏中使用它进行全局过滤。我已经能够获取列中呈现的数据,并将其包含在全局搜索过滤器中。现在,我无法隐藏该列。

这里有 1 列确实可以隐藏,而我循环遍历的列没有隐藏:

   {
     Header: 'Category',
     accessor: 'brand.category.name',
     isVisible: false,
   },
   {
     Header: 'SKU',
     accessor: row => row.skus.map((sku) => `sku${sku.sku}`),
     isVisible: false,
   },
Run Code Online (Sandbox Code Playgroud)

我使用此效果来删除带有 isVisible: false 的列,适用于

React.useEffect(() => {
  setHiddenColumns(
    columns.filter(column => (column.isVisible === false)).map(column => column.accessor)
  );
}, [setHiddenColumns, columns]);
Run Code Online (Sandbox Code Playgroud)

问题显然是我正在通过访问器的数组进行映射,但我无法弄清楚如何将其包含在全局过滤器中并隐藏该列。

javascript reactjs react-table

2
推荐指数
1
解决办法
5996
查看次数

Rails 模型可以有一组关联吗?

我到处找,找不到任何东西(也许是因为不可能)

我有一个会议模型和一个语言模型(它有一个名为语言的字符串列)。每个会议有 2 种语言。

有没有办法建立关联,比如:rails g migration AddLanguageToMeetings language:references

然后在引用中存储一个包含 2 个 language_ids 的数组?

例如, Meeting.language_id = [1,2]

然后就可以调用语言了,比如:

meeting.language_id[0].language

我怎样才能建立这个协会?我是否需要有 2 个不同的列和每个关联的 ID?

谢谢!!

ruby ruby-on-rails associations

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

google-map-react 可拖动标记 - onChildMouseMove 不适用于移动设备

这在计算机上运行良好,但我只是尝试在移动设备上对其进行测试,但没有onChildMouse识别任何事件处理程序。我试过寻找其他事件处理程序,但这onChildMouseXXX是我在这个包中看到的唯一事件处理程序。如何使可拖动标记工作?是否有我可以使用的其他事件,或解决此问题的已知解决方法?

import React from "react"
import PropTypes from "prop-types"

import GoogleMapReact from 'google-map-react';

const Marker = () => <div className="markerCircle"></div>;

class DraggableMap extends React.Component {
  constructor(props) {
    super(props);


    this.state = {
      center: {
        lat: 0,
        lng: 0
      },
      zoom: 11,
      lat: 0,
      lng: 0,
      draggable: true,
      loaded: false
    }

    this.onChildMouseMove = this.onChildMouseMove.bind(this)
    this.onChildMouseUp = this.onChildMouseUp.bind(this)
    this.onChildMouseDown = this.onChildMouseDown.bind(this)
  }

  componentDidMount() {
    this.setState({
      center: {
        lat: this.props.lat,
        lng: this.props.lng,
      },
      lat: this.props.lat,
      lng: this.props.lng,
      loaded: true
    }) …
Run Code Online (Sandbox Code Playgroud)

google-maps reactjs google-map-react

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