1

我正在尝试使用select2库开发新的自定义控件模板。为此，我必须包含 CSS 和 JS 文件。我怎样才能做到这一点？

我知道我可以在 tomcat 文件夹中手动添加这些文件，但我在 Docker 上，所以我无权访问它。

显然，我尝试将它们包含<head>在 .ftl 文件的标记中，但它不起作用。

这是我的customcontrol.ftl：

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>

<select class="courntyselect">
  <option></option>
  <option value="1">USA</option>
  <option value="2">France</option>
  <option value="3">Tunisia</option> 
  <option value="4">Canada</option> 
</select>

<script type="text/javascript">
$(".courntyselect").select2({
  width: "250",
  placeholder: "Select your country",
}).on("change",function(e){
  alert('Selected value : ' + e.target.value);
});
</script>
4

1 回答 1

2

您需要在 share-config-custom.xml 中添加这些文件作为依赖项。

<config>
        <forms>
            <dependencies>
                <js src="/js/datatable-datasource-min.js" />
            </dependencies>
        </forms>
    </config>

将 js 文件放在共享文件夹的 src\main\amp\web\js 中。

于 2019-07-26T03:37:12.983 回答