Отображение данных JSON в jQuery accordion

Question

Я работаю над созданием нового приложения и решил попробовать использовать jQuery EasyUI, чтобы упростить мне работу. Я продвигаюсь вперед, но я определенно над головой. Это похоже на то, что я прилагаю усилия.

Вот, где я есть: Я смог получить основную контактную информацию и заполнить ее в диалоговом окне jQuery. Я настраиваю диалог с вкладками и аккордеон на одной из этих вкладок. Моя проблема в том, что аккордеон отображает JSON, и я не могу его отформатировать.

Вот код для этого раздела:

function editUser(){ 
     var row = $('#dg').datagrid('getSelected'); 
     if (row){ 
      $('#dlg').dialog('open').dialog('setTitle','Prospect Details'); 
      $('#fm').form('load',row); 
      url = 'update_user.php?id='+row.id; 
      $('#dia_name').html(row.Name); 
      var phone = phoneFormat(row.Phone); 
      $("#dia_phone").html(phone); 
      if (row.message_duration > 0) { 
       $('#hangup').hide(); 
       $('#message').show(); 
       $('#msg_txt').show(); 
      } else { 
       $('#hangup').show(); 
       $('#message').hide(); 
       $('#msg_txt').hide(); 
      } 
      var pp = $('#aa').accordion('getSelected'); // get the selected panel 
      if (pp){ 
       pp.panel('refresh','contact_history.php?phone='+row.Phone); // call 'refresh' method to load new content 
       var txt1=$("<p>Time: ").text(contact_dt); 
       var txt2=$("</p><p>Method: ").text(method); 
       var txt3=$("</p><p>Who: ").text(who); 
       var txt4=$("</p><p>Note: ").text(note); 
       $("#hist_title").append(txt1); 
       $("#hist_item").append(txt2,txt3,txt4); 
      } 
     } 
    } 

Вот раздел HTML аккордеона:

<div id="aa" class="easyui-accordion" style="width:300px;height:200px;"> 
       <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;"> 
       <p>Test</p> 
       </div> 
       <div id="hist_item" title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;"> 
       content2 
       </div> 
       <div title="Title3"> 
       content3 
       </div> 
       </div> 

Так что теперь ... Что невероятно очевидные и глупые ошибки я делаю здесь? Еще раз спасибо за то, что помогли мне бороться через это.

Answer 1

Где ваш JSON приходит от, вы должны разобрать его первый:

var data = JSON.parse(incomingData);

Тогда это массив, который вы можете сделать, как вам угодно ::

$("#hist_title").append(data['title']);

Или

$("#hist_title").text(data['title']);