将 jsViews/jsRender 与重新调整为字典条目的属性一起使用
Using jsViews/jsRender with a property retuned as dictionary entries
我想知道为什么似乎不能正确记下它。我在MVC中有一个JSONResult返回"作业"对象的集合。"Job"对象的属性之一是字典。我似乎无法弄清楚如何将其添加到"Job"实体模板中,以便我可以显示内部模板的所有值。当前对象设计将是一个作业,每个作业都有一个作业阶段的字典。以下代码是我当前正在使用的代码:
工作.cs
public string Id { get; set; }
public string Name { get; set; }
public string CustomerName { get; set; }
public string Phase {get;set;}
public string PhaseText { get; set; }
public Dictionary<String,String> Codes { get; set; }
客户端脚本:
<script id="jobLevelTmpl" type="text/x-jsrender">
<tr class="row-header">
<td class="col-lg-1">{{:Id}}</td>
<td class="col-lg-4">{{:Name}}</td>
<td class="col-lg-1" title="Status code: '{{:Phase}}'">{{:PhaseText}}</td>
<td class="col-lg-1"><a jobid="{{:Id}}">View Job Details</a></td>
<td class="col-lg-1">
<div class="dropdown">
<button class="btn btn-warning dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">
Phase
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
{{for Codes}}
<!-- This is where I do not know what to call or how to call the key or value of the dictionary items -->
<li role="presentation" class="dropdown-header">{{>code}}</li>
{{/for}}
</ul>
</div>
</td>
<td class="col-lg-1"><a href="javascript:function(){return false;}" jobid="{{:Id}}" class="btn btn-info expand-job">Update</a></td>
</tr>
<tr>
<td class="col-lg-12 details-info" style="display:none;">
<a href='#' onclick='parent.$.colorbox.close(); return false;' style="float:right;">Close</a>
</td>
</tr>
</script>
如果Codes
的客户端 JSON 对应于具有字符串值的纯 JavaScript 对象,则可以使用 {{props}}
遍历属性 - 例如:
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
{{props Codes}}
<li role="presentation" class="dropdown-header">Key: {{>key}} Value: {{>prop}}</li>
{{/props}}
</ul>
请参阅 http://www.jsviews.com/#propstag
相关文章:
- javascript结合了数组和字典
- RegEx删除空属性?例如,如果(class=“”||class=“”)移除;否则就下课
- 全局变量和全局对象的属性之间有什么区别吗
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 如何在Bootstrap Modal中为动态点击生成的变量设置jade属性
- 序列化数据属性中对象的最可靠方法
- 分析高度属性时出现意外值{{specs.height}}.index.html
- TypeError:无法读取属性'推'未定义的JavaScript
- 同样,同样的错误'ahorcado.js:26未捕获类型错误:无法读取属性'beginPath'
- AngularJS-使用'true'属性
- 可以't使用JavaScript获取width属性
- 未捕获的TypeError无法读取未定义的属性socialsharing
- 将 jsViews/jsRender 与重新调整为字典条目的属性一起使用
- AngularJS指令:将HTML属性作为字符串,用作字典键
- JavaScript按属性值对字典进行排序
- 使用jq将子字典的属性分配给父字典
- 创建一个字典并按属性搜索
- 如何使用javascript(函数式编程)对特定键属性上的字典数组进行分组和转换
- 从html字典属性中获取所有值
- 结合了数组和字典属性的数据类型