leilast
جمعه 08 دی 1396, 09:54 صبح
سلام دوستان.
من یه چارت سازمانی بر اساس این داده ها ایجاد کردم. اما همونطور که میبینید داده ها دستی هست.
چطور میتونم لیست دستی رو به لیست داینامیک تبدیل کنم؟
یعنی مثلا به جای اینکه بگم id=1 بگم id=@item.id
در کنترلر هم مدلم لست داده های جدول هست. به این صورت
public ActionResult OrgChart()
{
var model = BlDepartment.Select().ToList();
return View(model);
}
این قسمت هم ویو هست که داده دستی ست شده .
<script type="text/javascript">
var testData = [
{ id: 1, name: 'چارت سازمان', parent: 0 },
{ id: 2, name: 'مدیر عامل', parent: 1 },
{ id: 3, name: 'پزشک ', parent: 2 },
{ id: 4, name: 'مهندس برق', parent: 2 },
{ id: 6, name: 'پذیرش', parent: 2 },
{ id: 7, name: 'مشاور, parent: 2 },
];
$(function () {
org_chart = $('#orgChart').orgChart({
data: testData,
showControls: true,
allowEdit: true,
onAddNode: function (node) {
log('Created new node on node ' + node.data.id);
org_chart.newNode(node.data.id);
},
onDeleteNode: function (node) {
log('Deleted node ' + node.data.id);
org_chart.deleteNode(node.data.id);
},
onClickNode: function (node) {
log('Clicked node ' + node.data.id);
}
});
});
// just for example purpose
function log(text) {
$('#consoleOutput').append('<p>' + text + '</p>')
}
</script>
من یه چارت سازمانی بر اساس این داده ها ایجاد کردم. اما همونطور که میبینید داده ها دستی هست.
چطور میتونم لیست دستی رو به لیست داینامیک تبدیل کنم؟
یعنی مثلا به جای اینکه بگم id=1 بگم id=@item.id
در کنترلر هم مدلم لست داده های جدول هست. به این صورت
public ActionResult OrgChart()
{
var model = BlDepartment.Select().ToList();
return View(model);
}
این قسمت هم ویو هست که داده دستی ست شده .
<script type="text/javascript">
var testData = [
{ id: 1, name: 'چارت سازمان', parent: 0 },
{ id: 2, name: 'مدیر عامل', parent: 1 },
{ id: 3, name: 'پزشک ', parent: 2 },
{ id: 4, name: 'مهندس برق', parent: 2 },
{ id: 6, name: 'پذیرش', parent: 2 },
{ id: 7, name: 'مشاور, parent: 2 },
];
$(function () {
org_chart = $('#orgChart').orgChart({
data: testData,
showControls: true,
allowEdit: true,
onAddNode: function (node) {
log('Created new node on node ' + node.data.id);
org_chart.newNode(node.data.id);
},
onDeleteNode: function (node) {
log('Deleted node ' + node.data.id);
org_chart.deleteNode(node.data.id);
},
onClickNode: function (node) {
log('Clicked node ' + node.data.id);
}
});
});
// just for example purpose
function log(text) {
$('#consoleOutput').append('<p>' + text + '</p>')
}
</script>