我正在使用DevExtreme的UI在AngularJS注册会计师应用程序。我想使用一个手风琴,它接受HTML(为了简单起见)div,而不是数据源。如果有人可以提供代码片段或其他东西,那就太好了(我已经看过devExtreme文档了)
发布于 2018-02-14 10:36:37
我认为他们不支持控制的方式,你希望它的行为。我确信您必须定义dataSource或items属性,并告诉它模板是什么。考虑到这一点,为什么不像这样直接在数据源中提供内容:
<div id="accordion"></div>
<!-- Your title template -->
<script type="text/html" id="title">
<h1><%= Title%></h1>
</script>
<!-- Your content template -->
<script type="text/html" id="myItem">
<div class="accodion-item">
<%= Content%>
</div>
</script>这样你就可以拥有你喜欢的任何内容。只需添加JS代码就可以像这样使手风琴更加完整。
DevExpress.viz.currentTheme("generic.light");
$(function () {
DevExpress.ui.setTemplateEngine("underscore");
var accordion = $("#accordion").dxAccordion({
dataSource: accordionItems,
animationDuration: 300,
collapsible: false,
multiple: false,
selectedItems: accordionItems[0],
keyExpr: "ID",
itemTitleTemplate: $("#title"),
itemTemplate: $("#myItem")
}).dxAccordion("instance");
});
var accordionItems = [
{
"ID": 1,
"Title": "Hey",
"Content": "<div>There is some content in this div.</div>",
},
{
"ID": 2,
"Title": "Second part",
"Content": "<div><p>This is a paragraph in a div. Enjoy it!</p></div>",
}
];这可以很好地工作,正如我们可以看到的这里。
https://stackoverflow.com/questions/48779615
复制相似问题