Drupal : Création d'un tableau

Salut,

L'objectif de ce billet est d'expliquer comment créer afficher un tableau sous Drupal à l'intérieur d'un Formulaire. Par défaut, le tableau dans un formulaire Drupal est utilisé pour choisir ou cocher une ligne. C'est pour cette raison lorsque qu'on l'affiche on voit toujours la première colonne contient des cases à cocher. L’objectif de ce billet est d'essayer d'afficher le tableau sans les cases à cocher. 


Création d'un tableau sous Drupal

Avant de créer le tableau il faut tout d'abord commencer à créer le formulaire. Sous drupal pour créer un formulaire il faut commencer par créer le tableau $form et à la fin retourner la valeur de ce tableau :

$form = array();

Création des différents champs

return $form;

Ensuite on commence à créer nos différents champs

$form = array();

$form['debut-heur'] = array(    // Création d'un champ text
                    '#type' => 'textfield',
                    '#title' => t('Start hour'),
                    '#maxlength' => 10,
                    '#size' => 8,
 );

$form['gps_module'] = array(  // Création d'un champ select
                '#type' => 'select',
                '#title' => t('GPS Module'),
                '#options' => $module_gps_libelle,
                '#weight' => 1,
    );

return $form;

Nous créons maintenant le tableau par défaut dans un formulaire sous Drupal. Pour créer un tableau il faut ajouter la valeur ' tableselect' au paramètre #type.

$form['table'] = array(
                '#type' => 'tableselect',
                '#title' => t('Current affectation table'),
                '#header' => $header,
                '#options' => $rows                
                );

Le tableau obtenu ressemble à celui de l'image suivante :

Tableau Drupal avec case à cocher

Image 1 : Tableau par défaut de Drupal avec case à cocher

On constate très bien que nous avons les cases à cocher. Pour enlever ces cases à cocher il faut ajouter les lignes suivantes en dessous du tableau crée :

foreach( $rows as $key => $value )
{
  $form['table'][$key]['#disabled'] = true;
}

Et ensuite on obtient notre nouveau tableau :

   Tableau Drupal avec case à cocher

Image 2 : Tableau par défaut de Drupal sans case à cocher

 

Code complet

Je vous remte içi le code complet :

$form = array();

$form['debut-heur'] = array(    // Création d'un champ text
                    '#type' => 'textfield',
                    '#title' => t('Start hour'),
                    '#maxlength' => 10,
                    '#size' => 8,
 );

$form['gps_module'] = array(  // Création d'un champ select
                '#type' => 'select',
                '#title' => t('GPS Module'),
                '#options' => $module_gps_libelle,
                '#weight' => 1,
    );

while($row = db_fetch_array($query)) {

 
$rows[$row ['id']] = array(
                            'vehicle'=>$row['vehicle'],
                            'terminal'=>$row['terminal'],
                            'start_date'=>date('d/m/Y',$row['start_date']),
                            'end_date'=>date('d/m/Y',$row['end_date']),
);
}

$header = array('vehicle'=> t('vehicle'), 'terminal'=> t('terminal'), 'start_date'=> t('start_date'),'end_date'=> t('end_date'));

$form['table'] = array(
                '#type' => 'tableselect',
                '#title' => t('Current affectation table'),
                '#header' => $header,
                '#options' => $rows                
                );

foreach( $rows as $key => $value )
{
  $form['table'][$key]['#disabled'] = true;
}

return $form;

Commentaires

<a href=https://images.google.com.et/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...Бюро переводов</a>|
<a href=https://images.google.kg/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...Нотариальное заверение перевода</a>|
https://images.google.ee/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...
<a href=https://maps.google.com.tr/url?sa=t&url=https://www.instagram.com/buro_p...Перевод документов Новокузнецк</a>|
https://images.google.com.hk/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...

<a href=https://maps.google.dm/url?sa=t&url=https://vk.com/zarabotok_v_internete...способы заработка в интернете с нуля</a>|
<a href=http://aurora.network/redirect?url=https://vk.com/zarabotok_v_internete_...способы заработка в интернете с нуля</a>|
https://images.google.nr/url?sa=t&url=https://vk.com/zarabotok_v_interne...
https://maps.google.com.br/url?sa=t&url=https://vk.com/zarabotok_v_inter...
<a href=https://images.google.com.ec/url?sa=t&url=https://vk.com/zarabotok_v_int...способы заработка в интернете с нуля</a>|

<a href=https://images.google.mk/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...Перевод водительского удостоверения</a>|
<a href=https://maps.google.com.fj/url?sa=t&url=http://xn-----7kccgclceaf3d0apde...Экономический перевод</a>|
https://images.google.com.my/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...
<a href=https://images.google.dm/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...Нотариальный перевод документов апостиль</a>|
https://maps.google.com.sl/url?sa=t&url=http://xn-----7kccgclceaf3d0apde...

<a href=https://images.google.co.ug/url?sa=t&url=https://vk.com/interesniy_fitnes>домашний фитнес для похудения</a>|
<a href=https://images.google.co.th/url?sa=t&url=https://vk.com/fitness_pitanie_...домашний фитнес для похудения</a>|
https://maps.google.co.il/url?sa=t&url=https://vk.com/interesniy_fitnes
https://images.google.com.et/url?sa=t&url=https://vk.com/fitness_pitanie...
<a href=https://maps.google.com.gh/url?sa=t&url=https://vk.com/interesniy_fitnes>фитнес для начинающих для похудения</a>|

https://images.google.com.na/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...
<a href=https://khazin.ru/redirect?url=https://vk.com/perevod_s_ispanskogo>Бюро переводов Новокузнецк</a>|
<a href=https://images.google.ee/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...Перевод свидетельства о рождении</a>|
https://images.google.no/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...
https://images.google.co.id/url?sa=t&url=http://xn-----7kccgclceaf3d0apd...

<a href=https://images.google.co.kr/url?sa=t&url=http://xn-----7kccgclceaf3d0apd...Экономический перевод</a>|
https://maps.google.cv/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeeefr...
<a href=https://images.google.co.id/url?sa=t&url=http://xn-----7kccgclceaf3d0apd...Бюро переводов</a>|
<a href=http://vkmonline.com/away?url=http://xn-----7kccgclceaf3d0apdeeefre0dt2w...Перевод трудовой книжки</a>|
<a href=https://maps.google.ge/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeeefr...Перевод паспорта</a>|

<a href=https://images.google.com.gt/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...Заверение печатью бюро переводов</a>|
https://maps.google.com.gt/url?sa=t&url=http://xn-----7kccgclceaf3d0apde...
<a href=https://images.google.com.ar/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...Перевод свидетельства о рождении</a>|
https://images.google.hn/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...
<a href=https://images.google.bf/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...Перевод свидетельства о рождении</a>|

https://maps.google.cat/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeeef...
https://images.google.com.gh/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...
<a href=https://images.google.mk/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...Перевод водительского удостоверения</a>|
<a href=https://rostovmama.ru/redirect?url=http://xn-----7kccgclceaf3d0apdeeefre...Перевод водительского удостоверения</a>|
https://images.google.com.vc/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...

https://maps.google.cv/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeeefr...
<a href=https://images.google.nr/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...Заверение печатью бюро переводов</a>|
https://maps.google.com.ng/url?sa=t&url=http://xn-----7kccgclceaf3d0apde...
<a href=https://images.google.com.mm/url?sa=t&url=https://vk.com/byro_perevoda_d...Перевод на английский новокузнецк</a>|
https://images.google.com.sv/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...

<a href=https://maps.google.com.bn/url?sa=t&url=http://xn-----7kccgclceaf3d0apde...Медицинский перевод</a>|
https://images.google.com.mx/url?sa=t&url=http://xn-----7kccgclceaf3d0ap...
<a href=https://mineland.net/away.php?url=http://xn-----7kccgclceaf3d0apdeeefre0...Технический перевод</a>|
<a href=https://maps.google.com.ai/url?sa=t&url=http://xn-----7kccgclceaf3d0apde...Юридический перевод</a>|
https://716.kz/redirect?url=http://xn-----7kccgclceaf3d0apdeeefre0dt2w.x...

<a href=https://images.google.fr/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...Нотариальное заверение перевода</a>|
<a href=https://images.google.mn/url?sa=t&url=https://vk.com/perevod_s_italyansk...Перевод с итальянского на русский</a>|
https://images.google.ga/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...
<a href=https://maps.google.fm/url?sa=t&url=https://www.instagram.com/buro_perev...Перевод документов Новокузнецк</a>|
<a href=https://images.google.ro/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...Резюме перевод на английский</a>|

<a href=https://images.google.com.pr/url?sa=t&url=https://vk.com/perevod_s_italy...Перевод с итальянского на русский</a>|
https://images.google.fr/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeee...
<a href=https://maps.google.bj/url?sa=t&url=http://xn-----7kccgclceaf3d0apdeeefr...Перевод документов Новокузнецк</a>|
https://maps.google.co.ls/url?sa=t&url=http://xn-----7kccgclceaf3d0apdee...
<a href=https://maps.google.co.ug/url?sa=t&url=https://vk.com/perevod_s_italyans...Перевод с итальянского на русский</a>|

Pages

Ajouter commentaire

Plain text

  • Aucune balise HTML autorisée.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.
CAPTCHA
La question est pour vérifier si vous êtes un robot ou humain afin de se prévenir des spams.