【ActiveReportsJS 5.0】【在线设计器无法拖动组件】

登录

<template>
  <div id="designer-host"></div>
</template>

<script lang="ts" setup>
  import { onMounted, ref, getCurrentInstance, reactive, computed, unref, toRefs, h, watch, toRaw } from 'vue';
  import { Designer as ReportDesigner } from '@grapecity/activereports/reportdesigner';
  import '@grapecity/activereports-localization/dist/designer/zh-locale'; // 设计器汉化
  import '@grapecity/activereports-localization'; //预览汉化

  let resolveFunc = null;
  let designer = null;

  onMounted(() => {
designer = new ReportDesigner('#designer-host', { language: 'zh' });
  });
</script>

<style lang="less">
  @import '@grapecity/activereports/styles/ar-js-ui.css';
  @import '@grapecity/activereports/styles/ar-js-viewer.css';
  @import '@grapecity/activereports/styles/ar-js-designer.css';
  #designer-host {
width: 100%;
height: 100%;
  }
</style>

以上是设计页面的内容，打开后在线设计器已经出现，但是每个组件都无法拖动进行设计。

Eden.Sun · Eden.Sun

问题描述：

组件无法移动。

问题解决：
您好，您使用的是什么浏览器，我们建议使用最新版的谷歌或者edge浏览器，报表中有些新特性低版本的浏览器是不支持的，
还有您需要注意，需要谷歌官方浏览器，其他的衍生的也可能有问题：

如果浏览器没问题的话，您在浏览器控制台（F12）看一下，有没有什么报错，这种情况，肯定是有依赖文件没有正确加载，应该是有报错提示的。

luckyzhiling · luckyzhiling

本帖最后由 luckyzhiling 于 2024-9-14 16:18 编辑

Eden.Sun 发表于 2024-9-14 15:56
问题描述：

组件无法移动。

没有错误，用的官方谷歌的，用键盘的上下左右，可以移动

谷歌版本

Felix.Li · Felix.Li

您好，这个之前有人遇到过，确实是浏览器的问题，可以试一下，连续按三下 Esc。
或者重启电脑也可以解决。这种您会发现是浏览器所有地方都不能拖动了。

		自动登录	找回密码
密码			立即注册

【ActiveReportsJS 5.0】【在线设计器无法拖动组件】

本帖子中包含更多资源

3 个回复

本帖子中包含更多资源

本帖子中包含更多资源

浏览过的版块

Wyn高级认证

Wyn认证