Javascript代码在odoo.define中不工作，但在开发人员控制台中工作
Javascript代码在odoo.define中不工作，但在开发人员控制台中工作
提问于 2019-06-13 04:34:09
下面的图片，
当无线电值被改变时，我想要改变背景颜色。
这是给ODOO11的。我已经将js文件设置为要继承模板。但不起作用。
<template id="assets_backend_weight" name="static_resources_demo assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<script type="text/javascript" src="/yc_root/static/src/js/my_js.js"></script>
</xpath>
</template>my_js.js
odoo.define('yc_root.my_JS', function (require) {"use strict";
var Class = require('web.Class');
var hpw = Class.extend({
init: function(){
var v = $("div[name='in_out'] div input:checked").attr('data-value');
if (v =='O') {
$('.o_form_sheet').css("background-color","blue");
}
else {
$('.o_form_sheet').css("background-color","yellow");
}
}
})
return hpw;
});我将代码从变量v放入开发人员控制台。它可以改变颜色，但不能通过定制的JS文件的方式工作。我怎么修改它呢？
我确信我的定制JS文件是由odoo拍摄的。当我将console.log('hi')放在定制的JS文件中时，它可以出现在控制台上。
在生成DOM之前，odoo似乎加载了web.assets_backend.js。因为我测试警报(‘hi’)，它会在加载DOM之前弹出(屏幕完全为空)。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-06-20 09:31:19
我找到了解决办法。
- 单击收音机以更改bgcolor
- 在不同类型的记录中加载DOM时，实现bgcolor更改。
我的代码
odoo.define('yc_root.my_JS', function (require) {"use strict";
var core = require('web.core');
var Widget = require('web.Widget');
var bgdrawer = Widget.extend({
/* <init: construct before loading DOM completely.>*/
init: function() {
var self = this;
self._super.apply(this, arguments);
//self.bgChanger();
/* this is used to register a listener on an event.
form: .on(ev, node.callback, node.context);
ev:
'resize': implement when browser resize
'DOM_updated': implement when DOM updated
...etc. */
core.bus.on('click', "div[name='in_out'] div input:checked", self.bgChanger);
core.bus.on('DOM_updated', "span[name='in_out']", self.post_bgChanger);
core.bus.on('click', "button .o_pager_next", self.post_bgChanger);
},
bgChanger: function() {
var v = $("div[name='in_out'] div input:checked").attr('data-value');
if (v =='O') { $('.o_form_sheet').css("background-color","#adff2f");}
else if(v =='I') { $('.o_form_sheet').css("background-color","#ffc0cb");}
},
post_bgChanger: function() {
if ($("span[name='in_out']")[0]){
var _str = $("span[name='in_out']")[0].innerHTML;
if (_str=="出貨") { $('.o_form_sheet').css("background-color","#adff2f");}
else if(_str=="進貨") { $('.o_form_sheet').css("background-color","#ffc0cb");}
}
},
});
// Init a new bgdrawer when the web client is ready
/*core.bus.on('web_client_ready', null, function () {new bgdrawer();});
return {'bgdrawer': bgdrawer,};*/
var my_widget = new bgdrawer(this);
my_widget.appendTo($(".o_form_sheet"));
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56573422
复制相关文章
相似问题
腾讯云开发者
