标签: multi-select

我正在努力从启用了多选并已绑定到数据库表的 Winforms 列表框中获取选定的值（请注意值而不是文本），获取名称（作为 DisplayMember）和 ID（作为 ValueMember） - 我需要所选项目的 ID。

列表框控件具有用于SelectedValue获取选定项值之一的属性，但不具有用于获取所有选定项值的属性。

该SelectedItems属性返回一个Listbox.SelectedObjectCollection我似乎无法从中提取项目值的值。

请帮忙！谢谢。

我有一个带有多个 optgroup 的选择选项。我想从每个组中选择多个值并根据提交时的标签（optgroup）获取值。

HTML代码是

<table>
 <tr>
  <td>Select</td>
  <td>
   <select multiple="multiple" id="multiGrpSel" ">
     <optgroup label="Indutry Types" id="types">
        <option value="1">Private</option>
        <option value="2">Public</option>
        <option value="3">Govt</option>
     </optgroup>
     <optgroup label="Unit Category" id="unit"> 
      <option value="1">Micro</option> 
      <option value="2">Small</option> 
      <option value="3">Medium</option> 
     </optgroup>
   </select>
  </td>
 </tr>
 <tr><th align="center"> <input type="button" id="submit" class="button" value="Submit"> </th></tr> 
</table>

Run Code Online (Sandbox Code Playgroud)

并在提交时

$("#submit").die('click').live('click',function() {

    $('#multiGrpSel').find("option:selected").each(function(){
        //optgroup label
        console.debug('label='+$(this).parent().attr("label"));
        //optgroup id
        console.debug('id='+$(this).parent().attr("id"));

        // values based on each group ??
        id = $(this).parent().attr("id");
        console.debug('value='+$('#'+id).val());
    });


}); 

如果选择了第一个和第二个选项组中的两个选项，我将获得label & id，但该值变为空白。

输出：

label=Unit Category
id=unit …

我正在使用 React 和 React-Leaflet 生成给定数据点及其纬度/经度坐标的circleMarkers 地图。我在渲染数据地图时没有任何问题，甚至可以在用户按侧边栏上的过滤器类型进行过滤时更改渲染的数据。

<Map center={[this.props.data[0].Latitude, this.props.data[0].Longitude]} zoom={12}>
    <TileLayer
      attribution="&amp;copy <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a> contributors"
      url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
    />

    /* code for rendering circleMarkers goes here */

</Map>

当用户单击标记时，我会得到它，因此地图上会出现一个弹出窗口，其中包含有关相应点的一些数据简介。

<CircleMarker center={[entry.Latitude, entry.Longitude]} color={this.determineMarkerColor(entry)} radius={this.computeMarkerSize(entry)}>
          <Popup>
              <span>Radius is for: {this.props.filterType} </span>
          </Popup>
</CircleMarker>

有没有办法配置地图，以便它可以弄清楚用户何时尝试，例如，按住 Shift 单击以选择多个点，然后将所选点作为数组传递？或者，更好的是，如何使地图具有交互性，以便用户可以拖放自定义区域（例如绘制正方形或圆形）并选择该区域内的所有渲染点？

我计划将这组选定数据传递给另一个将其绘制成图表的组件。

任何关于在哪里寻找这个的建议将不胜感激。

我正在使用PrimeNG，但无法限制下拉值的选择。请帮忙。

成分：

import {SelectItem} from 'primeng/api';

interface City {
    name: string,
    code: string
}

export class MyModel {

cities1: SelectItem[];

cities2: City[];

selectedCities1: City[];

selectedCities2: City[];

constructor() {
    //SelectItem API with label-value pairs
    this.cities1 = [
        {label:'New York', value:{id:1, name: 'New York', code: 'NY'}},
        {label:'Rome', value:{id:2, name: 'Rome', code: 'RM'}},
        {label:'London', value:{id:3, name: 'London', code: 'LDN'}},
        {label:'Istanbul', value:{id:4, name: 'Istanbul', code: 'IST'}},
        {label:'Paris', value:{id:5, name: 'Paris', code: 'PRS'}}
    ];

    //An array of cities
    this.cities2 = [
        {name: 'New …

因此，我正在研究可能将 react-select 用于需要多选的项目。但是，多选示例会随着选择更多项目而不断向下扩展。如果下拉列表有一堆选项可供选择（比如 100），这将不起作用。react-select 库中有没有办法让值变成“Xyz & 5 more”或类似的东西？

import React, { Component } from 'react'
import Select from 'react-select'

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' },
  { value: 'cherry', label: 'Cherry' },
  { value: 'foo', label: 'Foo' },
  { value: 'bar', label: 'Bar' }
]

const MyComponent = () => (
  <Select
    options={options}
    isMulti
    className="basic-multi-select"
    classNamePrefix="select"
  />
)

我如何在 Flutter 中创建具有多选功能的 gridview 布局，例如 android 照片应用程序？我正在寻找现有的小部件，但找不到。

我现在拥有的是：一个 n 行 2 列的 gridview 布局。这些单元格包含一个带有一些信息和标题文本的 GridTile 小部件。现在我想要一个类似于 android 照片应用程序的功能，在这些图块上长按后，所有项目的左上角都会出现一个复选圆圈。

我是否必须自己构建它，还是有一个我目前没有找到的现有 Flutter 小部件？

我有一个主要工作的 Vue 多选，其中我通过对数据库的 axios 调用使用自动完成功能。至于返回数据库结果并将它们添加为选项，然后添加标签，它完美地工作。

我的问题是我无法创建新标签。因此，如果我的 axios 调用返回“Testing one”作为选项并且我选择了它，它就会成为一个标签。但是，如果在我输入“新测试”并按回车键时没有返回结果，则它不会成为新标签。

我究竟做错了什么？

<div id="tagApp">
<multiselect
  label="tag_data"
  track-by="campaign_tag_id"
  v-model="value"
  :options="options"
  :loading="loading"
  :multiple="true"
  :taggable="true"
  @search-change="val => read(val)"
></multiselect>
</div>

new Vue({
components: {
  Multiselect: window.VueMultiselect.default
},
el: "#tagApp",
data() {
  return{
      value: [],
      loading: false,
      options: []
  }

},
methods: {
  read: function(val){
      //console.log('searched for', val);
    if (val) {
      this.loading = true;
      this.options = [];

      const self = this;
      console.log(val);

      axios.get('campaigns/search',{params: {query: val}})
          .then(function (response) {
              self.options = response.data;
              console.log(response.data);
      });

    } else { …

如何动态加载多选？我使用 react-select 来实现 MultiSelect。

我的努力

在 componentDidMount() 中，我获取了一个数组，我想在我的多选中显示/加载它；然后将响应存储在状态中。

现在，我试图从那个状态中获取价值，但我没有得到那个价值。

我的代码

state= {Category: []}

// that category contain this values
//0: {categoryid: "1", categoryname: "Select Category"}
//1: {categoryid: "2", categoryname: "Abc"}


componentDidMount() {
    fetch("http://myURL//file.php", {
      method: "POST",

      headers: {
        Accept: "application/json",
        "Content-Type": "application/json"
      },
      body: JSON.stringify({})
    })
      .then(response => response.json())
      .then(responseJson => {
        this.setState({ Category: responseJson });
        //  If server response message same as Data Matched

        console.log(this.state.Category);
        window.parent.location = window.parent.location.href;
      })
      .catch(error => {
        console.error(error);
      });
  }

//this code is not …

在MVC中,SelectList派生自MultiSelectList.我不能说出他们之间的区别.对于两者,我必须告诉它选择多个项目(我希望不必这样做,因为名称中有"multi").

如果在下面的代码中用"MultiSelectList"替换"SelectList",它将生成相同的HTML:

<% 
var leftSelectList = new SelectList(Model.LeftSide,"Key","Value");
var attrs = new SortedDictionary<string, object> {{"class", "ui-widget"}};
MvcHtmlString disabledStyle = MvcHtmlString.Create(Html.Encode("'width:50px;'"));
attrs.Add("style", disabledStyle);
attrs.Add("multiple", "multiple");
attrs.Add("size", "5"); /*-- how many items to show--*/        
var leftItems =  Html.DropDownList("ddlLeftItems", leftSelectList, attrs); %>

<%= leftItems.ToHtmlString()%>

生成的HTML是:

<select class="ui-widget" id="ddlLeftItems" multiple="multiple" name="ddlLeftItems" size="5" style="&amp;#39;width:50px;&amp;#39;">
  <option value="1">A</option>
  <option value="2">B</option>
  <option value="3">C</option>
  <option value="5">E</option>
  <option value="9">I</option>
</select>

那么,我应该使用哪一个？谢谢.

我在Magento中创建了一个自定义模型,可以在管理员中进行编辑.但是我在处理数组方面遇到了麻烦.当我去保存模型时,文本字段保存得很好,但是多选字段只是保存为"数组",然后我无法进行编辑.

我需要知道如何在模型中保存和检索此数组数据.在简单过滤的产品数据中显示在多选字段中的数据数组.

任何人都可以帮忙吗？任何帮助非常感谢!!!