如何在richselect中配置数据表示?

时间:2016-10-24 11:01:13

标签: javascript html select options webix

我对Webix中的richselect数据有疑问。我按照这个样本 http://docs.webix.com/api__ui.suggest_textvalue_config.html

{
  view:"richselect",
  options:{
    textValue:"name",
    data:[
      { name:"Pen" },
      { name:"Apple" },
      { name:"Pineapple" }
    ]      
  }
}

使用textValue,我可以定义将出现在输入中的属性,但不能定义在选项列表中。但是我该怎么做呢?

TIA

2 个答案:

答案 0 :(得分:0)

要使富选列表显示列表中的值,您必须使用属性,如下例所示。

webix.ui({
   view:"richselect",
   options:{
   textValue:"name",
   data:[
      { value:"P", name:"Pen" },
      { value:"A", name:"Apple" },
      { value:"PA", name:"Pineapple" }
    ]      
   }
});

因此,在您的富选列表中,它将显示 P,A&amp; PA ;但是当你点击 P 时,它会在输入中显示相应的名称​​ Pen ,因为你使用了 textValue:“name” < / strong>在您的代码中。

答案 1 :(得分:0)

不同意。 Richselect的建议包括一个列表,因此可以修改其模板。这里:

webix.ui({
  view:"richselect",
  options:{                 // suggest
    textValue:"name",
    body:{                  // list
      template:"#name#",
      data:[
        { name:"Pen" },
        { name:"Apple" },
        { name:"Pineapple" }
      ]      
    }
  }
});