![\"Tutorial:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153179-61e509df36138.png\")
<\/a><\/p>\nDefinindo op\u00e7\u00f5es padr\u00e3o personalizadas<\/h2>\n
Se voc\u00ea est\u00e1 acostumado a usar, por exemplo, bot\u00f5es de r\u00e1dio ou caixas de sele\u00e7\u00e3o em Gravity Forms, voc\u00ea provavelmente notou que eles v\u00eam com op\u00e7\u00f5es como “Primeira Escolha”, “Segunda Escolha”, “Terceira Escolha”. Este \u00e9 o comportamento padr\u00e3o do Gravity Forms se nenhuma escolha tiver sido salva (antes) e isso \u00e9 acionado apenas nesses tipos de campo espec\u00edficos. Mas para nosso tipo de campo personalizado, nenhuma op\u00e7\u00e3o ser\u00e1 preenchida. Isso o torna um pouco complicado, porque voc\u00ea n\u00e3o receber\u00e1 o bot\u00e3o “+” para adicionar outra op\u00e7\u00e3o. Voc\u00ea teria que usar o bot\u00e3o “Adicionar em massa\/Escolhas predefinidas”, adicionar algumas op\u00e7\u00f5es l\u00e1, e depois disso, voc\u00ea ter\u00e1 acesso aos bot\u00f5es “+” para adicionar op\u00e7\u00f5es. Mas \u00e9 f\u00e1cil definir algumas escolhas personalizadas \u2013 tudo que voc\u00ea precisa \u00e9 definir uma vari\u00e1vel de array de classepublic $choices<\/code>e o Gravity Forms gerar\u00e1 automaticamente op\u00e7\u00f5es predefinidas em seu campo quando voc\u00ea o adicionar aos seus formul\u00e1rios.<\/p>\nNota: Esta \u00e9 uma vari\u00e1vel de classe, que voc\u00ea pode adicionar no topo da classe, logo abaixo de public $type<\/code>. Cada escolha precisa ser um array, com a escolha como valor para a chave ‘ text<\/code>‘.<\/p>\npublic $choices = [\n [ 'text' => 'Food Choice 1' ],\n [ 'text' => 'Food Choice 2' ],\n [ 'text' => 'Food Choice 3' ],\n];<\/code><\/pre>\nLembre-se de que, se voc\u00ea j\u00e1 adicionou o campo ao formul\u00e1rio, ele n\u00e3o preencher\u00e1 retroativamente as op\u00e7\u00f5es. Isso s\u00f3 entra em vigor quando voc\u00ea adiciona um novo campo ao formul\u00e1rio.<\/p>\n
Nota<\/strong>: Em Gravity Forms parece ser poss\u00edvel tamb\u00e9m adicionar chaves ‘ value<\/code>‘ a cada escolha. Mas n\u00e3o consegui fazer isso funcionar \u2013 os valores se tornar\u00e3o automaticamente os mesmos que o texto de escolha.<\/p>\nDefinindo o valor do campo como array<\/h2>\n
O pr\u00f3ximo passo \u00e9 bem simples, mas necess\u00e1rio. Como valores padr\u00e3o para campos em Gravity Forms s\u00e3o strings. Precisamos que o valor seja um array porque trabalhamos com v\u00e1rias entradas. Para fazer isso, definimos a fun\u00e7\u00e3o is_value_submission_array()<\/code>e retornamos true<\/code>.<\/p>\npublic function is_value_submission_array() {\n return true;\n}<\/code><\/pre>\nIsso garante que possamos trabalhar corretamente com o valor inserido de nossas m\u00faltiplas entradas.<\/p>\n
Renderizando a sa\u00edda de campo<\/h2>\n
Quando se trata de renderizar a sa\u00edda do campo, h\u00e1 algumas coisas a serem observadas.<\/p>\n
Primeiro \u00e9 que voc\u00ea precisa escolher entre duas fun\u00e7\u00f5es; get_field_input()<\/code>ou get_field_content()<\/code>. No primeiro m\u00e9todo, o Gravity Forms renderiza automaticamente o elemento da lista de encapsulamento, o r\u00f3tulo, a descri\u00e7\u00e3o e o cont\u00eainer para a mensagem de erro de valida\u00e7\u00e3o para seu campo e voc\u00ea controla apenas a sa\u00edda do campo interno. Com o segundo m\u00e9todo, nada disso acontece e voc\u00ea tem mais controle sobre a sa\u00edda do campo. No entanto, voc\u00ea precisa renderizar manualmente o r\u00f3tulo, a descri\u00e7\u00e3o e as mensagens de erro. O primeiro m\u00e9todo, get_field_input()<\/code>, \u00e9 perfeitamente adequado para a maioria dos casos.<\/p>\nA segunda coisa a ser observada \u00e9 que a fun\u00e7\u00e3o de renderiza\u00e7\u00e3o do campo afeta tr\u00eas locais diferentes. Os tr\u00eas s\u00e3o a renderiza\u00e7\u00e3o da sa\u00edda do campo no frontend, a visualiza\u00e7\u00e3o do campo dentro do editor de formul\u00e1rios e, finalmente, tamb\u00e9m o campo ao editar uma entrada. Felizmente, o Gravity Forms oferece fun\u00e7\u00f5es para determinar facilmente em qual visualiza\u00e7\u00e3o estamos. Normalmente, voc\u00ea renderizaria o campo da mesma maneira nos tr\u00eas casos. Mas como renderizar uma tabela grande com muitas entradas fica desnecessariamente desajeitado dentro do editor de formul\u00e1rios, optei por renderizar o campo de maneira diferente dentro do editor de formul\u00e1rios.<\/p>\n
E, finalmente, precisamos garantir que todas as entradas recebam um name<\/code>atributo adequado para que o Gravity Forms possa coletar seu valor no envio do formul\u00e1rio. Todas as entradas no Gravity Forms precisam de name<\/code>atributos que seguem esta regra: name=\"input_{FIELD_ID}\"<\/code>(campos de sele\u00e7\u00e3o m\u00faltipla usam um ID adicional, mas n\u00e3o precisamos nos preocupar com isso para o nosso caso). Temos acesso ao ID do campo, pois \u00e9 uma vari\u00e1vel de classe (de GF_Field<\/code>). Mas no nosso caso dissemos ao Gravity Forms que o valor \u00e9 um array e n\u00e3o um valor singular (passo anterior), ent\u00e3o adicionamos colchetes ap\u00f3s o atributo name; name=\"input_{FIELD_ID}[]\"<\/code>. Portanto, se o campo tiver o ID 4 dentro de um formul\u00e1rio, o atributo name deve ser ” input_4[]<\/code>“.<\/p>\nEstou optando por usar get_field_input()<\/code>que vem com tr\u00eas par\u00e2metros. O primeiro par\u00e2metro \u00e9 o objeto de formul\u00e1rio, que realmente n\u00e3o precisamos para nosso exemplo. O segundo par\u00e2metro \u00e9 o valor atual. Este pode ser o valor do campo de $_POST<\/code>quando o formul\u00e1rio foi tentado, mas sem sucesso. Podemos reter os valores enviados anteriormente. Ou se a fun\u00e7\u00e3o estiver sendo executada na edi\u00e7\u00e3o de uma entrada, o valor ser\u00e1 o valor armazenado do envio. Vamos lidar com o valor mais de perto mais tarde. E o terceiro par\u00e2metro \u00e9 o objeto de entrada, que tamb\u00e9m n\u00e3o precisaremos para nosso exemplo.<\/p>\nVamos come\u00e7ar a implementar get_field_input()<\/code>o que espera a renderiza\u00e7\u00e3o final como uma string. Logo de cara eu decido retornar uma string vazia se estivermos dentro do editor de formul\u00e1rios \u2013 porque n\u00e3o quero renderizar a tabela completa nesta view. Podemos usar o m\u00e9todo $this->is_form_editor()<\/code>para verificar se estamos ou n\u00e3o dentro do form edit. Voc\u00ea pode optar por ignorar isso ou renderizar outra coisa se quiser uma visualiza\u00e7\u00e3o do campo dentro do editor de formul\u00e1rios.<\/p>\npublic function get_field_input($form, $value = '', $entry = null) {\n if ($this->is_form_editor()) {\n return '';\n }\n \/\/ .. Rest of code for frontend and edit entry here...\n}<\/code><\/pre>\nO pr\u00f3ximo passo \u00e9 construir o HTML para uma tabela que faz um loop em uma matriz de dias para gerar as colunas e as linhas para cada item do curso. Mas como precisamos acessar a matriz de dias (colunas da tabela) em v\u00e1rios lugares, devemos defini-la como uma vari\u00e1vel de classe, tornando-a acess\u00edvel a partir de qualquer fun\u00e7\u00e3o dentro dela. Eu defino uma vari\u00e1vel de classe $delivery_days<\/code>com uma matriz dos dias para os quais quero oferecer entrega.<\/p>\nclass FoodDelivery extends GF_Field {\n public $type = 'food_delivery';\n\u00a0\n private $delivery_days = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'];\n\u00a0\n public function get_form_editor_field_title() {\n ...\n}<\/code><\/pre>\nEste \u00e9 apenas um exemplo! Voc\u00ea pode querer buscar a matriz para as colunas de outro lugar que n\u00e3o seja codificado.<\/p>\n
Vamos voltar get_field_input()<\/code>e construir nossa tabela com entradas. Primeiro, fa\u00e7o um loop sobre a vari\u00e1vel de classe e gero os cabe\u00e7alhos da tabela. Em seguida, fa\u00e7o um loop sobre as op\u00e7\u00f5es inseridas na configura\u00e7\u00e3o de campo para Op\u00e7\u00f5es. Isso \u00e9 acess\u00edvel a partir da vari\u00e1vel de classe (de GF_Field<\/code>) $this->choices<\/code>. Para cada escolha eu renderizo uma entrada com os atributos de nome apropriados. Temos acesso ao ID do campo a partir GF_Field<\/code>da vari\u00e1vel de classe de $this->id<\/code>.<\/p>\npublic function get_field_input($form, $value = '', $entry = null) {\n if ($this->is_form_editor()) {\n return '';\n }\n\u00a0\n $id = (int) $this->id;\n $table = '<table class=\"delivery-table\"><tbody><tr>';\n $table .= '<th>'. __('Course', 'txtdomain'). '<\/th>';\n foreach ($this->delivery_days as $day) {\n $table .= '<th>'. $day. '<\/th>';\n }\n $table .= '<\/tr>';\n\u00a0\n foreach ($this->choices as $course) {\n $table .= '<tr>';\n $table .= '<td>'. $course['text']. '<\/td>';\n foreach ($this->delivery_days as $day) {\n $table .= '<td><input type=\"number\" size=\"1\" name=\"input_'. $id. '[]\" \/><\/td>';\n }\n $table .= '<\/tr>';\n }\n $table .= '<\/tbody><\/table>';\n\u00a0\n return $table;\n}<\/code><\/pre>\nCom este c\u00f3digo em vigor, devemos obter uma boa tabela renderizada para nosso tipo de campo no frontend! Obviamente, o HTML depende inteiramente de voc\u00ea, este \u00e9 apenas um exemplo b\u00e1sico.<\/p>\n
Deixamos esta fun\u00e7\u00e3o por enquanto, mas voltaremos a ela mais tarde para lidar com o valor enviado!<\/strong><\/p>\nArmazenando o valor corretamente<\/h2>\n
A partir de agora, o Gravity Forms salvar\u00e1 nosso campo como um array unidimensional preenchido com os valores inseridos e strings vazias onde a entrada estava vazia. N\u00e3o h\u00e1 informa\u00e7\u00f5es sobre a qual dia ou escolha o valor pertence, exceto o \u00edndice. Precisamos transformar esse array unidimensional em um array associativo multidimensional onde armazenamos o dia e o r\u00f3tulo de escolha. Podemos ent\u00e3o acessar facilmente o valor num\u00e9rico armazenado para, por exemplo, $value['Ham sandwich']['Monday']<\/code>. Ap\u00f3s essa transforma\u00e7\u00e3o de array, tamb\u00e9m precisamos serializar o array para que o Gravity Forms possa armazenar o valor corretamente no banco de dados.<\/p>\nPrecisaremos transformar essa matriz de valores em v\u00e1rios lugares, ent\u00e3o definirei uma fun\u00e7\u00e3o separada para isso. A fun\u00e7\u00e3o aceita o array unidimensional e o transforma em um array multidimensional com os valores armazenados para dias e op\u00e7\u00f5es:<\/p>\n
private function translateValueArray($value) {\n if (empty($value)) {\n return [];\n }\n $table_value = [];\n $counter = 0;\n foreach ($this->choices as $course) {\n foreach ($this->delivery_days as $day) {\n $table_value[$course['text']][$day] = $value[$counter++];\n }\n }\n return $table_value;\n}<\/code><\/pre>\nIsso armazenar\u00e1 os nomes dos dias e as op\u00e7\u00f5es diretamente dentro do valor do campo. Fazendo isso, \u00e9 poss\u00edvel alterar as op\u00e7\u00f5es posteriormente sem quebrar as entradas antigas.<\/p>\n
Agora vamos sobrescrever a fun\u00e7\u00e3o que manipula o armazenamento do valor enviado; get_value_save_entry()<\/code>. Ele vem com cinco par\u00e2metros, mas s\u00f3 precisamos do primeiro que \u00e9 o valor enviado. Dentro da fun\u00e7\u00e3o passamos o valor para nossa fun\u00e7\u00e3o customizada acima, serializamos seu retorno e finalmente retornamos o novo valor.<\/p>\npublic function get_value_save_entry($value, $form, $input_name, $lead_id, $lead) {\n if (empty($value)) {\n $value = '';\n } else {\n $table_value = $this->translateValueArray($value);\n $value = serialize($table_value);\n }\n return $value;\n}<\/code><\/pre>\nNeste ponto, o Gravity Forms armazenar\u00e1 com sucesso nossos valores da maneira que queremos! No entanto, o valor armazenado agora \u00e9 uma matriz serializada que o Gravity Forms ecoar\u00e1 com prazer. Precisamos implementar fun\u00e7\u00f5es para transform\u00e1-lo de um array serializado feio em uma sa\u00edda bonita onde quer que precisemos.<\/p>\n
Exibindo o valor enviado<\/h2>\n
H\u00e1 tr\u00eas lugares que precisamos alterar a sa\u00edda do valor do nosso campo; a lista de entradas, olhando para uma \u00fanica entrada e dentro das etiquetas de mesclagem do Gravity Forms. As etiquetas de mesclagem s\u00e3o usadas com mais frequ\u00eancia em notifica\u00e7\u00f5es por e-mail. Por exemplo {all_fields}<\/code>, \u00e9 uma tag de mesclagem que exibe os valores completos do formul\u00e1rio enviado em e-mails.<\/p>\nComo estamos renderizando a mesma sa\u00edda em tr\u00eas casos diferentes, faz sentido criar uma fun\u00e7\u00e3o separada para ela. Defini uma fun\u00e7\u00e3o personalizada que aceita o valor; o array multidimensional n\u00e3o serializado, como par\u00e2metro. A fun\u00e7\u00e3o ent\u00e3o cria algum HTML que exibe o array de uma maneira bonita e retorna a string. Optei por uma <ul><\/code>lista aninhada, mas voc\u00ea pode alterar a sa\u00edda como quiser.<\/p>\nprivate function prettyListOutput($value) {\n $str = '<ul>';\n foreach ($value as $course => $days) {\n $week = '';\n foreach ($days as $day => $delivery_number) {\n if (!empty($delivery_number)) {\n $week .= '<li>'. $day. ': '. $delivery_number. '<\/li>';\n }\n }\n \/\/ Only add week if there were any requests at all\n if (!empty($week)) {\n $str .= '<li><h3>'. $course. '<\/h3><ul class=\"days\">'. $week. '<\/ul><\/li>';\n }\n }\n $str .= '<\/ul>';\n return $str;\n}<\/code><\/pre>\n\u00d3timo, vamos come\u00e7ar com o primeiro: a lista de entradas: get_value_entry_list()<\/code>. Voc\u00ea pode optar por gerar a sa\u00edda completa aqui, mas pode ficar muito desajeitado e longo para o modo de exibi\u00e7\u00e3o de lista, ent\u00e3o optei por simplesmente retornar uma string fixa que explica que o usu\u00e1rio precisa entrar nos detalhes da entrada para ver a vis\u00e3o geral completa.<\/p>\npublic function get_value_entry_list($value, $entry, $field_id, $columns, $form) {\n return __('Enter details to see delivery details', 'txtdomain');\n}<\/code><\/pre>\nObviamente, isso depende inteiramente de voc\u00ea, voc\u00ea pode optar por exibir apenas o primeiro n\u00famero x de caracteres, por exemplo.<\/p>\n
A segunda fun\u00e7\u00e3o \u00e9 a que afeta a visualiza\u00e7\u00e3o de uma \u00fanica entrada: get_value_entry_detail()<\/code>:<\/p>\npublic function get_value_entry_detail($value, $currency = '', $use_text = false, $format = 'html', $media = 'screen') {\n $value = maybe_unserialize($value); \n if (empty($value)) {\n return '';\n }\n $str = $this->prettyListOutput($value);\n return $str;\n}<\/code><\/pre>\nN\u00f3s simplesmente deserializamos a matriz com a fun\u00e7\u00e3o do WordPress [maybe_unserialize](https:\/\/developer.wordpress.org\/reference\/functions\/maybe_unserialize\/)()<\/code>e retornamos a sa\u00edda da string de nossa fun\u00e7\u00e3o personalizada.<\/p>\nA fun\u00e7\u00e3o final afeta as tags de mesclagem e garante que o valor do nosso campo fique bem dentro dos emails: get_value_merge_tag()<\/code>.<\/p>\npublic function get_value_merge_tag($value, $input_id, $entry, $form, $modifier, $raw_value, $url_encode, $esc_html, $format, $nl2br) {\n return $this->prettyListOutput($value);\n}<\/code><\/pre>\nObserve que n\u00e3o precisaremos desserializar o valor dentro desta fun\u00e7\u00e3o.<\/p>\n
Com essas tr\u00eas fun\u00e7\u00f5es em vigor, todos os valores enviados devem parecer muito bons em todos os lugares! Por exemplo, ao visualizar uma entrada enviada:<\/p>\n
![\"Tutorial:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153179-61e509dbe8f8c.png\")
<\/a><\/p>\nNo entanto, h\u00e1 uma coisa importante faltando! Neste ponto, nossas entradas n\u00e3o ret\u00eam os valores enviados anteriormente e isso \u00e9 muito ruim.<\/p>\n
Fa\u00e7a com que nossos insumos mantenham o valor enviado anteriormente<\/h2>\n
Existem principalmente dois casos em que precisamos garantir que as entradas mantenham os valores enviados anteriormente. O primeiro caso \u00e9 quando o envio de um formul\u00e1rio falhou (por exemplo, o usu\u00e1rio esqueceu um campo obrigat\u00f3rio). Neste momento, todas as nossas entradas perdem todos os valores inseridos anteriormente e o usu\u00e1rio precisa reinserir todos os valores novamente. Em segundo lugar, quando o propriet\u00e1rio do site edita uma entrada, as entradas n\u00e3o s\u00e3o preenchidas com os valores enviados do envio \u2013 o que torna praticamente imposs\u00edvel editar os valores corretamente.<\/p>\n
Para corrigir isso, voltamos \u00e0 fun\u00e7\u00e3o get_field_input()<\/code>. O segundo par\u00e2metro para esta fun\u00e7\u00e3o \u00e9 o valor. Mas lembre-se de que esta fun\u00e7\u00e3o afeta a renderiza\u00e7\u00e3o do frontend e a edi\u00e7\u00e3o de entrada. Isso \u00e9 importante porque o valor armazenado \u00e9 diferente nesses dois casos. Se estivermos no frontend e manipulando o envio do formul\u00e1rio, o valor estar\u00e1 no formato do array unidimensional mencionado anteriormente. E se estivermos editando uma entrada, o valor estar\u00e1 no formato de um array multidimensional serializado. Portanto, precisamos traduzir adequadamente o valor fornecido get_field_input()<\/code>para acessar facilmente os valores reais.<\/p>\npublic function get_field_input($form, $value = '', $entry = null) {\n if ($this->is_form_editor()) {\n return '';\n }\n\u00a0\n $id = (int) $this->id;\n if ($this->is_entry_detail()) {\n $table_value = maybe_unserialize($value);\n } else {\n $table_value = $this->translateValueArray($value);\n }\n\u00a0\n $table = '<table class=\"delivery-table\"><tbody><tr>';\n ...\n}<\/code><\/pre>\nNo c\u00f3digo acima, antes de come\u00e7armos a criar o HTML para a sa\u00edda do campo, criamos uma vari\u00e1vel $table_value<\/code>que cont\u00e9m o valor traduzido corretamente. Usamos GF_Field<\/code>a fun\u00e7\u00e3o ‘s is_entry_detail()<\/code>para verificar se estamos editando ou n\u00e3o uma entrada. E ent\u00e3o para nossas entradas \u00e9 f\u00e1cil acessar os valores apropriados e defini-los como value<\/code>atributos das entradas:<\/p>\n...\nforeach ($this->delivery_days as $day) {\n $table .= '<td><input type=\"number\" size=\"1\" name=\"input_'. $id. '[]\" value=\"'. $table_value[$course['text']][$day]. '\" \/><\/td>';\n}\n...<\/code><\/pre>\nCom o acima atualizado get_field_input()<\/code>, todas as nossas entradas personalizadas devem sempre ser preenchidas com o valor anterior; n\u00e3o importa se est\u00e1 editando uma entrada ou tentando novamente um envio de formul\u00e1rio.<\/p>\nNeste ponto, tudo sobre renderiza\u00e7\u00e3o e armazenamento de nossos valores est\u00e1 pronto e funcionando perfeitamente. Mas h\u00e1 mais uma coisa que definitivamente precisamos consertar.<\/p>\n
Fa\u00e7a nosso campo passar a valida\u00e7\u00e3o “obrigat\u00f3ria”<\/h2>\n
Gravity Forms tem verifica\u00e7\u00f5es para ver se o valor de um campo est\u00e1 vazio ou n\u00e3o. Isso geralmente \u00e9 necess\u00e1rio quando o campo \u00e9 definido como obrigat\u00f3rio. Quando um campo \u00e9 obrigat\u00f3rio, voc\u00ea n\u00e3o pode enviar o formul\u00e1rio se estiver vazio, certo? O problema para n\u00f3s \u00e9 que temos v\u00e1rias entradas e queremos permitir que algumas delas fiquem vazias. Isso se torna um problema se nosso campo estiver definido como obrigat\u00f3rio. Infelizmente, o Gravity Forms interpreta "est\u00e1 vazio" errado e exige que todas as entradas sejam preenchidas. Portanto, precisamos adicionar uma regra que diga que, se pelo menos uma de nossas muitas entradas for preenchida, o valor total do campo n\u00e3o ficar\u00e1 vazio.<\/p>\n
A fun\u00e7\u00e3o final que precisamos substituir em nossa classe \u00e9 is_value_submission_empty()<\/code>. Obtemos apenas o ID do formul\u00e1rio como par\u00e2metro para esta fun\u00e7\u00e3o, portanto, precisamos extrair o valor do campo usando a fun\u00e7\u00e3o Gravity Forms para busc\u00e1-lo no $_POST<\/code>array: rgpost('input_<FIELD ID>')<\/code>. O retorno deve ser o array unidimensional que vimos antes. Tudo o que precisamos fazer \u00e9 percorrer o array e retornar false<\/code>se encontrarmos um valor em algum lugar. Caso contr\u00e1rio, retornamos, true<\/code>pois o valor do campo est\u00e1 de fato completamente vazio.<\/p>\npublic function is_value_submission_empty($form_id) {\n $value = rgpost('input_'. $this->id);\n foreach ($value as $input) {\n if (strlen(trim($input)) > 0) {\n return false;\n }\n }\n return true;\n}<\/code><\/pre>\nCom a fun\u00e7\u00e3o acima em vigor, nosso campo n\u00e3o falhar\u00e1 no envio se estiver definido como obrigat\u00f3rio e pelo menos uma entrada estiver preenchida.<\/p>\n
Conclus\u00e3o e c\u00f3digo final<\/h2>\n
Este tutorial mostrou em detalhes como criar seu pr\u00f3prio tipo de campo avan\u00e7ado personalizado para Gravity Forms. Mesmo que seu projeto seja diferente do meu exemplo, espero que voc\u00ea tenha algumas dicas e a-ha’s ao longo do caminho. Acho a documenta\u00e7\u00e3o do Gravity Forms bastante carente em alguns casos, e isso \u00e9 resultado de muita tentativa e erro! Enfim, espero que isso tenha sido de alguma utilidade para voc\u00ea!<\/p>\n
Para refer\u00eancia, aqui est\u00e1 o c\u00f3digo completo em sua totalidade:<\/p>\n
if (class_exists('GF_Field')) {\n class FoodDelivery extends GF_Field {\n public $type = 'food_delivery';\n\u00a0\n public $choices = [\n [ 'text' => 'Food Choice 1' ],\n [ 'text' => 'Food Choice 2' ],\n [ 'text' => 'Food Choice 3' ],\n ];\n\u00a0\n private $delivery_days = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'];\n\u00a0\n public function get_form_editor_field_title() {\n return esc_attr__('Food Delivery', 'txtdomain');\n }\n\u00a0\n public function get_form_editor_button() {\n return [\n 'group' => 'advanced_fields',\n 'text' => $this->get_form_editor_field_title(),\n ];\n }\n\u00a0\n public function get_form_editor_field_settings() {\n return [\n 'label_setting',\n 'choices_setting',\n 'description_setting',\n 'rules_setting',\n 'error_message_setting',\n 'css_class_setting',\n 'conditional_logic_field_setting',\n ];\n }\n\u00a0\n public function is_value_submission_array() {\n return true;\n }\n\u00a0\n public function get_field_input($form, $value = '', $entry = null) {\n if ($this->is_form_editor()) {\n return '';\n }\n\u00a0\n $id = (int) $this->id;\n if ($this->is_entry_detail()) {\n $table_value = maybe_unserialize($value);\n } else {\n $table_value = $this->translateValueArray($value);\n }\n\u00a0\n $table = '<table class=\"delivery-table\"><tbody><tr>';\n $table .= '<th>'. __('Course', 'txtdomain'). '<\/th>';\n foreach ($this->delivery_days as $day) {\n $table .= '<th>'. $day. '<\/th>';\n }\n $table .= '<\/tr>';\n\u00a0\n foreach ($this->choices as $course) {\n $table .= '<tr>';\n $table .= '<td>'. $course['text']. '<\/td>';\n foreach ($this->delivery_days as $day) {\n $table .= '<td><input type=\"number\" size=\"1\" name=\"input_'. $id. '[]\" value=\"'. $table_value[$course['text']][$day]. '\" \/><\/td>';\n }\n $table .= '<\/tr>';\n }\n\u00a0\n $table .= '<\/tbody><\/table>';\n\u00a0\n return $table;\n }\n\u00a0\n private function translateValueArray($value) {\n if (empty($value)) {\n return [];\n }\n $table_value = [];\n $counter = 0;\n foreach ($this->choices as $course) {\n foreach ($this->delivery_days as $day) {\n $table_value[$course['text']][$day] = $value[$counter++];\n }\n }\n return $table_value;\n }\n\u00a0\n public function get_value_save_entry($value, $form, $input_name, $lead_id, $lead) {\n if (empty($value)) {\n $value = '';\n } else {\n $table_value = $this->translateValueArray($value);\n $value = serialize($table_value);\n }\n return $value;\n }\n\u00a0\n private function prettyListOutput($value) {\n $str = '<ul>';\n foreach ($value as $course => $days) {\n $week = '';\n foreach ($days as $day => $delivery_number) {\n if (!empty($delivery_number)) {\n $week .= '<li>'. $day. ': '. $delivery_number. '<\/li>';\n }\n }\n \/\/ Only add week if there were any requests at all\n if (!empty($week)) {\n $str .= '<li><h3>'. $course. '<\/h3><ul class=\"days\">'. $week. '<\/ul><\/li>';\n }\n }\n $str .= '<\/ul>';\n return $str;\n }\n\u00a0\n public function get_value_entry_list($value, $entry, $field_id, $columns, $form) {\n return __('Enter details to see delivery details', 'txtdomain');\n }\n\u00a0\n public function get_value_entry_detail($value, $currency = '', $use_text = false, $format = 'html', $media = 'screen') {\n $value = maybe_unserialize($value); \n if (empty($value)) {\n return $value;\n }\n $str = $this->prettyListOutput($value);\n return $str;\n }\n\u00a0\n public function get_value_merge_tag($value, $input_id, $entry, $form, $modifier, $raw_value, $url_encode, $esc_html, $format, $nl2br) {\n return $this->prettyListOutput($value);\n }\n\u00a0\n public function is_value_submission_empty($form_id) {\n $value = rgpost('input_'. $this->id);\n foreach ($value as $input) {\n if (strlen(trim($input)) > 0) {\n return false;\n }\n }\n return true;\n }\n }\n GF_Fields::register(new FoodDelivery());\n}<\/code><\/pre>\nFonte de grava\u00e7\u00e3o:
awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"Um tutorial mostrando como criar um tipo de campo Gravity Forms personalizado avan\u00e7ado com v\u00e1rias entradas com tratamento especial para armazenar e exibir os valores.<\/p>\n","protected":false},"author":1,"featured_media":153180,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[898,898,1110,806,806,816,816,846,846,867,867],"tags":[1170],"class_list":{"0":"post-233507","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-codigo-2","9":"category-n-a","10":"category-php-8","12":"category-plug-ins","14":"category-tutoriais","16":"category-wordpress-8","18":"tag-affiai-pt-pt"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=233507"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233507\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/153180"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=233507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=233507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=233507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Tutorial:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153179-61e509da5343d.png\")
<\/a><\/p>\n