3 answers
1 accepted
Hi David,
The idea is indeed to start from a multiselect list, but the javascript converts this custom field to some kind of autocomplete combobox that allows typing:
To get this behavior, you have to do the following:
1) Create a custom field that uses a multiselect list (I know it sounds weird, but this is just a way to provide all the values you need for the autocomplete)
2) Paste the following code in the description field of your custom field (credits to CK1 for providing the code):
<script type="text/javascript">
(function($) {
// "customfield_10400" is the number of the custom
// multiselect field you want to change as e.g.
// seen at the end of the "configure" page url of
// the field you want to change this way
AJS.$("#customfield_10400 option[value='-1']").remove(); //Removes the default value "None"
function convertMulti(id){
if (AJS.$('#'+id+"-textarea").length == 0){
new AJS.MultiSelect({
element: $("#"+id),
itemAttrDisplayed: "label",
errorMessage: AJS.params.multiselectComponentsError
});
}
}
AJS.toInit(function(){
convertMulti("customfield_10400");
})
JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e, context) {
AJS.$("#customfield_10400 option[value='-1']").remove();
convertMulti("customfield_10400");
});
})(AJS.$);
</script>
3) Lookup the id of your custom multiselect field (in this example 10400) and replace all the id's in the javascript code by your own id's.
4) Add the field to a screen and make sure the screen is visible somewhere.
This is all you need to do to implement this kind of autocomplete text field.
Hope this solution works for you!
Hi @Benji Mommen [ACA IT], any ideas why inline editing is not working for such custom field adjusted to autocomplete with a script?
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.