2
나는 symfony2에서 간트 차트를 만들고 싶습니다. symfony2.3에서 어떻게 gantt 차트를 만들 수 있습니까? 제게 제안 해주세요. 여기 symfony2에서 그래프를 사용하는 방법은 무엇입니까?
는 간트 차트 샘플입니다 :
여기 내 프로젝트 테이블 코드 :
{% extends '::base.html.twig' %}
{% block body -%}
<title>{% block title %}Projects>Create Projects{% endblock %}</title>
{% block stylesheets %}
<link href="{{ asset('styles/bootstrap1.css') }}" rel="stylesheet" />
<link href="{{ asset('styles/uniform.default.css') }}" rel="stylesheet" />
<link href="{{ asset('styles/select2.css') }}" rel="stylesheet" />
<link href="{{ asset('styles/form-wizard.css') }}" rel="stylesheet" />
<style type="text/css">
.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
margin:0 300px;
margin-top: 20px;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#space{
margin:0 70px;
}
.wizard-steps li {
display: block;
float: left;
max-width: 25%;
min-width: 20%;
text-align: center;
}
</style>
{% endblock %}
<div id="fuelux-wizard" class="wizard row">
<ul class="wizard-steps">
<li data-target="#step1" class="active">
<span class="step">1</span>
<span class="title">Create <br> Projects</span>
</li>
<li data-target="#step2">
<span class="step">2</span>
<span class="title">Milestones</span>
</li>
<li data-target="#step3">
<span class="step">3</span>
<span class="title">Tasklist</span>
</li>
<li data-target="#step4">
<span class="step">4</span>
<span class="title">Tasks</span>
</li>
<li data-target="#step5">
<span class="step">5</span>
<span class="title">Teams</span>
</li>
</ul>
</div>
<div id="space">
<h3>Projects creation</h3>
<form action="{{ path('projects_create') }}" method="post" {{ form_enctype(form) }}>
{{ form_widget(form) }}
<p>
<button type="submit" class="btn btn-success"> Next <i class="icon-chevron-right"></i> </button>
</p>
</form>
<div id="result"></div>
<ul class="record_actions">
<li>
<a href="{{ path('projects') }}">
Back to the list
</a>
</li>
</ul>
</div>
{% endblock %}
{% block javascripts %}
<script src="{{ asset('js/jquery-1.10.2.js') }}" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("form").submit(function(e) {
e.preventDefault();
var url = $(this).attr('action');
var data = $(this).serialize();
$.ajax({
type: "POST",
url: url,
data: data,
}).done(function(result) {
if(result.success) {
$('#result').css({'color':'black','background-color':'#8F8','display':'Block','width':'200px'});
$('#result').html('Projects Record Inserted');
setTimeout(function(){
$('#result').hide();
},3000);
window.location.href = "{{ path('milestones_new') }}";
}
});
this.reset();
});
});
</script>
{% endblock %}
이미 작업을 저장할 엔티티가 있습니까? 태크의 시작일과 종료일을 수동으로 입력 하시겠습니까? 또는 Symfony2 (코드 포함)가 입력에서 Gantt 다이어그램을 만들길 원하십니까? –
아니요 작업의 시작 날짜와 종료 날짜를 입력하지 않지만 입력으로 간트 다이어그램을 만들려고합니다. –
먼저 작업을 저장할 엔티티를 만들어야합니다. [자체 참조 테이블] (http://docs.doctrine-project.org/en/latest/reference/association-mapping.html#one-to-one-self-referencing)은 다음과 같은 종속성을 저장하는 데 적합해야합니다. 과제들. 그런 다음 Gantt 다이어그램을 생성하기 위해 계산을 수행해야합니다. 결국, 당신은 그것을 표시해야합니다. 그건 야심 찬 행운입니다. :) –