2015-05-16 18 views
6

Wszystkie przykłady online, które widzę, pokazują, jak używać X-Editable z biblioteką Select2 używają starszych wersji select2.Użyj Select2 i X-Editable razem z najnowszymi wersjami

X edycji - http://vitalets.github.io/x-editable/ z
Select2 - https://select2.github.io/ tygodniami teraz, bez większego powodzenia.

Czy ktoś ma te 2 biblioteki ostatnio z wersjami wydanymi w ubiegłym roku, nawet do wspólnej pracy?

+1

Zobacz mój komentarz poniżej na temat Kevina Browna. Mamy nadzieję, że jako społeczność znajdziemy kogoś, kto pomógłby w zaktualizowaniu tego projektu w celu wsparcia Select2. Jest wielu ludzi, którzy chcą tego teraz! – JasonDavis

Odpowiedz

2

Select2 4.0.0 nie jest zgodny z X-Editable i nie wydaje się, aby jakakolwiek pomoc pojawiła się w przyszłości.

Powrót w styczniu I created a ticket about it, i nie było żadnej odpowiedzi od opiekunów. Projekt X-Editable jest obecnie zamrożony i szuka opiekunów.

+1

Właśnie opublikowałem artykuł na moim blogu Web Dev tutaj http://www.codedevelopr.com/articles/community-looking-for-expert-javascript-developer-to-update-x-editable-jquery-library- project/o problemie znalezienia kogoś do przejęcia projektu. To długa szansa, ale jest to świetna biblioteka, czuję, że muszę przynajmniej spróbować znaleźć kogoś, zamiast po prostu tracić na nim nadzieję. Jeśli wystarczająco dużo ludzi rozpowszechni słowo, być może tylko właściwa osoba to zobaczy i będzie w stanie pomóc w projekcie! To nie jest całkowicie niemożliwe! – JasonDavis

+1

Podczas przeglądania ostatnich problemów z X-Editable zauważam również, że większość ostatnich jest związanych z problemami z obsługą Select2, więc byłoby naprawdę miło znaleźć kogoś, kto mógłby zaktualizować tę część co najmniej!Nie krępuj się, jeśli chcesz przyczynić się do znalezienia kogoś lub grupy osób! dzięki – JasonDavis

-1

Po zaatakowaniu tego problemu w ostatnim projekcie utworzyłem niestandardowe rozszerzenie specjalnie dla select2 w wersji 4.0.2, które działa z x-editable. Dodałem też możliwość posiadania w razie potrzeby unikalnych danych dropdown na wiersz.

Blog post i dostępna do pobrania na www.fifthmorrison.com

uzgodnili doskonałości tej wtyczki, a jeśli ktoś ma czas, aby przejąć to z pewnością należy zauważyć tutaj.

Nadzieję, że pomaga w międzyczasie!

+0

Witamy w stackoverflow. Odradzane są tylko odpowiedzi linków - czy możesz edytować swój wpis, aby dodać minimalny przykład? –

+0

link jest niedostępny – hakuna1811

+0

Tak, przepraszam! To było niestety stracone i nie korzystam obecnie z publicznego bloga. Jeśli opublikuję ponownie, dodam tutaj ponownie. – Jonkemon

2

Też napotkam ten problem niedawno i wymyślam kod. Wykorzystuje standard 'Wybierz' i przekształcić go w Select2 na wystawie:

$('#stages').editable({ 
 
    source: [ {value: 1, text:'ahaa'}, {value: 2, text: 'ohooo'} ] 
 
}).on('shown', function(e, editable){ 
 
    editable.input.$input.select2({ 
 
    width: 250, 
 
    minimumResultsForSearch: Infinity 
 
    }); 
 
    editable.input.$input.select2('val', editable.input.$input.val()); 
 
});
\t \t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
\t \t <!-- Latest compiled and minified CSS --> 
 
\t \t <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 

 
\t \t <!-- Optional theme --> 
 
\t \t <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 
 

 
\t \t <!-- Latest compiled and minified JavaScript --> 
 
\t \t <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 
\t \t <script src="http://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/js/bootstrap-editable.min.js"></script> 
 
\t \t <link href="http://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/> 
 
\t \t <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet"/> 
 
\t \t <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script> 
 
<a href="#" 
 
    id="stages" 
 
    data-type="select" 
 
    data-placement="right" 
 
    class="editable editable-click" 
 
    data-value="1" 
 
    data-title="Select something"></a>

+0

podstępne. Lubię to. –

0

stałam najnowszej wersji (4.0.3) Select2 do pracy z X-edycji.

Użyj tego widelec X-edycji (nie przeze mnie, przez jednego z autorów select2) https://github.com/select2/x-editable

A potem na dowolny podział wybrać w pliku js znaleźć ten wiersz:

tpl:'<input type="hidden">', 

i zmień na:

tpl:'<select multiple></select>',