如何开发具有多个输入字段的自定义字段（插件）

Question

在自定义字段插件开发中，我们创建一个自定义字段，如下所示（有多个输入字段）：

自定义字段名称：<Input Textbox> <Input Textbox> <Input Textbox> <sum of input 1,input 2 & input 2>

我正在按照教程Creating a Custom Field in JIRA 创建插件。

在下面，我更新了edit.vm 如下，以包含额外的两个文本输入，但它不起作用......只是出现了额外的文本框......（我不确定还需要什么其他更改）。

 #customControlHeader ($action $customField.id $customField.name $fieldLayoutItem.required     $displayParameters $auiparams)
 <input class="text" id="$customField.id" name="$customField.id" type="text"     value="$textutils.htmlEncode($!value)" /><input class="text" id="$customField.id"     name="$customField.id" type="text" value="$textutils.htmlEncode($!value)" /><input class="text"    id="$customField.id" name="$customField.id" type="text" value="$textutils.htmlEncode($!value)" />
#customControlFooter ($action $customField.id $fieldLayoutItem.fieldDescription     $displayParameters $auiparams)

任何人都可以建议我如何更新它以实现自定义字段中的其他字段并保留不同的值并获得它们的总数。

Answer 1

另一种方法是在客户端生成字段。您可以将代码添加到custom fields，这将添加所需的表单字段。例如，要添加 2 个简单输入，请使用以下脚本：

<script type="text/javascript">
    var table = AJS.$('<table>').append(
            AJS.$('<tr>').append(
                AJS.$('<td>',{text:'first'})
            ).append(
                AJS.$('<td>',{class:'myinput'}).html(AJS.$('<input>'))
            )
        ).append(
            AJS.$('<tr>').append(
                AJS.$('<td>',{text:'second'})
            ).append(
                AJS.$('<td>',{class:'myinput'}).html(AJS.$('<input>'))
            )
        );
    AJS.$("input#customfield_10001").before(table)
</script>

创建一个小函数来获取表单内容：

function collect_data() {
    var content = AJS.$(".myinput input").map(function() {return this.value});
    var json = '{"first":"'+content[0]+'","second":"'+content[1]+'"}';
    AJS.$("input#customfield_10002").val(json);
}

最后，收集每次更改的更新信息：

AJS.$(".myinput").on('input',function(){ 
    collect_data();
});

如果您决定使用此功能，请更新所有字段 ID，根据需要修改输入字段，并添加更改表单创建代码，以便使用您选择的值填充输入。

如果您需要更多信息，请告诉我。

Answer 2

Practical JIRA Plugins 的第 3 章有一个在 JIRA 自定义字段中存储多个值的工作示例。该示例的源代码可在https://bitbucket.org/mdoar/practical-jira-plugins下载