Alpaca 框架 select with multiple:true 繼承其前兄弟姐妹的選擇狀態

Question

這個問題最初是在 alpaca 框架的 github 上提出的， https://github.com/gitana/alpaca/issues/731在這里打開一個以獲得來自 stackoverflow 社區的支持。

A Combination of multi select and array cause a problem that the second and later select boxes inherit the selection status of their former siblings.
See my codepen: https://codepen.io/hadakadenkyu/full/pooKyzy

任何幫助，將不勝感激！！

Answer 1

您的問題與您創建的 object datasource有關。 在內部，alpacajs 將您的datasource object 轉換為文本和值，並且它只需要{key: value}類型，因此在您的示例中您應該執行{"2001": 2002}例如。

此外，在您的羊駝表格數據 object 中，您應該使用 select 選項值而不是文本，例如： year: ["2001", "2003"]

更新：我重新檢查了文檔，我看到：

用於生成選項列表的數據源。 這可以是字符串或 function。 如果是字符串，則將 S 視為服務的 URI，該服務生成包含鍵/值對的 object 或結構 {'text': '', 'value': ''} 的元素數組。 這也可以是被調用以生成相同列表的 function。

因此，要使您的示例正常工作，您應該將datasource object 值包裝到 function 中，例如：

dataSource: function(callback) {
                callback([
                  { "text": "2000", "value": 2000 }, ...

這是第一個例子。

這是第二個例子。