25
4
I'm trying to create a connection between nodes using a datamanager
But when I specify connectionDataSource, the nodes disappear and the screen is empty, there are no errors in the console
我正尝试使用数据管理器在节点之间创建连接，但当我指定ConnectionDataSource时，节点消失，屏幕为空，控制台中没有错误
个人中心
文章发布
退出@Component({
selector: 'app-relationship-playground-component',
template: `<ejs-diagram id="diagram" width="100%" height="580px" [layout]='layout' [dataSourceSettings]='dataSourceSettings' [getNodeDefaults]='nodeDefaults' [getConnectorDefaults]='connectorDefaults'>
</ejs-diagram>`,
encapsulation: ViewEncapsulation.None
})
export class RelationshipPlaygroundComponentComponent implements OnInit{
@ViewChild("diagram") public layout?: LayoutModel;
public dataSourceSettings?: DataSourceModel;
public connections : Object[] = [
{
id: "a96b708d-9878-409b-9424-79afd536fbcb",
source: "e0ad8a67-65a4-488e-a13e-af4a51095da4",
target: "991d0d06-f084-43df-871d-2c501a41108e",
}
]
public elements : Object[] = [
{
caption: "Accom (sample)",
id: "e0ad8a67-65a4-488e-a13e-af4a51095da4",
recordId: "405947d0-2ffb-4ded-8675-0475f19f5a81",
},
{
caption: "Our company",
id: "991d0d06-f084-43df-871d-2c501a41108e",
recordId: "e308b781-3c5b-4ecb-89ef-5c1ed4da488e",
}
]
public nodeDefaults(node: NodeModel): NodeModel {
return node;
}
public connectorDefaults(connector: ConnectorModel): ConnectorModel {
connector.type = "Orthogonal";
connector.cornerRadius = 7;
return connector;
}
ngOnInit(): void {
this.layout = {
type: "HierarchicalTree", verticalSpacing: 40
};
this.dataSourceSettings = {
id: "id",
dataManager: new DataManager(this.elements as JSON[]),
connectionDataSource: {
id: 'id',
sourceID: 'source',
targetID: 'target',
dataManager: new DataManager(this.connections as JSON[])
}
};
}
}
I took examples from the documentation and the sample repository
https://github.com/syncfusion/ej2-samples/blob/master/src/diagram/crud.ts
我采用了文档和样本库https://github.com/syncfusion/ej2-samples/blob/master/src/diagram/crud.ts中的示例
https://ej2.syncfusion.com/angular/documentation/diagram/data-binding#how-to-perform-editing-at-runtime
Https://ej2.syncfusion.com/angular/documentation/diagram/data-binding#how-to-perform-editing-at-runtime
A Hierarchical Tree layout using DataManager has been rendered. In DataManager, you need to assign a JSON object with Id and parentId, and this DataManager is then assigned to the dataSource property in dataSourceSettings. The layout is rendered based on the ID and parentId defined in the layout. When rendering the layout, there is no need to set a connectionDataSource.
已呈现使用DataManager的分层树布局。在DataManager中，您需要分配一个具有ID和parentID的JSON对象，然后将此DataManager分配给dataSourceSetting中的DataSource属性。布局基于布局中定义的ID和parentID呈现。在呈现布局时，不需要设置ConnectionDataSource。
Documentation
https://ej2.syncfusion.com/angular/documentation/diagram/automatic-layout
文档https://ej2.syncfusion.com/angular/documentation/diagram/automatic-layout
Sample
https://stackblitz.com/edit/angular-dzj1jr-87pxp8?file=src%2Fapp.component.html
示例https://stackblitz.com/edit/angular-dzj1jr-87pxp8?file=src%2Fapp.component.html
This doesn't answer my question. My connections and nodes come from the backend in separate parts. And I would like to know if it is possible to draw a conclusion using dataSourceSettings, simply specifying the model for nodes and connections, and specifying what connections they should be based on, as can be seen from my example
这并没有回答我的问题。我的连接和节点来自后端的不同部分。我想知道是否可以使用dataSourceSetting得出结论，只需指定节点和连接的模型，并指定它们应该基于什么连接，如我的示例所示
Also in the presented question there is a link to a repository with a possible implementation, but it is made for obtaining data from the network, not local
在所提出的问题中，还存在到具有可能实现的存储库的链接，但其目的是从网络获取数据，而不是本地数据
Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.
您的回答可以通过补充支持信息进行改进。请编辑以添加更多细节，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以在帮助中心找到更多关于如何写好答案的信息。
25
4
0
我正在尝试包含一个 ejs 文件，其中包含用于设置我的 View 的函数。这些函数被定义为使用助手。我试过使用: 但是当我尝试使用这个文件中的函数时: 我收到错误: Reference Error
所以我想将 ejs 模板预编译成 .js 文件 var compiled = ejs.compile(source); fs.writeFileSync(target, 'myTemplateFunc
作为一个真正的 EJS 初学者，我的 html 页面中有两个图表，所以我想使用我的部分两次: 但是我需要在 ejs 内部传递一些参数来区分图形。 什么是最好的方法？ 最佳答案 @Naeem Shai
这是我的问题 - 它不可读 为了让 .ejs 正常工作，到目前为止我已经添加了以下内容。我也有格式保存和更漂亮。我正在寻找获得更好格式的建议，以便我可以阅读。 "files.associations"
为什么这不起作用: value="" /> 它抛出一个引用错误，说 givenName 未定义，它可能不是，并且是条件的原因。 最佳答案 抢你要查if (locals.givenName) v
我正在尝试使用@nestjs-modules/mailer nodemailer 在 Nestjs 框架中发送电子邮件。电子邮件在正常文本下工作正常，但是当设置为使用 EJS 模板作为电子邮件正文时，
我想实现一个功能。我的应用程序是用 AngularJS 和 NodeJS 制作的。我正在发送一封电子邮件，在该电子邮件中我有一个可以单击的按钮。 " styl
这是代码，请帮忙。提前致谢。 最佳答案 else之前的标签必须与前一个标签的结束标签配对。
我最近利用了来自 github 的 github student developer package 并下载了 Atom.io。到目前为止，我一直喜欢它的功能，主要是将 ejs 文件的语法突出显示为
我正在学习编写渐进式 Web 应用程序，所有示例都使用 html 文件。我更喜欢将 EJS 与节点服务器一起使用。是否可以缓存 ejs 以便可以在本地使用？ 最佳答案 简短的回答:是的。 Servic
嗨，我刚刚开始使用 EJS。现在我需要检查条件，因此我在 EJS 中使用 if 条件，但在运行时显示错误。我正在尝试的代码是
您好 我如何将变量从一个EJS页面传递到另一个EJS页面。 例如，我有这个页面 // insertion.ejs //
我在节点上使用 EJS 作为我的 View 引擎并进行快速设置。我想使用 ejs-lint 来帮助获取错误行。我以前没有使用过 linter，但是通过阅读这里的文档:https://github.co
我正在创建类似 reddit 评论部分的内容，有人可以评论某些内容，人们也可以回复该评论。 我正在使用 Node、Express、MySQL、EJS。 问题:我不知道如何制作赞成/反对部分，我不知道如
这是我的想法:我想加载一个呈现的 ejs 文件作为我的主模板 ejs 文件的主体。可能吗？ 我的 app.js: router.get('/', function(req, res) { res.
我们如何在模板中转义 ejs 标签本身？ 在 sails 中，我想将以下代码放入layout.ejs 但默认情况下， 内的所有内容
文件 1:ejsfunction.ejs 文件 2:file.ejs 输出: ReferenceError: 1| >> 2| funcTest is not defined 嗨，
我是 Node.js/Express/EJS 的新手。 我最近注意到，当我将参数从 Express 请求处理程序传递到 EJS View 并省略参数名称时，它会根据变量名称创建一个名称。因此，例如，在
我尝试像这样用 ejs 渲染 html const ejs = require('ejs'), fs = require('fs'), str = fs.readFileSyn
这两个网站似乎都描述了一种非常相似的基于 Javascript 的模板语言，称为 EJS。但是: ejs.co 说 E 代表“有效”并且有一个活跃的存储库 on Github . Embeddedjs
我是一名优秀的程序员,十分优秀！