问题 #2628💬 已回答提出于 2020年3月8日作者 abzal02 个反应

如何更新性状值

快速解答作者 pouyamiralayi1

@abzal0好!虽然道具方法应该没问题,但我不明白为什么不行,或者我漏掉了什么!如果我们想使用属性,必须使用 'addAttributes' 来更改属性,以下是该过程的一个工作示例: 干杯!

阅读下方完整回答 ↓

问题

你好@artf非常感谢你带来的精彩项目, 我创建了一个新类型,它类似于普通链接,但链接标题会随着 ajax 更新。然后更新特质“linktitle”。它和画布的数值会更新,但“设置”中的特性仍然显示初始值,且没有变化。 必须更新该值的代码部分: 编辑。DomComponents.addType('newLink', { 型号:{ 默认值:{ 组成要素: [ { 值得突出:确实, 可编辑:正确, 可选择:真 }], 特质:[ { 类型:“文本”, 标签:“URL”, 名称:“URL”, 值:“https://”, 变革提案:0 }, { 类型:“文本”, 标签:“标题”, 名称:“Linktitle”, 值:“链接标题”,//此项必须更新 变革提案:0 } ]}}, 视图:{ 标签名称:“div”, init({ model }) { this.listenTo(model, 'change:attributes', model => { 第一次尝试 editor.getSelected().updateTrait('linktitle', { 类型:“文本”, 标签:“Title 2”, 名称:“Linktitle”, 值:'AA',//将值更新为AA 变革提案:0 }); 在Canvas上显示未定义,但只更新标签,需要更新值 第二次尝试 this.model.attribute...

回答(3)

pouyamiralayi2020年3月9日

@abzal0好!虽然道具方法应该没问题,但我不明白为什么不行,或者我漏掉了什么!如果我们想使用属性,必须使用 'addAttributes' 来更改属性,以下是该过程的一个工作示例: 干杯!

abzal02020年3月9日

@pouyamiralayi非常感谢你的时间,这个问题解决了: ' this.model.addAttributes({'linkTitle':oldValue + ' Changed!'}) ` 你省了这么多时间,再次感谢:)

abzal02020年3月8日

editor.getSelected().getTrait('linktitle').set('value','CCC');

也行不通

相关问答

通过相似的问题讨论继续研究。

问题 #2777

如何在样式管理器中更新样式

你好。我创建了自定义组件,通过自定义资产管理器设置了 backgraound-image 自定义块代码: “JavaScript domc.addType('image-block', { 扩展:“默认”, 型号:{ 默认值() { 返回 { 名称:“背景图片”, 类型:“图像...

3 个回答更新于 2020年6月10日

问题 #2417

组件中的 API 在部署后无法工作

Block.js => Component.js => 我们可以调用 API,并且在部署中传递整个 html 时它是正常工作的 块管理器内容属性中的脚本、正文、样式 但当 API 通过组件调用时,页面在部署加载时无法工作。** 它只在我把它放到编辑器里时生效,而作为已部署的 U...

3 个回答更新于 2022年7月21日

问题 #2650

Slick.js重新加载图片素材更改的滑块

大家好, 我正在集成Slick Slider,问题在于上传图片后重新加载滑块时。 在打开素材点击后,Slick 滑块必须重新初始化,使滑块的普通 HTML 变成 slick 滑块,这只在将组件添加到画布时才会发生: $('#slickslider').slick({ 点:确实,...

3 个回答更新于 2022年1月10日

问题 #1696

特质首次出现在自定义组件的拖拽中

你好,artf,我创建了自定义组件并为它添加了特征,当拖动这个组件到编辑器并选择它时,设置特征是正常工作的。 问题是,当将同一个组件拖到旧组件后面到编辑器并选择设置特征时,默认特征(ID,标题)会只显示,这是我实现的代码 对于创建组件: this.editor.BlockMan...

3 个回答更新于 2020年4月15日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。