编辑表单时填充zend多选框

时间:2011-04-25 15:53:52

标签: php zend-framework zend-form

我的zend形式有一个多选框(兴趣点),我在添加用户时从中选择了多个选项。

现在,当我正在编辑此用户时,我需要设置一些默认选择的选项(我在添加用户时选择了这些选项)。

我怎样才能做到这一点?我在控制器的更新操作中使用了populate(Array),但这不起作用。

这是用户添加/编辑表单中的多选框代码:

$interests = new Zend_Form_Element_Multiselect('interest');
$days->setLabel('Interests')
->addMultiOptions($user_interests)
->setRequired(true)
->addValidator('NotEmpty');

在表单中添加“兴趣”选项时,$user_interests数组为:

array(1=>'Blogging', 2=>'Swimming', 3=>'Cricket', 4=>'Yoga')

我在添加用户时选择了前两个兴趣。

现在编辑时,我从数据库查询中获取用户数据。此数据数组用于填充表单,此数组结构如下所示:

Array ( 
[username] => john 
[user_dob] => 1981-03-12 
[email] => john@gmail.com 
[interest] => Array ( [0] => 1 [1] => 2 ) 
)

正如您所看到的,应该在我的编辑表单中选择兴趣“博客”和“游泳”。但我发现只有“游泳”选项才被选中。

3 个答案:

答案 0 :(得分:6)

$interest_data = $users->getUserInterests($id);

 foreach($interest_data as $r)
 {
   $interests[$r['interest_id']] = $r['interest'];
 }

 $this->view->interests_selected = $interests;

在此之后我们可以在控制器中使用这个

$form->interest_id->setValue($interests);

希望这有助于某人

答案 1 :(得分:1)

在这种情况下测试的最佳方法是提交包含所选元素的表单,转储$form->getValues()数组并将其与您尝试填充的数组进行比较。如果它是相同的,那么您的代码中可能还有其他错误。

答案 2 :(得分:0)

好吧,我可以在jquery和javascript的帮助下实现解决方案。

首先在我的控制器中,我查询了数据库并获得了编辑用户ID的所有兴趣。然后我将此数组分配给相应的视图:

$interest_data = $users->getUserInterests($id);

foreach($interest_data as $r)
{
 $interests[$r['interest_id']] = $r['interest'];
}

$this->view->interests_selected = $interests;

现在在视图中,在文件的顶部,在jquery的文档就绪函数中,我将指定的php数组转换为javascript数组,然后循环遍历此数组以标记所有选项中的选定选项:

<script>
$(document).ready(function() {

<?php
// array of assigned interests to user
$arr = $this->interests_selected;
?>

// convert from php to js array
var jsArray = ["<?php echo join("\", \"", $arr); ?>"];

var optionsToSelect = jsArray;
var select = document.getElementById( 'interest_id' ); // interests dropdown

// loop through all the select box options and mark those in the jsArray as selected

for ( var i = 0, l = select.options.length, o; i < l; i++ )
{
  o = select.options[i];
  if ( optionsToSelect.indexOf( o.text ) != -1 )
  {
    o.selected = true;
  }
}

});
</script>