html внутри javascript не работает

Question

У меня есть код JavaScript для отображения значений из базы данных mysql.

columns: [ 
    { text: 'Taal', datafield: 'taal', width: 50}, 
    { text: 'Titel', datafield: 'titel', width: 690 }, 
    { text: 'Website', datafield: 'sitenaam', width: 180 }, 
    { text: 'Ingezonden Door', datafield: 'gamer_int', width: 150 }, 
    { text: 'Datum', datafield: 'datum', width: 100 } 
] 

Когда мы смотрим на первый столбец с именем "Taal" базы данных MySQL содержит значение как eng_ico.png. Я хочу что-то вроде этого, чтобы результаты отображали это изображение.

columns: [ 
    { text: 'Taal', datafield: "<img src=\"http://www.site.nl/images/" 'taal' "\">, width: 50}, 
    { text: 'Titel', datafield: 'titel', width: 690 }, 
    { text: 'Website', datafield: 'sitenaam', width: 180 }, 
    { text: 'Ingezonden Door', datafield: 'gamer_int', width: 150 }, 
    { text: 'Datum', datafield: 'datum', width: 100 } 
] 

Я не могу понять это правильно. Не знаю, что я делаю неправильно. Я пробовал " . 'taal' . ", как в php, но также не имел успеха.

Answer 1

Во-первых, ваша строка не имеет окончание речи знак, и конкатенация делается немного отличается от PHP, используя + вместо . (также я хотел бы использовать одиночные кавычки, чтобы устранить необходимость для побега с обратной косой черты)

'<img src="http://www.site.nl/images/'+taal+'">' 

Answer 2

Вы неправильно использовали котировки. См. Следующий код:

columns: [ 
    { text: 'Taal', datafield:'<img src="http://www.site.nl/images/'+taal+'">', width: 50}, 
    { text: 'Titel', datafield: 'titel', width: 690 }, 
    { text: 'Website', datafield: 'sitenaam', width: 180 }, 
    { text: 'Ingezonden Door', datafield: 'gamer_int', width: 150 }, 
    { text: 'Datum', datafield: 'datum', width: 100 } 
] 

Надеюсь, что это поможет.