官方链接

如果你想要在 joget 的表单上写一些自定义的 js、css、html 代码,可以使用如下方式

如何使用

打开表单设计器,从左侧拖入客户化html组件,如图

内容可以写HTML,CSS,JS

示例

Tip: Add new categories in <a href="setupCategory" target="_blank">Setup Category</a>.<br/>
<div id="newDiv">New DIV</div>
<style>
  .test{
	display:none;
  }
</style>
<script>
    // joget 已经自动引入了 jquery 相关的js库,因此不需要再次引入
    $(function(){
        var div = $("#newDiv");
        console.log("div html",div.html());
        
    })
    
</script>

大多数情况,你可能需要获取表单上的字段值

示例

<script>
    $(function(){
        //获取字段,监听事件
        var total = FormUtil.getField("total");
        
        $(total).change(function(){
            console.log(1);
        })
        
        //直接获取字段值
        var total = FormUtil.getValue("total");
        
        //更细节的用法参考 https://dev.joget.org/community/display/KBv6/Javascript+API
        
    })
    
</script>
  • No labels