gustavohenke / bselect Goto Github PK

Hi, I´m using bselect in a dropdownlist + asp.net and when I put autopostback = true the page never stop loading, so I can not display the dropdownlist.

asp:DropDownList runat="server" ID="ddlId" CssClass="form-control" AutoPostBack="true" OnSelectedIndexChanged="ddlId_SelectedIndexChanged">/asp:DropDownList

$(function () {
$("select").bselect();
});

Thank´s and regards.-

Add support to <optgroup>s.

The attached image show this, just adding

.bselect-label {
    overflow: hidden
}

fixes the issue

When there's no options available - for example, the select is without any options or the search didn't return any result - a message informing this should be shown.

When the label of the original select is clicked, should trigger the show method.
So the label of the select will act as the label of the bselect, too.

I would like to know how can i set a value to the dropdown from a javascript function?

The original select is not being synchronized when an item in the bselect dropdown is selected.

BSelect should listen to the change event of the select, so when the code below is executed, BSelect gets the selection on the right item.

Example:

$("select").val("value").trigger("change");

Hello,

Just like Select2 or Selectize you should move the dropdowns to the body container in order to allow them to be visible in case they're in a container that hides the overflow.

Add a data setting, so the options will not be read from the select <option>s.

Hi! I used your plugin bSelect. Is written very good. Has good makrup and working good, but i have question. You can add text-decoration: underline, when someone writing something.

Something like this:
http://s15.postimg.org/5evdloo17/screen.png

When changing the select, the value of the underlying DOM-Node is updated, however the change-event is not fired. So integrating other libraries, which monitor the select with on('change') is broken.

I'm currently experimenting with a fix patching the select-function however the way it is implemented I'm still having issues, and I'm not familiar enough with your code.

CSS enhancements should be done when building bselect.
The goal is to eliminate cases where a selector has 2 properties of the same type, for example:

.bselect {
   padding: 4px 10px;
   padding-left: 15px;
}

Will try to find out how to do that with Grunt.

When the dropdown is expanded, the currently selected item should be visible.
For example, if there are 100 items in the select and the item 80 is selected, if I expand BSelect, the part where the item 80 is should be visible.

Thats actually not an issue, but I have been working on support for bootstrap 3.

https://github.com/derflocki/bselect/tree/bootstrap-v3

• Add method disable. Basically, should refuse any interaction with the instance.
• Add method enable. Should undo the disable method functionality.
• Detect when the disabled attribute is present in <select>

rtl support

The uncompiled LESS file should be deployed in the Grunt build script.

That's because of folks that may have customized their Bootstrap variables, so they can customize BSelect variables also!

just look at the pic, click the demo a few times, it may occur.

When BSelect is instantiated, it should select the current option in the original <select> element.

After bselect has been instantiated, his width will never change. This behavior should change, resizing within the original select.

Probably, the best thing to do will be maintain the original select inaccessible (without display: none), so we'll be able to recalculate his width.

i know it is ok to set the option select when the select is render first.
so how to set value when you bselect is render?

Hi, Is there a way to update the select after dynamically inserting new options?

//  I create a new option and insert it in the select
jQuery("#jform_user_id").append(jQuery("<option>").text(data.user.name+' '+data.user.surname).attr("value", data.user.id));

//  Set the option as selected
jQuery("#jform_user_id").val(data.user.id);

//  Now I should update the select with the new option, how can I do?

jQuery("#jform_user_id").bselect("updateOptions") ???

Thank you

Removing dependencies from the repository should be done to make it the cleaner possible.
An CDN like cdnjs.com should be used in favor of local dependencies.