jmultiselect2side Follow @yiiframework

Here i had tried as you explain and also with different scenario, but for updating (selected values ) things not worked as you explain.

$model= Group::model()->findByAttributes(array('id'=>'1') );

This will fetch only first row so we can't show multiple selected items.

when we use findAll or model Conditional query it just gives error..

So, now am not recomond this if update(default selected) functionality is there.. ..

am Just use custom code for this, follow This Link

Hey guys need some help here. :|

I need to populate both select. but i only see the 'list'. is there anyway that there is a 'list2' option? thanks

Because some of my people who use my yii projects that use this extension wants to calculate the number of items selected, i add this code: in (ext)/jmultiselect2side/assets/jquery.multiselect2side.js ===>

"<div id='preview'></div>"

// CREATE NEW ELEMENT (AND HIDE IT) AFTER THE HIDDED ORGINAL SELECT
            var htmlToAdd = 
                "<div class='ms2side__div'>" +
                        ((o.selectedPosition != 'right' && o.moveOptions) ? divUpDown : "") +
                    "<div class='ms2side__select'>" +
                        (o.labelsx || leftSearch != false ? ("<div class='ms2side__header'>" + (leftSearch != false ? leftSearch : o.labelsx) + "</div>") : "") +
                        "<select title='" + o.labelsx + "' name='" + nameSx + "' id='" + nameSx + "' size='" + size + "' multiple='multiple' ></select>" +
                    "</div>" +
                    "<div class='ms2side__options'>" +
                        ((o.selectedPosition == 'right')
                        ?
                        ("<p class='AddOne' title='Add Selected'>&rsaquo;</p>" +
                        "<p class='AddAll' title='Add All'>&raquo;</p>" +
                        "<p class='RemoveOne' title='Remove Selected'>&lsaquo;</p>" +
                        "<p class='RemoveAll' title='Remove All'>&laquo;</p>")
                        :
                        ("<p class='AddOne' title='Add Selected'>&lsaquo;</p>" +
                        "<p class='AddAll' title='Add All'>&laquo;</p>" +
                        "<p class='RemoveOne' title='Remove Selected'>&rsaquo;</p>" +
                        "<p class='RemoveAll' title='Remove All'>&raquo;</p>")
                        ) +
                    "</div>" +
                    "<div class='ms2side__select'>" +
                        (o.labeldx || rightSearch != false ? ("<div class='ms2side__header'>" + (rightSearch != false ? rightSearch : o.labeldx) + "</div>") : "") +
                        "<select title='" + o.labeldx + "' name='" + nameDx + "' id='" + nameDx + "' size='" + size + "' multiple='multiple' ></select>" +
                    "</div>" + "<div id='preview'></div>" +
                    ((o.selectedPosition == 'right' && o.moveOptions) ? divUpDown : "") +
                "</div>";

and this too:
===>

            // ON CHANGE REFRESH ALL BUTTON STATUS
            allSel.change(function() {
                // HACK FOR IE6 (SHOW AND HIDE ORIGINAL SELECT)
                if ($.browser.msie && $.browser.version == '6.0')
                    el.show().hide();
                var div = $(this).parent().parent();
                var selectSx = leftSel.children();
                var selectDx = rightSel.children();
                var selectedSx = leftSel.find("option:selected");
                var selectedDx = rightSel.find("option:selected");

                if (selectedSx.size() == 0 ||
                        (o.maxSelected >= 0 && (selectedSx.size() + selectDx.size()) > o.maxSelected))
                    div.find(".AddOne").addClass('ms2side__hide');
                else
                    div.find(".AddOne").removeClass('ms2side__hide');

                // FIRST HIDE ALL
                div.find(".RemoveOne, .MoveUp, .MoveDown, .MoveTop, .MoveBottom, .SelSort").addClass('ms2side__hide');
                if (selectDx.size() > 1)
                    div.find(".SelSort").removeClass('ms2side__hide');
                if (selectedDx.size() > 0) {
                    div.find(".RemoveOne").removeClass('ms2side__hide');
                    // ALL SELECTED - NO MOVE
                    if (selectedDx.size() < selectDx.size()) {  // FOR NOW (JOE) && selectedDx.size() == 1
                        if (selectedDx.val() != selectDx.val()) // FIRST OPTION, NO UP AND TOP BUTTON
                            div.find(".MoveUp, .MoveTop").removeClass('ms2side__hide');
                        if (selectedDx.last().val() != selectDx.last().val())   // LAST OPTION, NO DOWN AND BOTTOM BUTTON
                            div.find(".MoveDown, .MoveBottom").removeClass('ms2side__hide');
                    }
                }

                if (selectSx.size() == 0 ||
                        (o.maxSelected >= 0 && selectSx.size() >= o.maxSelected))
                    div.find(".AddAll").addClass('ms2side__hide');
                else
                    div.find(".AddAll").removeClass('ms2side__hide');

                if (selectDx.size() == 0)
                    div.find(".RemoveAll").addClass('ms2side__hide');
                else
                    div.find(".RemoveAll").removeClass('ms2side__hide');

                $("#preview").text($("#"+ nameDx +" option").length + " items");
            });

I know this is still a mess. I hope this will add to your extension feature... [Sorry For My Language]

can i know the output of userlist?

Hi I think you are missing something You have 2 ways on how to use it Either use 'name' or 'model' + 'attribute' Review example 2. You have Group containing userList attribute. This attribute contains the list of users related with this group. So: $model= Group::model()->findByAttributes(array('id'=>'1') );

At this point $model contains the group id 1 which contains in userList attribute the list of users for group 1.

// complete user list to be shown at multiselect order by username $users= User::model()->findAll( array('order' => 'username'));

$users contains the complete list of User objects.

Then:

$this->widget('application.extensions.jmultiselect2side.Jmultiselect2side',array( 'model'=>$model, 'attribute'=>'userList', //selected items 'labelsx'=>'Disponible', 'labeldx'=>'Seleccionado', 'moveOptions'=>false, 'autoSort'=>'true', 'search' =>'Filtro:', 'list'=>CHtml::listData( // available items $users, 'id', 'username'),

         ));

here you can see. We show selected the items found at the userList array attribute at $model Object (Group with id 1) And from $users, we tell the extension that we want to show att. username but internally using user id (user id is matching with userList coz userList contains user ids)

this estension is awesome, and powerfull , this ekstension make me dizzy for two day, how to use this ( extract the value, get selected from database )... last i didnt success is

i need to use findAllbyAttributes, if use findbyattributes there is just single row that exist... here my code

$models= Relatedproductsview::model()->findAllbyAttributes(array('products_id'=>'1') ); 
// complete user list to be shown at multiselect order by username
$users= Products::model()->findAll(
                 array('order' => 'id'));
            $this->widget('application.extensions.jmultiselect2side.Jmultiselect2side',array(
                    'name'=>'relatedproducts[]',   
                'model'=>$models,
                    'attribute'=>'id', //selected items
                    'labelsx'=>'Available',
                    'labeldx'=>'Selected', 
                  'list'=>CHtml::listData(Products::model()->findAll(),'id', 'title') , 
 
             ));

need help for show multiple row selected, asp.... thx, if i use findallbyattributes it show error -> get_class() expects parameter 1 to be object, array given....

Hi,

I'm trying to update the selected items list through a drop down list via AJAX request.

After selecting a package, the products are properly showed in the right list.

But, when I submit the form, the array $_POST['Product'], that should contain the id of the selected products, is not even defined.

How can I fix this?

This is the view code:

<?php echo CHtml::dropDownList('packageId', '', CHtml::listData(Package::model()->findAll(), 'id', 'desc'), array(
    'empty'=>'-- SELECT --',
    'ajax' => array(
        'type'=>'POST',
        'url'=>CController::createUrl('productPackage/dynamicProd'),
        'update'=>'#seleccion0, #Productms2side__dx',
        'data'=>array('packageId'=>'js:this.value'),
    )));
$this->widget('application.extensions.jmultiselect2side.Jmultiselect2side',array(
    'name'=>'Product[]',
    'labelsx'=>'Products',
    'labeldx'=>'Selected',
    'moveOptions'=>false,
    //'autoSort'=>'true',
    'search' =>'Filter:',
    'list' => CHtml::listData(Product::model()->findAll(), 'id', 'name'),
)); ?>

Have a look on example 2. This is exactly how you should set the selected items. The key here is that the 'attribute' value 'userList' must be an item list containing the same data as defined in the completed list to be shown:

'list'=>CHtml::listData( // available items $users, 'id', 'username'),

So, userList will contain a $user subset items 'id' attribute.

Who can I add selected items from database?

I know that i needs selected attribute in options but i do not know how to set it.

The extension is great..! Would be awesome if you can have a filter/search capability..!

This extension is awesome. I've planed to do something similar, but without sorting and ordering. Grate job!

Version 1.3 includes (thanks to Dana)

• Multiple widget use at the same view.
• Managing model and attribute.

Hi! thanks for plugin, only i got bug if i use widget twice on the same page. One list for array1 and second for array2. When i get 5 listboxes (but shoukd hae 4. Its maybe because there is javascript that assigned only for one listbox with id #seleccion

If you wish to use this with a model and accept an array of values back to an attribute, ensure that you name the input correctly as:

'name'=>get_class($model)."[attributeName][]"

It would be a very good enhancement of the extension to allow for a model and attribute field so that this can be done natively by the extension.

Starting version 1.2 the list parameter receives a simple array. If the array is key=>value type then the selected elements are found through key. If the array is of type array(value1,value2,...) then the selected elements are found through position number. I strongly recommend using the first one (see example 2)

Hi ppravin88 I have updated the extension (version 1.1).It had a bug with a whitespace that made the POST variable not to have the values at server. The values at server are extracted using Model[] variable. (the 'name' property)

Regards

how to extract the selected values..?