isteven / angular-multi-select

A multi select dropdown directive for AngularJS. Allows you to use HTML tags and CSS in the data. Requires only AngularJS and nothing else.
isteven.github.io/angular-multi-select
MIT License
1.08k stars 518 forks source link

How Can I get selected value from isteven multi select Dropdown in mongoDB? #550

Open binita12345 opened 6 years ago

binita12345 commented 6 years ago

I am using iSteven Multi Select DropDown and I want to get only selected value from iSteven dropdown in below Angular datatable.

screenshot from 2018-01-30 09 53 58

My Integrated code is:
In HTML,
      <div class="form-group col-md-4">
                        <label for="bCat">Release Year</label>
                            <div isteven-multi-select class="multiselect-container"
                                    input-model="bookReleases"
                                    output-model="selectedReleases"
                                    button-label="year"
                                    item-label="year"
                                    output-properties="_id"
                                    on-item-click="withYearSelected(data)"
                                    on-reset="withYearSelected(undefined)"
                                    tick-property="selected"
                                    selection-mode="single">
                            </div>
                        <input type="text" ng-model="selectedReleases" name="buks2" id="buks2" style="display:block">
                    </div>
<table id="bookstoreTable" datatable="" dt-options="bookstores.dtOptions" dt-
columns="bookstores.dtColumns" dt-instance="bookstores.dtInstance"
                         class="table table-bordered dt-responsive table-hover" style="width: 100%;"></table>

In Controller,
$scope.bookstores.dtInstance = {};
    $scope.bookstores.reloadData = function () {
      $scope.bookstores.dtInstance.reloadData();
    };

    $scope.withYearSelected = function (yearSelected) {
      console.log('condition yearSelected', yearSelected);
      // $scope.yearSelected = yearSelected;
      // booksService.getAllBooksForTable(yearSelected).then(function (result) {
      //   console.log('condition result', result);
      // });
      // $scope.yearSelected = yearSelected ? yearSelected[0]._id : undefined;
      $scope.yearSelected = yearSelected;
      console.log('condition $scope.yearSelected', $scope.yearSelected);
      $scope.bookstores.reloadData();

    }

$postData = { limit: data.length, offset: data.start, search: data.search.value, order: data.order[0], filter: { year: $scope.yearSelected, } };

ahmed-fastshop commented 1 year ago

Hi, i am using this line in on-item-click="GetBrandID(data)" and i have this function in angular js

$scope.GetBrandID = function (SelectedBrandID)
    {
        debugger;
        $scope.SelectedBrandID = SelectedBrandID.icon;

        if ($scope.lstSelectedBrandID.indexOf($scope.SelectedBrandID) === -1)
        {
            $scope.lstSelectedBrandID.push($scope.SelectedBrandID);
        }

        concatenatedbrandIDs = $scope.lstSelectedBrandID.join(', ');
    }