angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
http://angular-ui.github.io/bootstrap/
MIT License
14.3k stars 6.74k forks source link

unable to get multi-select uib-dropdown to work #6690

Closed robeverett closed 6 years ago

robeverett commented 6 years ago

PLEASE READ

As per the README, this project is no longer being maintained. Any issues entered will remain uninvestigated and unresolved.

We thank you for your contributions over the years. This library would not have been successful without them.

robeverett commented 6 years ago

I am unable to find a complete example on the internet which matches my use case.

I am almost there with it, but I need the controller logic (event handling) and the css styling that shows that multiple items are selected.

<div class="btn-group"
     uib-dropdown
     auto-close="outsideClick"
     on-toggle="toggled(open)"
     keyboard-nav>
  <button ng-disabled=thisDisabled
          id="simple-btn-keyboard-nav"
          type="button"
          class="btn btn-xs btn-default ssDropdown_button"
          uib-dropdown-toggle>
    {{thisSelectedValue}} <span class="caret"></span>
  </button>
  <ul class="dropdown-menu status-select"
      style="overflow-y:auto;height:200px;"
      uib-dropdown-menu
      role="menu"
      aria-labelledby="simple-btn-keyboard-nav">
    <li class="ssDropdown_li"
        ng-repeat='row in vm.plannedEmployees | orderBy: row.employeeName'>
      <div ng-click="vm.employeeSelectClick(row, $event)"
           style="white-space: nowrap;">
        {{row}}
      </div>
    </li>
  </ul>
</div>

...in my controller:

vm.employeeSelectClick = function(emp, $event) { 

....

};
icfantv commented 6 years ago

Closing this as this project is no longer being maintained, per the README and the ISSUE_TEMPLATE.