Автозаполнение в формате рельсовых данных и отображение красивым способом

Question

Я использую рельсы 3.2.2 и автозаполнение, я выбираю customer по имени и форматирую его следующим образом
format.json {render: json => @ Customers.map {| c |"# {c.name}: # {c.phone1}: # {c.email}"}}

, поэтому мне нужно правильно проанализировать отображение json так, как я хочу, например, я хочу написатьимя в, но сделать шрифт меньше и жирным шрифтом, отображать его другим цветом.Как мне этого добиться?

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 416px; left: 0px; display: none; width: 419px;">
<li class="ui-menu-item" role="menuitem">
<a class="ui-corner-all" tabindex="-1">Adele Brekke:1-244-712-4421 x313:christophe@kuhlmanborer.net</a>
</li>
<li class="ui-menu-item" role="menuitem">
<a class="ui-corner-all" tabindex="-1">Madeline O'Conner Sr.:486-349-1046 x6765:kareem@hills.net</a>
</li>
</ul>

Answer 1

может быть, это работает для вас,

format.json { render :json => @customers.map{ |c| "#{c.name}:<span style='font-size:smaller;color:red'>#{c.phone1}</span>:#{c.email}" } }