drupal创建拖动排序表格的方法_其它cms教程_cms教程

drupal创建拖动排序表格的方法

2015-08-02 0

核心提示：这篇文章主要为大家介绍了drupal创建拖动排序表格的方法,包括了具体的步骤与实现代码,具有一定的参考借鉴价值,需要的朋友可以参考下

Drupal中，有许多用户界面采用了拖动排序的功能。在排序的界面上，拖动排序是一种比较友好的形式。
下面是一个例子。

1. 在hook_menu里定义一个menu

复制代码

代码如下:

//栏目下，节点排序界面，可以拖动行来排序 $items['admin/nodeorder_taxonomy/term/%taxonomy_term/nodeorder'] = array ( 'title' => '节点排序', 'page callback' => 'drupal_get_form', 'page arguments' => array('nodeorder_taxonomy_term_nodeorder_form',3), 'access callback' => '_nt_node_order_right', 'access arguments' => array(3), 'type' => MENU_LOCAL_TASK, );

2.在hook_theme里定义表单的theme方法

复制代码

代码如下:

function my_module_theme() {
return array( 'nodeorder_taxonomy_term_nodeorder_form' => array( 'render element' => 'form', ), );
}

3.定义表单。表单的定义与一般表单基本一样。这里用$form['nodes']存储了表格里需要的数据，用$form['nodes'][$count]表示一行。但是对于tabledrag来说，这不是必须的。

复制代码

代码如下:

function nodeorder_taxonomy_term_nodeorder_form(&$form,&$form_state,$term) {
$tid=$term->tid; $query=db_select('node_term_order','nto')->extend('PagerDefault')->limit(20);
$query->join('node','n','nto.nid = n.nid');
$query->fields('n',array('nid','title','created')) ->fields('nto',array('tid','node_order')) ->condition('nto.tid',$tid) ->condition('sticky_order',0,'<=') ->orderBy('sticky_order','desc') ->orderBy('nto.node_order', 'desc');
$result=$query->execute();
$form['term_name']=array("#markup" => $term->name);
$form['nodes']['#tree']=true;
$form['nodes']['#theme'] = 'theme_nodeorder_taxonomy_term_nodeorder_form';
$delta=20*5; $count=0;
$form['foreactions'] = array('#type' => 'actions');
$form['foreactions']['submit'] = array('#type' => 'submit', '#value' => t('Save changes'));
foreach ($result as $row) { $form['nodes'][$count]['title']=array('#markup' => "nid)."">".check_plain($row->title)."" );
$form['nodes'][$count]['created']=array('#markup' => date("Y-m-d H:i:s",$row->created));
$form['nodes'][$count]['nid']=array( '#type'=>'value', '#title_display' => 'invisible', '#value' => $row->nid, );
$form['nodes'][$count]['tid']=array( '#type'=>'value', '#title_display' => 'invisible', '#value' => $row->tid, );
$form['nodes'][$count]['node_order']=array( '#type' => 'value', '#title_display' => 'invisible', '#value' => $row->node_order, );
$form['nodes'][$count]['weight'] = array( '#type' => 'weight', '#delta' => $delta, '#title_display' => 'invisible', '#default_value' => $count, '#title' => t('Weight for @title', array('@title' => $row->title)), );
$count +=1; } $form['actions'] = array('#type' => 'actions');
$form['actions']['submit'] = array('#type' => 'submit', '#value' => t('Save changes'));
return $form;
}

4.theme上面定义的表单。这里的关键

① 对每一行中用于存放顺序的weight字段，指定class

复制代码

代码如下:

$form['nodes'][$count]['weight']['#attributes']['class'] = array('text-format-order-weight');

② theme table时指定table的ID：

复制代码

代码如下:

$output .= theme('table', array('header' => $header, 'rows' => $rows, 'attributes' => array('id' => 'text-format-order')));

③ 加上tabledrag需要的功能：

复制代码

代码如下:

drupal_add_tabledrag('text-format-order', 'order', 'sibling', 'text-format-order-weight');
function theme_nodeorder_taxonomy_term_nodeorder_form($variables) {
$form = $variables['form'];
$rows = array();
if (isset($_GET["page"]))
$page=intval($_GET["page"]);
else
$page=0;
foreach (element_children($form['nodes']) as $count) { $form['nodes'][$count]['weight']['#attributes']['class'] = array('text-format-order-weight');
$rows[] = array( 'data' => array( drupal_render($form['nodes'][$count]['title']), drupal_render($form['nodes'][$count]['created']), drupal_render($form['nodes'][$count]['weight']), ), 'class' => array('draggable'), );
}
$header = array(t('title'), t('created'), t('weight') );
$output = drupal_render($form['term_name']);
$output .= drupal_render($form['foreactions']);
$output .= theme('table', array('header' => $header, 'rows' => $rows, 'attributes' => array('id' => 'text-format-order')));
$output .= drupal_render_children($form);
$output .= theme('pager', array('#theme' => 'pager', '#weight' => 5,));
drupal_add_tabledrag('text-format-order', 'order', 'sibling', 'text-format-order-weight');
return $output;
}

5. 最后一步，用hook_form_submit处理结果数据。

希望本文所述对大家的drupal二次开发有所帮助。

标签： Drupal

免责声明：本文仅代表作者个人观点，与乐学笔记（本网）无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
本网站有部分内容均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责，若因作品内容、知识产权、版权和其他问题，请及时提供相关证明等材料并与我们留言联系，本网站将在规定时间内给予删除等相关处理.