echosen Follow @yiiframework

anyone please help me,

i have dropdownlist with echoosen.

it show 200records at once, can i justshow 10 records at first, so if any user want to select another records they can input/ search the name of records.

if anyone needs option adding feature, then checks this out:
git repo
using this, you can enable this extension to accept and add options which are not already in dropdown options. you may get more details and usage from here:
more info on this

ifollowed the steps as described above and as i did for countless extensions but i get this message

Alias "ext.EChosen.EChosen" is invalid. Make sure it points to an existing PHP file.

I fixed the problem , the steps to install it work for the previous version EChosen-1.5.zip

Hi,

How can I display "X"on single select using echosen?

I tried

<script type="text/javascript"> 
    $("#Sales_customerFk").chosen({allow_single_deselect:true}); 
</script>

and

<?php $this->widget('EChosen', array('options' => array('allow_single_deselect' => true))); ?>

Both of them do not show the "X" after an option is selected.

Cheers,

Daniel

Anyone know how to add icons next to the list items?

Thanks!

forgive me if it's a stupid question. Since I'm not familiar with jQuery...

But how can i load the data...?

eg. how can i change the code <?php $this->widget('zii.widgets.CListView', array( 'dataProvider'=>$dataProvider, 'itemView'=>'_view', 'id'=>'modellistview', )); ?>

to apply your plugin...?

I added the script position option to the extension.

I will try to check the other issue in the weekend if I have some free time.

It doesn't work for me. Am I wrong? I must delete CClientScript::POS_END from script registrations.

if you register script with same name you can't have single/multiselect/X on same page (see comment #6691)

I love this extension, thanks.

please update chosen to 0.9.7

To display the 'X' to clear the field extension needs to be modified in that way

Extension also needs to be edited in order to obtain select and select-deselect fields on the same page.

Add this to class variables

/**
* @var array native options
*/
public $options = array();

And and then modify run function

public function run()
{
    // Publish extension assets
$assets=Yii::app()->getAssetManager()->publish(Yii::getPathOfAlias('ext.echosen').'/assets');
    $cs=Yii::app()->getClientScript();
    $cs->registerCssFile($assets.'/chosen.css');
 
    // Get extension for JavaScript file
    $ext='.min.js';
    if ($this->debug)
        $ext='.js';
 
    if ($this->useJQuery)
    {
        $options=CJSON::encode($this->options); // <-- HERE
        $cs->registerScriptFile($assets.'/chosen.jquery'.$ext);
        $cs->registerScript("chosen{$this->target}", "$( '{$this->target}' ).chosen({$options});"); // <-- HERE
    }
    else
    {
        $cs->registerScriptFile($assets.'/chosen.proto'.$ext);
    }
}

Hello, First I would like to thank the extension ... I'd like to know how to display the 'X' in the dropdown to clear the field? I saw the http://harvesthq.github.com/chosen/ that you can set the attribute 'allow_single_deselect: true' but can not reproduce in the extension. Thanks

I've discovered that this line in chosen.jquery has something to do with it, if I put a static width in it that's what shows on the page. So it looks like its having issues communicating with the results from yii.

style:"width: "+this.f_width+"px;"}

I could also be totally wrong, the select size is generally determined by the browser, but it appears its 100% and is only stretching as far as the surrounding div which is an incorrect width

as someone else mentioned. its smaller in firefox than it is in chrome. It's due to element.style but can't find out what's setting it. setting a default width does not work for everything. I'm guessing its something to do with yii getting the results from the db and the script knowing what to set the size as. Any insight would be appreciated.

You should dig into Chosen plugin (not extension) source code and check if there is an option for a callback after change or select or something like that. As I just made this extension to replace native select boxes and haven't checked all the posibilities of the plugin, as currently I'm working on other stuff.

If there is no option for a callback, you can try to add an on change event to your select input with the code which will update unit and plugin if needed. Or something like that.

Hi Andrew,

Thanks, your solution to my previous question is working as expected. Now another problem, I have a form where the echosen is used for the product name, I wanted to show the unit of the product next to the quantity. The unit is based on the selected product from the echosen. The unit is updated on every changes of the selection of the echosen. Any solution to this problem?

Thanks a lot.

You have to run (more info on http://harvesthq.github.com/chosen/):

$("#form_field").trigger("liszt:updated");

Thanks for this great extension. i have a little problem, i cannot make it work for dynamic dropdownlist. Regards.

Hi Daniel,

.live won't work as it adds events to elements. What you need to do is add

$( 'select' ).chosen();

after you insert a new select with JavaScript.

Sorry can't explain it in more details, it's just that damn WYMeditor extension sucked out all life from me today, hard to think, you will just have to figure the rest by yourself ;)

Andrew

Hi,

I followed zacarria way to add the detail (http://www.yiiframework.com/wiki/141/javascript-tabular-input/), chosen is attached to the first row, next row generated by javascript would not have chosen shown.

I tried to modify the script to use .live, but not working so far.....

Any help?

Cheers,

Daniel