已更新的json没有更新jtree

Question

我正在尝试在我的ruby on rails应用程序中使用jtree。我在rails中捕获了以下数据TransferRequestController.rb

def sources
@disease_code_id = params[:disease_code_id]
@phase_name = params[:phase_id]
@phase_id = RecruitmentPhase.select('recruitment_phases.phase_id').where('recruitment_phases.phase_name = ?', @phase_name)
#byebug
@sources = QuestionnaireItem.joins('join traits on traits.trait_id = questionnaire_items.trait_id join trait_groups on trait_groups.trait_id = traits.trait_id join sources on sources.source_id = traits.source_id join disease_phaseid_questionnaires on disease_phaseid_questionnaires.questionnaire_id = questionnaire_items.questionnaire_id join recruitment_phases on disease_phaseid_questionnaires.phase_id = recruitment_phases.phase_id').where('disease_phaseid_questionnaires.disease_code_id = ? and disease_phaseid_questionnaires.phase_id = ?', @disease_code_id, @phase_id.first.phase_id).where.not(:recruitment_phases => {phase_name:nil}).select('distinct sources.source_name', 'sources.source_id', 'recruitment_phases.phase_name', 'recruitment_phases.phase_id')
@sources.each { |x| $data.push(Node.new(x.source_name.strip, @phase_name.chomp, x.source_name.strip))}
respond_to do |format|
format.html
format.js
format.json { render json: $data.flatten}
end
end

In my application.js

function nextCall(phase_id, disease_code_id){
$.ajax({
url: "source/"+phase_id+"/"+disease_code_id,
dataType:'json',
type:'GET',
data: "{}",
success: function (data) {
$('#using_json_2').jstree(true).settings.core.data = data;
$('#using_json_2').jstree('refresh');
}
});
}

在调试时，我完美地得到了数据的节点结构，如下所示

[
0,
{
"id": "Follow-up 4",
"parent": "#",
"text": "Follow-up 4"
},
{
"id": "Follow-up 3",
"parent": "#",
"text": "Follow-up 3"
},
{
"id": "Follow-up 2",
"parent": "#",
"text": "Follow-up 2"
},
{
"id": "Baseline",
"parent": "#",
"text": "Baseline"
},
{
"id": "Follow-up 3 extra",
"parent": "#",
"text": "Follow-up 3 extra"
},
{
"id": "Follow-up 1",
"parent": "#",
"text": "Follow-up 1"
},
{
"id": "question form popgen",
"parent": "Baseline",
"text": "question form popgen"
},
{
"id": "administrative/derived popgen",
"parent": "Baseline",
"text": "administrative/derived popgen"
},
{
"id": "practitioner record",
"parent": "Baseline",
"text": "practitioner record"
}
]

但是我的树结构看起来像下面这样jstree

有谁能告诉我我哪里错了吗?

Answer 1

这是因为你的json中有第一个0。删除它，它会像预期的那样工作。

$('#tree').jstree({ 'core' : {
'data' : [
{
"id": "Follow-up 4",
"parent": "#",
"text": "Follow-up 4"
},
{
"id": "Follow-up 3",
"parent": "#",
"text": "Follow-up 3"
},
{
"id": "Follow-up 2",
"parent": "#",
"text": "Follow-up 2"
},
{
"id": "Baseline",
"parent": "#",
"text": "Baseline"
},
{
"id": "Follow-up 3 extra",
"parent": "#",
"text": "Follow-up 3 extra"
},
{
"id": "Follow-up 1",
"parent": "#",
"text": "Follow-up 1"
},
{
"id": "question form popgen",
"parent": "Baseline",
"text": "question form popgen"
},
{
"id": "administrative/derived popgen",
"parent": "Baseline",
"text": "administrative/derived popgen"
},
{
"id": "practitioner record",
"parent": "Baseline",
"text": "practitioner record"
}
]
} });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/jstree.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/themes/default/style.min.css" rel="stylesheet" type="text/css" />
<div id='tree'>