问题标签 [ej2-syncfusion]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
9 浏览

reactjs - 如何检查单元格中事件的长度?

我正在尝试开发功能,如果它们在调度程序中的特定单元格内的同一时间范围内超过 2 个事件,它将完全阻止单元格。问题是我不确定如何计算某个时间范围内的单元格中是否有 2 个或更多事件。

我有大量代码,所以我只会显示与问题相关的部分。我不确定我可以将哪些事件放入调度程序以检查单元格内的事件长度。

我一直引用的链接是那里的文档:

https://ej2.syncfusion.com/react/demos/#/material/schedule/events

我的代码:

0 投票
2 回答
129 浏览

nuxt.js - 将 Syncfusion FileManager 与 NuxtJS 一起使用

我正在尝试将Syncfusion Vue FileManager与 NuxtJS 一起使用。

这是我的示例页面,我想在其中使用 FileManager。不幸的是FileManagerPlugin,在启动服务器时导入导致图片中的错误。

同步融合错误

我已将以下依赖项添加到我的package.json

我也收到错误:

但是如果不安装vue-class-component它根本就不会启动。

0 投票
0 回答
39 浏览

typescript - 如何在 Vue.js 库 SyncFusion 中调用注入模块的方法

我正在使用来自 syncfusion 的 pdf 查看器组件:https
://ej2.syncfusion.com/documentation/pdfviewer/getting-started/ 我注入了一些模块,但我需要在它们上调用一些方法,如何在 Vue 中实现这一点。 js 使用打字稿?

在 main.ts 我有:

然后在其他组件中,我有 pdf 查看器组件,并想在注入的模块上调用一些方法,例如 Navigation 的方法,转到下一页Navigation API

在 Viewer.vue 我有:

只是我需要在 Injected 模块上调用一些方法。谢谢你的帮助。代码很简单,但思路很清楚。

0 投票
0 回答
42 浏览

angular - 如何从文档编辑器 word 中的列表中拖放元素

我正在使用 Angular 7 和框架同步融合。

我正在尝试从单词编辑器(框架同步融合)内的列表中拖放一个元素,但我被困在一个部分,几个小时内我都找不到解决方案。

对于我使用的编辑器词:

我会感谢你的帮助。

这就是我想要做的:

  1. 添加编辑器
  2. 创建元素列表以在编辑器的内容中拖动元素
  3. 以 .docx 扩展名保存编辑器
0 投票
1 回答
40 浏览

javascript - ejs-chiplist 在 OnChage 事件中选择值传递

我正在使用syncfusion来显示主题列表。

选择主题时,假设数学或科学称为函数过滤器(e)并获取数据。

现在我有一个下拉列表,其中有一个教师姓名列表。

getTeacherVideo()函数中,我想使用chip-SubjectTags,选择芯片值。

如何在 Javascript 中访问c​​hip-SubjectTags芯片值。

0 投票
0 回答
60 浏览

javascript - 清除 SyncFusion DatePicker 对象

我正在使用SyncFusion日期选择器,如下所示:SyncFusion DatePicker

使用jQuery,我按如下方式启动日期对象,该对象再次附加到HTML元素:

它可以工作,但我需要启动一次对象并在有条件的情况下清除它。所以我尝试如下:

甚至尝试过这个:

上面没有清除元素,而是创建了日期选择器的重复对象。有什么办法可以清除日期选择器对象并将其重新绑定到HTML元素?

当前视图:当我尝试使用HTML元素重新绑定日期选择器对象时会发生这种情况。

SyncFusion 日期选择器

0 投票
1 回答
47 浏览

javascript - 将 DatePicker 对象重新绑定到 HTML 元素

我有一个SyncFusion日期选择器,我正在使用如下:

这件事有效,但我想在这里做一件事,但不确定是否可行。当我单击Click Here锚标记时,它将日期选择器绑定到HTML元素。当我再次单击时,它会重新绑定并重复。所以我试图重新初始化它,然后绑定到HTML元素一次。尝试使用SyncFusion文档中的destroy(),当我使用单独的单击事件时它会破坏。

我关心的是清除附加元素并使用Click Here click 事件重新绑定日期选择器对象。我有什么办法可以做到吗?

0 投票
1 回答
34 浏览

angular - 如何根据设备更改菜单方向

如何根据设备更改同步融合菜单方向?

示例 - https://stackblitz.com/edit/angular-ta4vpu?file=app%2Fapp.module.ts

0 投票
0 回答
286 浏览

angular11 - 在 ej2 syncfusion 角度网格中,在一个字段中输入一些数据后添加或编辑行时如何禁用另一个字段

在此处输入计算字段后,应禁用映射字段,并应选中并禁用只读复选框,如何做到这一点

代码:<ejs-grid #metricManagementGrid id="metricManagementGrid" [allowFiltering]='true' [locale]='locale' [allowResizing]='true' [dataSource]='data' [allowSorting]='true' [allowPaging ]='true' [pageSettings]='pageSettings' (dataBound)="onGridDataBound($event)" [toolbar]='toolbar' [editSettings]='editSettings' [filterSettings]='filterOption' (toolbarClick)='onGridToolbarClick ($event)' (actionComplete)="actionComplete($event)" [rowHeight]='30' [height]='windowHeight' (actionBegin)="actionBegin($event)" (headerCellInfo)="headerCellInfo($event )"> <e-column field='editMetricManagement' id="editRow" [allowEditing]="false" headerText='编辑行' width="80" [allowFiltering]='false' i18n-headerText="@@MetricManagement.Grid.Field.editRow"> <ng-template #template let-data> <button mat-icon-button id="editMetricRow" (点击) ="editRow(data)"> 编辑 <ng-template #editTemplate let-data> 编辑 <e-column field='readOnly' displayAsCheckBox='true' id="readOnly" headerText='只读' i18n-headerText=" @@MetricManagement.Grid.Field.readOnly" [allowEditing]="false" editType='booleanedit' [allowFiltering]='false' width="100"> <e-column field='metricName' headerText='Metric Name' i18n-headerText="@@MetricManagement.Grid.Field.metricName" id="metricName" type="string" [filter]='filterString' width="120" [validationRules]='requiredValidation'> <e-column field='metricFor' headerText='Metric For' i18n-headerText="@@MetricManagement.Grid.Field.metricFor" id="metricFor" type="string" [filter]='filterString' width="100" [validationRules]='requiredValidation'> <e-column field='type' headerText='Type' i18n-headerText="@@MetricManagement.Grid.Field.type" id ="type" width="80" type="string" [filter]='filterString' [validationRules]='requiredValidation'> <e-column field='fieldType' headerText='Field Type' i18n-headerText="@ @MetricManagement.Grid.Field.fieldType" id="fieldType" width="100" type="string" [filter]='filterString' [validationRules]='requiredValidation'> <e-column field='mapping' headerText='Mapping' i18n-headerText="@@MetricManagement.Grid.Field.mapping" id="mapping" width="100" type ="string" [filter]='filterString'> <e-column field='calculation' headerText='Calculation' i18n-headerText="@@MetricManagement.Grid.Field.calculation" id="calculation" type="string " width="120" [filter]='filterString'> <e-column field='formulaBuilder' headerText='' [allowEditing]="false" id="formulaBuilder" width="70"> <ng-template #模板 let-data> 计算 <ng-template #editTemplate let-data> 计算requiredValidation'> <e-column field='mapping' headerText='Mapping' i18n-headerText="@@MetricManagement.Grid.Field.mapping" id="mapping" width="100" type="string" [过滤器] ='filterString'> <e-column field='calculation' headerText='Calculation' i18n-headerText="@@MetricManagement.Grid.Field.calculation" id="calculation" type="string" width="120" [ filter]='filterString'> <e-column field='formulaBuilder' headerText='' [allowEditing]="false" id="formulaBuilder" width="70"> <ng-template #template let-data> 计算 < ng-template #editTemplate let-data> 计算requiredValidation'> <e-column field='mapping' headerText='Mapping' i18n-headerText="@@MetricManagement.Grid.Field.mapping" id="mapping" width="100" type="string" [过滤器] ='filterString'> <e-column field='calculation' headerText='Calculation' i18n-headerText="@@MetricManagement.Grid.Field.calculation" id="calculation" type="string" width="120" [ filter]='filterString'> <e-column field='formulaBuilder' headerText='' [allowEditing]="false" id="formulaBuilder" width="70"> <ng-template #template let-data> 计算 < ng-template #editTemplate let-data> 计算headerText='Mapping' i18n-headerText="@@MetricManagement.Grid.Field.mapping" id="mapping" width="100" type="string" [filter]='filterString'> <e-column field='计算' headerText='Calculation' i18n-headerText="@@MetricManagement.Grid.Field.calculation" id="calculation" type="string" width="120" [filter]='filterString'> <e-column字段='formulaBuilder' headerText='' [allowEditing]="false" id="formulaBuilder" width="70"> <ng-template #template let-data> 计算 <ng-template #editTemplate let-data> 计算headerText='Mapping' i18n-headerText="@@MetricManagement.Grid.Field.mapping" id="mapping" width="100" type="string" [filter]='filterString'> <e-column field='计算' headerText='Calculation' i18n-headerText="@@MetricManagement.Grid.Field.calculation" id="calculation" type="string" width="120" [filter]='filterString'> <e-column字段='formulaBuilder' headerText='' [allowEditing]="false" id="formulaBuilder" width="70"> <ng-template #template let-data> 计算 <ng-template #editTemplate let-data> 计算string" [filter]='filterString'> <e-column field='calculation' headerText='Calculation' i18n-headerText="@@MetricManagement.Grid.Field.calculation" id="calculation" type="string" width ="120" [filter]='filterString'> <e-column field='formulaBuilder' headerText='' [allowEditing]="false" id="formulaBuilder" width="70"> <ng-template #template let -data> 计算 <ng-template #editTemplate let-data> 计算string" [filter]='filterString'> <e-column field='calculation' headerText='Calculation' i18n-headerText="@@MetricManagement.Grid.Field.calculation" id="calculation" type="string" width ="120" [filter]='filterString'> <e-column field='formulaBuilder' headerText='' [allowEditing]="false" id="formulaBuilder" width="70"> <ng-template #template let -data> 计算 <ng-template #editTemplate let-data> 计算filterString'> <e-column field='formulaBuilder' headerText='' [allowEditing]="false" id="formulaBuilder" width="70"> <ng-template #template let-data> 计算 <ng-template #编辑模板让数据>计算filterString'> <e-column field='formulaBuilder' headerText='' [allowEditing]="false" id="formulaBuilder" width="70"> <ng-template #template let-data> 计算 <ng-template #编辑模板让数据>计算

0 投票
0 回答
34 浏览

syncfusion - Syncfusion ejs-button 不生成任何 HTML

我正在尝试在我的表单中的卡片内添加一个简单的按钮。

这只会生成以下 html:

呸!

在我的布局头中:

_ViewImports 包括:

可能出了什么问题?我也安装和更新了 nuget 包。我希望这不仅仅是配置问题。