組芯片數據最初從數據庫中Materialise的CSS

Question

我在我的數據庫中分隔字符串「」像這樣

"a","b","c","s" 

，所以我想通過一個在物質化的CSS追加此字符串值一個

<div class="chips chips-initial"></div> 

在這個div標籤

這樣

$('.chips-initial').material_chip({ 
data: [{ 
    tag: 'Apple', 
}, { 
    tag: 'Microsoft', 
}, { 
    tag: 'Google', 
}], }); 

但我不能像這樣管理字符串數據作爲Json對象數據。

Answer 1

我不確定您是否找到了上述問題的解決方案。這可能有助於其他人使用來自數據庫/ JSON的Materialise CSS芯片數據。

我們需要編寫自己的字符串數組對象功能，在使用Materialise的CSS芯片的數據

var UserPreferenceZoneData = []; 

function GetUserPreference(stringdata) 
{ 
    var userstate = stringdata; 
    var userstatearray = userstate.split(","); 
    //JSON Lookup data for your string 
    var ZoneJSONDataUse = {zonelist: { zone_id: a, zone_name: 'Apple'}, { zone_id: b, zone_name: 'Ball'}, } 
    $.each(userstatearray, function(i, userstate) { 
     $.each(ZoneJSONDataUse.zonelist, function(index, zone) { 
     if(userstatearray[i]==zone.zone_id) 
     { 
      var obj = { id: zone.zone_id, tag: zone.zone_name }; 
      UserPreferenceZoneData.push(obj); 
     } 
     }); 
    }); 
} 

//Call User Preference 
var stringdata = "a,b,c,s"; // Pass your string data from database/JSON here 
GetUserPreference(stringdata); 

//Now chips tag generated on your chip element 
    $('.chips-initial').material_chip({ 
    data: UserPreferenceZoneData, 
    });