Eric Hynds - Latest Comments

Re: jQuery UI MultiSelect Widget

Alvin Robles Terible — Wed, 22 May 2013 02:03:40 -0000

try this

$("#ddl").multiselect({
open: function (event, ui) {
$(this).multiselect("widget").find(".ui-multiselect-filter [type=search]").focus();
}
}).multiselectfilter();

Re: jQuery UI MultiSelect Widget

Marcos — Tue, 21 May 2013 20:16:16 -0000

Hi, there! How can I get the group that belongs the checked option? Thanks!

Re: jQuery UI MultiSelect Widget

Gopi Sivashanmugam — Mon, 20 May 2013 21:10:03 -0000

I'm trying to use the widget in one of application but I'm not able to.
PFB the html file.
I have jquery.multiselect.js, jquery.multiselect.css in my home directory.
Pl help me fix the issue.

Re: jQuery UI MultiSelect Widget

Tdya .. — Thu, 16 May 2013 05:29:08 -0000

i found a solution to get it work with SQl database without any submit button

it will work dynamically and i'm using it now.

starts with the multiselect widget we have
just apply it as the developer explained and change small thing

this is an example

<option value="1">Option 1</option>
<option value="2">Option 2</option>

</select>

notice the square brackets [] means array in the name field

and Onchange as well to be used in java

then add JavaScript underneath

// the onchange value mus be the same as this one and change it if you have many wedges in one page
function update() {
// I am using jquery for ajax
$.post("updater.php", $("#option").serialize());
}
//and this will get the checked boxes
var target = $("#target");

$("select")
.multiselect()
.bind("multiselectclick multiselectcheckall multiselectuncheckall", function( event, ui ){

// the getChecked method returns an array of DOM elements.
// map over them to create a new array of just the values.
// you could also do this by maintaining your own array of
// checked/unchecked values, but this is just as easy.
var checkedValues = $.map($(this).multiselect("getChecked"), function( input ){
return input.value;
});

// update the target based on how many are checked
target.html(
checkedValues.length
? checkedValues.join(',')
: 'Please select a checkbox'
);
})
.triggerHandler("multiselectclick"); // trigger above logic when page first loads
</script>

on the php file named
updater.php
and imagine in SQL we have a row called ( choices ) in a table called mytable

it will be saved 100% as an array like this
a:2:{i:0;s:1:"2";i:1;s:2:"22";}

if you want the database to drive the checked boxes
i mean to get them checked using database info

we know if we have any option in the menu we just need to add selected="selected"
and it will be checked on page loading
to do it we need to use basic PHP
we need to retrieve the info (we sent already when we check the boxes) from the database
using PHP

$selected = "SELECT * FROM mytable where id='1'";
$selectedresult = mysql_query ($selected);
while($row = mysql_fetch_array($selectedresult))
{

//get our row
$myarray= $row['choices'];

then we search for any thing between quotes using this code to get a good array format
because it's saved like this
a:2:{i:0;s:1:"2";i:1;s:2:"22";}
and anything in between the double quotes is what you checked in the multiselect menu
we will use this code

if (preg_match_all('~(["\'])([^"\']+)\1~', $myarray, $newarray));

//now we have a new array named $newarray and its like this form
Array ( [0] => 3 [1] => 4 [2] => 5 [3] => 6 [4] => 8 [5] => 9 [6] => 16 [7] => 23 [8] => 25 )

we will now find the options using php (in_array) function which searches the array for any value we want

and if the value is there we will echo selected="selected" inside every option using php and it will be selected as database provides

like this

<option ";="" "selected="selected" $newarray[2]))="" (in_array("1",="" <?php="" ?="" echo="" if="" {="" }=""> value="1">Option 1</option>

<option ";="" "selected="selected" $newarray[2]))="" (in_array("2",="" <?php="" ?="" echo="" if="" {="" }=""> value="2">Option 2</option>

i hope this is clear

Re: jQuery UI MultiSelect Widget

DvdCisneros — Tue, 14 May 2013 13:48:24 -0000

Could you help me please i need a single select and also filter option at the same time, or how can i make to recognize wich key is typping and select the option. Thank U

Re: jQuery UI MultiSelect Widget

bharatPune — Tue, 14 May 2013 10:13:55 -0000

how to add dynamic group to this list????

Re: jQuery UI MultiSelect Widget

Prueba — Mon, 13 May 2013 11:17:59 -0000

prueba

Re: jQuery UI MultiSelect Widget

Bharath Ram — Sat, 11 May 2013 07:43:33 -0000

i want to add more options when open the dropdown. I can added the options as per preloaded options. but when i select some options from new ones, the values never feed on the header. and also the mouse over function only works on older ones. How can i achieve this. Help me any one.

Re: jQuery UI MultiSelect Widget

Michel Bourbeau — Thu, 09 May 2013 08:59:42 -0000

Thank you for this great PlugIn ! So perfect :)

Re: jQuery UI MultiSelect Widget

Mamun Rashid — Thu, 09 May 2013 07:11:46 -0000

Hi,

where is call for initialization?
Try with this at the bottom:

$("#example").multiselect();

Re: jQuery UI MultiSelect Widget

Mamun Rashid — Thu, 09 May 2013 07:05:40 -0000

Hi thanks for you nice plugin. I need to use Optgroups with may be conditions in first group some radio buttons and based on that in second group some checkboxes.

I need your help with the documentation. I found no example how to use Optgroups. Can you please send me some example how can i use Optgroup.

Thanks

Re: Tips for Developing jQuery UI 1.8 Widgets

Galen — Wed, 08 May 2013 02:18:40 -0000

thank you. very good!!!

Re: jQuery UI MultiSelect Widget

NhatHD — Mon, 06 May 2013 22:52:56 -0000

Hi dude,
Thanks for your library. It's useful.
But i have some trouble when used it. Please help me.
I selected some items in list, but when page is post back( example: I clicked search button), only checked in the last clicked item.

Thanks so much.

Re: jQuery UI MultiSelect Widget

Luis Fernando — Mon, 06 May 2013 10:01:43 -0000

Hi dude. Thanks for your library.. It is awesome. Love it.

I have one problem when I use the Filter + CheckAll or Uncheck All. I've got an error regarding "the _self._toggleState is not a function" _self._toggleState('selected', flag).call(this);

This is the line 81 of the jquery.selectlist.filter.js file.

I've been using your library for a while and always worked fine, even more, the select all and unselect all works fine (all elements are selected), but I've got that error... and it casues that for example I cannot bind an action on the checkAll or unCheckall functionality.

Could you please help me??

thanks.

Re: jQuery UI MultiSelect Widget

Andrea Qualsiasi — Thu, 02 May 2013 04:15:48 -0000

Facing quite the same problem today, solved hacking a bit the code.

For removing the buttons you have to edit the code of jquery.multiselect.js about at row 82. Delete the first "< li >" element at all, in the second "< li >" element delete the "< span class="ui-icon ... " element and use the uncheckAllText parameter for your "Reset" text.

Finally edit the row 89 to delete the closing icon, but I suggest to retain it.

Hope this helps

Andrea

Re: Using Deferreds in jQuery 1.5

Anup Yadav — Wed, 01 May 2013 09:43:16 -0000

Thanks, I've been trying to understand this from last couple of days. Now I can start practicing all benefits of Deferred. :)

Re: jQuery UI MultiSelect Widget

Elavarasan — Tue, 30 Apr 2013 04:57:05 -0000

Hi friend,

check all function is not working for me,so how can i change that function plz help me

Re: jQuery UI MultiSelect Widget

abc123 — Wed, 24 Apr 2013 01:59:38 -0000

Hi All,

I have a issue using this widget. Our requirement is there is a button, on click of which a new jsp is rendered in AUI panel. Now in this panel there are four multiselect boxes. Each time the jsp is loaded on click of the button, we are creating multiselect boxes. So, for the first time these boxes works fine but from second time onwards, it stops working. It does not allow to select any option. And we are not allowing a user to select multiple values. I know its silly, but we have used multiselect widget for its look and feel. Any one please help. Do I need to destroy the widget whenever the panel is closed?

Re: jQuery UI MultiSelect Widget

Sebastián Rojas Ricaurte — Tue, 23 Apr 2013 18:25:22 -0000

I'm using it in a ASP.NET WebForms project. I use the asp control ListBox that renders like a multiselect and with a requirefiendvalidator. I found a bug, when I select optiosn an then unselect the last selected option, the control clears all the selection (I can tell because requierefieldvalidator shows it), this doesn´t happen when I inselect other option than the last selected)

Re: jQuery UI MultiSelect Widget

Rafael Castillo Casares — Mon, 22 Apr 2013 13:59:41 -0000

Hello, I want to use it, but i'd like to stay allways open and I don´t find how to do it.
Any idea?
Thanks.

Re: jQuery UI MultiSelect Widget

Owen Melbourne — Mon, 22 Apr 2013 08:54:56 -0000

use javascript to modify the original <select> menu then run the refresh method and the optinlist will update</select>

Re: jQuery UI MultiSelect Widget

Michael Horton — Wed, 17 Apr 2013 17:16:26 -0000

Hey all, is this plug-in is still active? So far I like the tool, but I'm having issues with mobile styles and making the dropdowns (button) look more like a traditional drop down (select) from the mobile and desktop perspective. Anyone run into this? I have created my own styles and am overriding a jquery-ui theme, but it feels like a hack.

Re: JavaScript Loop Performance: Caching the ‘.length’ Property of an Array

Dan Sevush — Wed, 17 Apr 2013 12:58:11 -0000

I prefer the old (assembler style) method of counting down. It may not be intuitive the first time you see it, but the pattern is well known and has been around a long time

for(var x=myArray.length -1; x >= 0; x--){}

Re: jQuery UI MultiSelect Widget

Chris Backhouse — Wed, 17 Apr 2013 07:42:38 -0000

sounds like either a jQuery incompatibility (have you included jQuery or have you included it more than once) or you haven't included the multiselect.js

Re: jQuery UI MultiSelect Widget

vamshi — Tue, 16 Apr 2013 09:13:17 -0000

if an option in checkbox is disabled and when I click on check all does it takes disabled one aswell?