在odoo中隐藏和显示文本区域

Question

我有一些问题：

<?xml version="1.0" encoding="utf-8" ?>
<odoo>
  <template id="product_configurator_configure" 
    inherit_id="sale.product_configurator_configure">
    <xpath expr="//div[@class='js_product main_product']" 
      position="replace">
      some code
    <div>
       <input type="checkbox" id="check_comment" class="o_website_form_input"> Option development 
          request</input>
       <textarea name="comment"  id="comment" class="o_website_form_input" cols="65" rows="4" 
          placeholder="Add new option"></textarea>
    </div>
  </xpath>
 </template>

如何在 odoo 中创建一个 javascript 文件（其结构），以便通过单击“复选框”显示字段 </section> <div> <section class="answer"> <p>您需要<a href="https://www.odoo.com/documentation/12.0/howtos/web.html#modify-existing-widgets-and-classes" rel="nofollow noreferrer">alter</a> the <a href="https://github.com/odoo/odoo/blob/12.0/addons/sale/static/src/js/product_configurator_renderer.js#L7" rel="nofollow noreferrer">ProductConfiguratorFormRenderer</a> renderer and bind the click <a href="https://www.odoo.com/documentation/12.0/howtos/web.html#events" rel="nofollow noreferrer">event</a>评论复选框。</p> <pre><code>odoo.define('web.CustomFormRenderer', function (require) { "use strict"; var ProductConfiguratorFormRenderer = require('sale.ProductConfiguratorFormRenderer'); ProductConfiguratorFormRenderer.include({ events: _.extend({}, ProductConfiguratorFormRenderer.prototype.events, { 'click #check_comment': 'onClickShowHideComment', }), onClickShowHideComment: function (ev) { let comment = $(ev.currentTarget).next(); if(ev.currentTarget.checked) { comment.removeClass('o_hidden'); } else { comment.addClass('o_hidden'); } }, }); }); </code></pre> <p>要添加以上代码，请查看 <a href="https://www.odoo.com/documentation/12.0/reference/javascript_reference.html#assets-management" rel="nofollow noreferrer">Assets Management</a> 文档。</p> <p><em><strong>示例：</strong></em></p> <ul> <li>用上面的代码创建一个js文件(<code>custom_form_renderer.js</code>)。</li> <li>继承<code>web.assets_backend</code>并包含js文件</li> </ul> <pre><code><?xml version="1.0" encoding="utf-8" ?> <odoo> <template id="assets_backend" name="Custom assets" inherit_id="web.assets_backend"> <xpath expr="." position="inside"> <script type="text/javascript" src="/{module_name}/static/src/js/custom_form_renderer.js"></script> </template> </odoo> </code></pre> <ul> <li>将 xml 文件添加到清单中。</li> </ul> </section> </div> </div> <div class="line"></div> <div id="footer">©2023 WhoseBug</div> </body> </html>