четверг, 26 марта 2015 г.

Кнопки "Утвердить" и "Отклонить" в 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 можно скрыть от пользователей
вот и все,
надеюсь будет полезно

Комментариев нет:

Отправить комментарий