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']);

在jQuery手风琴中显示JSON数据

1 个答案: