Кнопки "Утвердить" и "Отклонить" в ItemForm с помощью jQuery

Сегодня я расскажу, как добавить кнопки «Утвердить» и «Отклонить» в место стандартной кнопки «Save» и заполнять поле типа Choice требуемым значением.

выглядеть будет в итоге так

Задача была следующая, реализовать форму в которой есть кнопки позволяющие задать значение "Утверждено" или "Отклонено", при этом при отклонении было доступно поле "Комментарии"

Изначально форма вот такая

Первое что нам понадобится, это добавить свои кнопки и скрыть стандартную

Потом скрываем поле «comment»

Потом добавим свои функции для заполнения поля Choice

function Approved()
{
 //alert('утверждено')
 jQuery("select[id^='Choice']").val("Утверждено"); 
 jQuery("[id^='comment']").closest('tr').hide();
 jQuery("input[id$='iidIOSaveItem']").click();

}
function Rejected()
{
 //alert('не утверждено')
 jQuery("select[id^='Choice']").val("Отклонено"); 
 jQuery("[id^='comment']").closest('tr').show();
 jQuery("input[id$='iidIOSaveItem']").click();

}

итоговый скрипт

$(document).ready(function() {
 // добавляем свои кнопки
 var customButton =  '

'+   
      '


'+
        ''+
       '
'+ 
        ''+
       '


';
 jQuery("table.ms-formtable").next().before(customButton);
 
 //скрываем страндартную
 jQuery("[id$='diidIOSaveItem']").hide();
 
 //скрываем поле
 jQuery("[id^='comment']").closest('tr').hide();


}
);


function Approved()
{
 //alert('утверждено')
 jQuery("select[id^='Choice']").val("Утверждено"); 
 jQuery("[id^='comment']").closest('tr').hide();
 jQuery("input[id$='iidIOSaveItem']").click();

}
function Rejected()
{
 //alert('не утверждено')
 jQuery("select[id^='Choice']").val("Отклонено"); 
 jQuery("[id^='comment']").closest('tr').show();
 jQuery("input[id$='iidIOSaveItem']").click();
}
}

В дальнейшем поле Choice можно скрыть от пользователей
вот и все,
надеюсь будет полезно