Выбор сумо - как сделать так, чтобы список загружался всегда открытым? - PullRequest
Новая
       16

Выбор сумо - как сделать так, чтобы список загружался всегда открытым?

0 голосов
/ 14 сентября 2018

enter image deslist boxn here

как сделать так, чтобы список загружался всегда открытым?Нравится пользовательский клик?

Ответы [ 2 ]

0 голосов
/ 17 сентября 2018

У меня проблемы после того, как я добавил опцию: jQuery ('. SumoSelect'). addClass ('open'); Список asp: всегда открыт, как и ожидалось, но когда пользователь нажимает на элемент в списке, он не выбирает (не выбирает ни один элемент), за исключением приведенного выше примера

Мой код: 

<script src="/js/Alex/jquery.sumoselect.min.js" type="text/javascript"></script>


      <script type="text/javascript">
             jQuery(document).ready(function () {
                jQuery(<%=lstBoxClientes.ClientID%>).SumoSelect({ search: true, searchText: 'Pesquise...' });                                                              jQuery('.SumoSelect').addClass('open');
                  });                                                 
      </script>        


  <asp:listbox runat="server" id="lstBoxClientes" selectionmode="single" DataSourceID="dsclientes" 
    DataTextField="cliente"  DataValueField="clienteid">
      </asp:listbox>
0 голосов
/ 14 сентября 2018

Вы можете просто добавить класс open к элементу сумо, например: 

$('.SumoSelect').addClass('open');

или использовать селектор, например: 

$('you_select_selector').parent().find('.optWrapper.multiple').addClass('open');


$('#island').SumoSelect({
  placeholder: "TestPlaceholder"
});

$('.SumoSelect').addClass('open');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdn.rawgit.com/HemantNegi/jquery.sumoselect/6c94c948/sumoselect.css" rel="stylesheet" />
<script src="https://cdn.rawgit.com/HemantNegi/jquery.sumoselect/master/jquery.sumoselect.js"></script>

<select id="island" multiple class="test">
  <option value="Big Island">Big Island</option>
  <option value="Oahu">Oahu</option>
  <option value="Kauai">Kauai</option>
  <option value="Maui">Maui</option>
</select>
...