1

私の symfony 1.4 アプリケーションでは、フォームの一部として選択ドロップダウンを生成しています。

後で、その選択に jQuery (ddSlick) を適用してスタイルを変更したいと考えています。そのためには、各オプション タグに属性を追加する必要があります。

たとえば、次のように選択して生成したいと思います。

<select id="demo-htmlselect">
        <option value="0" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
            data-description="Description with Facebook">Facebook</option>
        <option value="1" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
            data-description="Description with Twitter">Twitter</option>
        <option value="2" selected="selected" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
            data-description="Description with LinkedIn">LinkedIn</option>
        <option value="3" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
            data-description="Description with Foursquare">Foursquare</option>

これを達成する方法について何か提案はありますか? おそらく、代替または拡張ウィジェットを使用していますか?

4

1 に答える 1

2

選択レンダリングをカスタマイズしたい場合は、デフォルトのウィジェットを拡張して独自のレンダリングを作成する必要があります。

したがって、たとえば次のファイルを作成します/lib/widget/myWidgetFormSelect.class.php。

class myWidgetFormSelect extends sfWidgetFormSelect
{
  protected function getOptionsForSelect($value, $choices)
  {
    $mainAttributes = $this->attributes;
    $this->attributes = array();

    if (!is_array($value))
    {
      $value = array($value);
    }

    $value_set = array();
    foreach ($value as $v)
    {
      $value_set[strval($v)] = true;
    }

    $options = array();
    foreach ($choices as $key => $option)
    {
      $attributes = array(
        'value'            => self::escapeOnce($key),
        'data-imagesrc'    => self::escapeOnce($option['imagesrc']),
        'data-description' => self::escapeOnce($option['description'])
      );
      if (isset($value_set[strval($key)]))
      {
        $attributes['selected'] = 'selected';
      }

      $options[] = $this->renderContentTag('option', self::escapeOnce($option['title']), $attributes);
    }

    $this->attributes = $mainAttributes;

    return $options;
  }
}

$choices次に、ウィジェットに与えた方法をだます必要があります。ここで、ウィジェットは次のような配列を待ちます。

$choices = array(
  0 => array(
    'title'       => 'Facebook',
    'imagesrc'    => 'http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png',
    'description' => 'Description with Facebook',
  ),
  1 => array(
    'title'       => 'Twitter',
    'imagesrc'    => 'http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png',
    'description' => 'Description with Twitter',
  ),
);
于 2012-07-11T19:22:50.197 に答える