使用特征来修改组件类
问题
嗨!
我试图改变职业的价值,但几乎没有成功。
这是我自定义特性的“onValueChange”函数:
“JavaScript
onValueChange() {
var traitModel = this.model;
var selectComponent = this.target;
var inputValue = traitModel.get('value');
this.target.set('content', this.model.get('value'));
selectComponent.set('attributes', {class: inputValue});
}
这会得到一个HTML输出:
“''HTML
<输入类=“输入txt-red” 类=“col-lg-6”/>
显然,这不是合法的 HTML。在 Classes 输入中添加或移除类时,也会产生奇怪的结果。
正确的做法是什么?
回答(3)
@artf 这可能吗?
所以我用一种相当简陋的方式弄明白了,但它确实有效! 只需创建一个自定义特征,并使用以下条件来表示 onValueChange() “JavaScript onValueChange() { var parentModel = this.target.collection.parent.sm; var component = this.target; const sm = parentModel.get('SelectorManager'); var traitModel = this.model; var selectComponent = this.target; var label =...
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #1254
AddInput in domcomponent for html conditional it work work grapesjs 0.10.7 版本
你好,Artur, 首先,感谢你分享这样一个很棒的项目:) 我想告诉你我遇到的一个问题。 你在#208 issue中为addType的代码评论了一下。 “JavaScript var textnodeType = domc.getType('textnode'); domc.a...
问题 #1586
动态更新特性选择选项
我尝试过这样做来更新特质选择。 var updateTrait = function(id, name) { var typeTrait = model.get('traits').where({name: 'type'})[0]; var options = typeTrai...
问题 #1888
在画布内添加自定义HTML
你好, 我用 Grapes 导出一个包含所有信息的自定义 json,而不是用 HTML 和 CSS。 为此,我解析存储在localStorage上的gpjs组件。 现在我需要自定义组件在Canvas中的渲染方式。 举个例子,我有一个输入组件,包含两个特征(标签和值),我想在画布...
问题 #1779
特征类型 在组件类型初始化时未勾选复选框。
嗨,阿图尔 当我尝试从 domCom 的 init() 中检查特征(类型:勾选框) 时,属性设置为真但未勾选。 代码: “''js 特质:[ { 类型:“勾选框”, 标签:“显示分页”, 名称:“页码”, 变革提案:1 } ] .... init() { var 页码 = th...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。