0
我需要创建一个网页与对象树和属性表从树对象中选择。我提出了三个意见。一个部分用于树,一个部分用于表示属性表,另一个用于组合这些视图。但是现在我有一个问题,当我在树中选择对象时,我无法弄清楚如何填充属性表。如何通过JavaScript事件重建部分视图?
我的代码: 索引视图(组合视图):
<div class="container">
<div class="row">
<div class="col-md-6">
@RenderPage("Tree.cshtml")
</div>
<div class="col-md-6">
@RenderPage("Attributes.cshtml")
</div>
</div>
</div>
对于树:
<script src="./Scripts/bootstrap-treeview.js"></script>
<div class="panel panel-info">
<div class="panel-heading">Дерево объектов</div>
<div class="panel-body">
<div id="tree"></div>
</div>
</div>
<script type="text/javascript">
var arrayOfArrays = JSON.parse('@Html.ViewBag.JsonString'.replace(/"/g, '"'), function(k, v){
if (k === "Product")
this.key = v;
else if (k === "Name")
this.value = v;
else
return v;
});
var jsonTree = JSON.stringify(arrayOfArrays);
$("#tree").treeview(
{
data:jsonTree,
levels:6
});
</script>
的属性:
<div class="panel panel-info">
<div class="panel-heading">Атрибуты</div>
<div class="panel-body">
<table class="table table-bordered table-responsive table-striped">
<thead class="thead-inverse">
<tr>
<th>Имя атрибута</th>
<th>Значение атрибута</th>
</tr>
</thead>
<tbody>
@foreach (var attr in Model.Objects[0].Attributes)
{
<tr>
<th>@attr.Name</th>
<th>@attr.Value</th>
</tr>
}
</tbody>
</table>
</div>
</div>
而且我的树有一个事件在选择树节点时调用。看起来像:
$('#tree').on('nodeSelected', function(event, data) {
//logic goes here
});
数据包含选定的节点数据。节点数据包含此对象的属性列表。 如何通过'nodeSelected'事件重建属性表?
Actualy我没有控制器的属性。我只有一个控制器用于组合视图,只有一个方法Index()运行组合视图。 – Gleb
然后在您拥有的控制器内部创建此部分操作,因为如果要根据树中选定的节点加载数据,则必须具有单独加载数据的操作 –
就是这样,谢谢。但现在我还有一个问题。重新加载属性视图中的模型后为空。 – Gleb