chosen

Yii Framework Extensions

Popular Tags

chosen Anouther chosen extension, provides easy to use InputWidget

Requirements
Usage
Also you can use it like CHtml helper
Changes
Resources

This extension is a wrapper for Chosen JavaScript plugin which makes long, unwieldy select boxes much more user-friendly.

Requirements ¶

Tested with Yii 1.1.10, but should work with previous versions too

Usage ¶

Checkout source code to your project, for example to ext.chosen
Use it, as any input widget

Example:

$this->widget('ext.chosen.Chosen',array(
   'name' => 'inputName', // input name
   'value' => '2', // selection
   'data' => array( // list of select options
       '1'=>'Option 1',
       '2'=>'Option 2',
       '3'=>'Option 3',
       '4'=>'Option 4',
    ),
));

Also you can use it like CHtml helper ¶

Before this import ext.chosen.Chosen, you can add it to config/main.php or call Yii::import('ext.chosen.Chosen') before usage.

Chosen::dropDownList($name, $select, $data, $htmlOptions);
Chosen::activeDropDownList($model, $attribute, $data, $htmlOptions);
Chosen::multiSelect($name, $select, $data, $htmlOptions);
Chosen::activeMultiSelect($model, $attribute, $data, $htmlOptions);

Also if you need to specify some options for widget when using helper - you can use options key, for example:

echo Chosen::multiSelect($name, $select, $data,
    array(
       'data-placeholder' => 'Tags',
       'options'=>array(
          'maxSelectedOptions' => 3,
          'displaySelectedOptions' => true,
    )));

Changes ¶

March 25, 2014 Upgrade chosen to 1.1.0
October 27, 2013 Add support for new configuration options
October 19, 2013 Upgrade chosen to 1.0.0
June 25, 2013 Upgrade chosen to 0.10.0, added searchContains option.
March 19, 2013 Allow to set placeholder through "data-placeholder" in htmlOptions, when using Chosen::* methods.
February 13, 2013 Fixed bug when resolving value by attribute name
December 12, 2012 Update chosen to version 0.9.11
August 5, 2012 Fixed bug when using as input widget(not like CHtml helper)
July 23, 2012 Fixed bug in Chosen::activeMultiSelect

Resources ¶

13 0

23 followers

2 064 downloads

Yii Version: 1.1

License: MIT

Category: User Interface

Tags: chosen plugin, widget

Developed by:

Bogdan Savluk

Created on: Jul 8, 2012

Last updated: 11 years ago

Downloads

z_bodya-yii-chosen-7772f6a59d73.tar.gz

show all

Related Extensions

User Contributed Notes 14

#10613

0 0

Great work!

You saved my life, dude!

Just one question:

Why property $settings is set as private in Chosen.php? Are there other ways to pass the javascript options to .chosen({$settings})?

Thanks a lot!

letsjump at Nov 8, 2012, 8:40:39 AM

#10616

1 0

Re: Why property $settings is set as private in Chosen.php?

Because there are separate properties in widget, to change this settings: ($placeholderMultiple, $placeholderSingle, $allowSingleDeselect, $noResults). Also some properties have internationalized default values(originally script has no i18n).
If I have missed some configuration options: add issue or make pull request on bitbucket - I will add them.

Bogdan Savluk at Nov 8, 2012, 11:09:54 AM

#11883

0 0

Problem with Tabular Input

I can't use
Chosen::activeDropDownList($car, '[$i]state', $list, $htmlOptions);

Thanks.

jneto at Feb 11, 2013, 1:13:43 PM

#11887

0 0

Re: Problem with Tabular Input

Widget supports tabular input(CHtml::activeName, is used to resolve input name), seems problem is in quotes used for attribute name, try with double quotes:
Chosen::activeDropDownList($car, "[$i]state", $list, $htmlOptions);

Bogdan Savluk at Feb 11, 2013, 3:05:14 PM

#11897

0 0

Problem with Tabular Input ( my solution )

Still don't work with double quotes.

So i find that in all CHtml active widgets, they use

self::resolveNameID($model,$attribute,$htmlOptions);

In the documentation of resolveNameID

* Generates input name and ID for a model attribute.

 * This method will update the HTML options by setting appropriate 'name' and 'id' attributes.
 * This method may also modify the attribute name if the name
 * contains square brackets (mainly used in tabular input).

So i add the

CHtml::resolveNameID($model,$attribute,$htmlOptions);

in your function and now it works.

public static function activeDropDownList($model, $attribute, $data, $htmlOptions = array())
    {
        CHtml::resolveNameID($model,$attribute,$htmlOptions);
        return self::dropDownList(CHtml::activeName($model, $attribute), CHtml::value($model, $attribute), $data, $htmlOptions);
    }

I'm new in YII, so i don't know if it was the right thing to do.

jneto at Feb 12, 2013, 1:13:12 AM

#13084

0 0

Adding disable_search function and others

Got some issues when needed to disable search on some selects and found out that you dont have such features.
So here is some code :

In file Chosen.php init() function add

if (isset($this->htmlOptions['disable_search']))
            $this->settings['disable_search'] = $this->htmlOptions['disable_search'];

Then in your view :

<?php echo Chosen::activeDropDownList($model, 'gender', array('male' => 'Male', 'female' => 'Female'), array('empty' => "Select gender","disable_search"=>true)); ?>

You can do same for all other features. Hope it will be usefull for someone.

ineersa at May 3, 2013, 10:03:36 AM

#14028

0 0

Problem with large number os objects

I'm trying to use chosen but I'm having problems when using a large number of objects (around 10k). When i click on the generated select the browser freezes and give me a message "The script doesn't respond" with an option to wait or abort.

Any thoughts anyone?

Bianchi at Jul 12, 2013, 3:19:15 PM

#14035

0 0

Re: Problem with large number os objects

In my case chosen with 10k options - works, but with notable delays. Delay is because dynamic creation of such nodes number in DOM is too heavy.

Take a look to select2, which is more suitable for large datasets, there is such features as minimum input(for filtering), and remote data support(may be also useful in this case). Also there is yii extension for select2.

Bogdan Savluk at Jul 12, 2013, 7:28:08 PM

#15306

0 0

Set Options

Can anyone get the options "display_selected_options" and the "max_selected_options" to work? I use yii like this and it does not work:

echo Chosen::multiSelect('activityTypeTags', '', ActivityType::getActivityType('tag'), array('data-placeholder' => 'Tags', 'max_selected_options' => 3, 'display_selected_options' => false));

Or like this:

echo Chosen::multiSelect('activityTypeTags', '', ActivityType::getActivityType('tag'), array('data-placeholder' => 'Tags', 'max_selected_options' => '3', 'display_selected_options' => 'false'));

I even tried rewriting the default settings in chosen.jquery but somehow this was ignored too...

prPixabit at Oct 27, 2013, 9:32:15 AM

#15307

0 0

Re: Set Options

Originally there was no such options in chosen(they appear only recently, and I did not noticed that).
Updated extension, added example about helper usage for you case

Bogdan Savluk at Oct 27, 2013, 11:28:52 AM

#15308

0 0

Re: Re: Set Options

Thank you so much! You updated the extension in a shorter time period than I spent searching for a possibility how to do this. Terrific work!

prPixabit at Oct 27, 2013, 11:34:25 AM

#16990

0 0

Optiongroup

How it can be handle for optiongroup.
I want dropdownlist in following format:

<optiongroup label="BS">
<option>Javed Iqbal Hunzai</option>
<option>Aslam Karim</option>
</optiongroup>
<optiongroup label="MS">
<option>Junaid Iqbal</option>
<option>Ubaid Ali</option>
</optiongroup>

I have used chosen using following line of code:

echo Chosen::activeDropDownList($model, 'student_id', CHtml::listData(Common::getListStudent(), 'id', 'name'));

where Common::getListStudent() returns following array:

Array
(
    [0] => Array
        (
            [name] => Javed Iqbal Hunzai
            [id] => 25
        )

    [1] => Array
        (
            [name] => Ubaid Ali
            [id] => 26
        )
)

Javed Iqbal at Apr 19, 2014, 10:53:33 AM

#17243

0 0

working fine, grt work

thank you...............

bhavesh vaghela at May 15, 2014, 10:39:14 AM

#19546

0 0

Thank you!

Great Extension...

erand at Sep 2, 2015, 11:08:55 AM

Categories