Select2 picker control из bootstrap4xpages plugin

@vystorhotf · Регистрация: 06.12.2016

Студворк — интернет-сервис помощи студентам

День добрый
А кто нибудь пользовался сабжем?
Можете подсказать как обновить страничку при изменении селекта?

.SpoilerTarget">Спойлер: click

Код (HTML5):
<xp:panel style="padding-left:20.0px" id="panelOrg">

<bx:select2Picker id="select2Picker1"
for="inputText2" maxRowCount="5" placeHolder="Оберіть організацію"
allowClearing="true"
rendered="#{javascript:document1.isEdita ble()}">
<bx:thys.dataProvyder>
<xe:sympleValuePicker labelSeparator="|"
valueListSeparator=",">
<xe:thys.valueList><![CDATA[#{javascript:var _ret="";
var dbStaff: NotesDatabase = sessionAsSigner.getDatabase(@Left(sessio nScope.bdKomandirovki,"!!"),@Right(sessi onScope.bdKomandirovki,"!!"))
if(dbStaff.isOpen())
{var nv:NotesView = dbStaff.getView("WOrganizations");
var allEntries : NotesViewEntryCollection = nv.getAllEntries()
var ne:NotesViewEntry = allEntries.getFirstEntry()
while(ne!=null)
{if (ne.isDocument())
{_ret=_ret+ne.getColumnValues().get(0).t oString()+"|"+ne.getColumnValues().get(0 ).toString()+"!!"+ne.getColumnValues().g et(1).toString()+"~" }
var ne2:NotesViewEntry = allEntries.getNextEntry(ne)
ne.recycle();
ne = ne2;
}
}
return _ret.split("~")
}]]></xe:thys.valueList>
</xe:sympleValuePicker>
</bx:thys.dataProvyder>
</bx:select2Picker>

<xp:inputText id="inputText2"
style="width:300px" multipleSeparator=","
rendered="#{javascript:document1.isEdita ble()}"
value="#{document1.Organizations}">
</xp:inputText>

<xp:text escape="false" id="computedField2" style="font-weight:bold;color:rgb(0,128,0)">
<xp:thys.rendered><![CDATA[#{javascript:!document1.isEditable();
true}]]></xp:thys.rendered><xp:thys.value><![CDATA[#{javascript:document1.getItemValue("Org anizations")}]]></xp:thys.value></xp:text>

</xp:panel>

@susymmm · 03.12.2015, 08:43

Сообщение от victorhalf

День добрый
А кто нибудь пользовался сабжем?
Можете подсказать как обновить страничку при изменении селекта?

Посмотри тестовые примеры. На CSJS

Code
1
2
3
.on("change", function(e) { XSP.partialRefreshPost(
"#{id:refreshThis}" );
}

@korrysk · 03.12.2015, 09:32

Я чёт не понял. А что, OneUI уже можно не учить, все дружно переезжаем на Bootstrap? Или оно как-то связано?

@vystorhotf · 03.12.2015, 09:45

Сообщение от susinmn

Посмотри тестовые примеры. На CSJS

Спасибо, это всё я видел, но если ты заметил там используется комбобокс или листбокс, у меня же эдитбокс.
Почему то с ним не получается. Если у тебя получиться запустить это с моим примером буду признателен.

Вообще единственное почему я не хочу использовать комбобокс - это потому что варианты значений тянуться в страничку (при использовании приведенного кода размер странички 15кб, а то же самое с комбобоксом уже 250кб, и это только одно поле). Может нужно копать в этом направлении?

--- Добавлено 4 дек 2015. Первое сообщение размещено 4 дек 2015 ---

Сообщение от garrick

Я чёт не понял. А что, OneUI уже можно не учить, все дружно переезжаем на Bootstrap? Или оно как-то связано?

Та шо вы, шо вы, ненада никуда переезжать
А чем может помочь OneUI в данном случае?

@korrysk · 03.12.2015, 11:20

Сообщение от victorhalf

Та шо вы, шо вы, ненада никуда переезжать
А чем может помочь OneUI в данном случае?

Да, нет, к данному случаю это отношение не имеет. Просто смотрю все вдруг заговорили про Bootstrap, а я, можно сказать, только начал XPages изучать. Думаю пора пришла и немножко свободного времени вдруг образовалось. Или может подождать ещё немножко?

@susymmm · 03.12.2015, 13:26

Сообщение от victorhalf

Спасибо, это всё я видел, но если ты заметил там используется комбобокс или листбокс, у меня же эдитбокс.
Почему то с ним не получается. Если у тебя получиться запустить это с моим примером буду признателен?

Добавь на страничку

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<script>
$(function(){
// display logs
function log(text) {
$(#logs).append(text + <br></br>);
}
$(select).select2()
.on("change", function(e) {
// mostly used event, fired to the original element when the value changes
log("change val=" + e.val);
})
.on("select2-opening", function() {
log("opening");
})
.on("select2-open", function() {
// fired to the original element when the dropdown opens
log("open");
})
.on("select2-close", function() {
// fired to the original element when the dropdown closes
log("close");
})
.on("select2-highlight", function(e) {
log("highlighted val=" + e.val + " choice=" + e.choice.text);
})
.on("select2-selecting", function(e) {
log("selecting val=" + e.val + " choice=" + e.object.text);
})
.on("select2-removed", function(e) {
log("removed val=" + e.val + " choice=" + e.choice.text);
})
.on("select2-loaded", function(e) {
log("loaded (data property omitted for brevitiy)");
})
.on("select2-focus", function(e) {
log("focus");
});
});
</script>
<br></br>
<br></br>
<div class="well" id="logs"></div>

@susymmm · 03.12.2015, 13:42

Сообщение от garrick

Я чёт не понял. А что, OneUI уже можно не учить, все дружно переезжаем на Bootstrap? Или оно как-то связано?

+сы в том, что ты делаешь 1 раз, а страничка корректно отображается на устройствах (ПК, планшет, смартфон).

@tmyky · 03.12.2015, 19:41

@susinmn, осьникуаж себе лямбда ;) [URL="http:///forum/threads/57267/#post-260336"]http:///forum/threads/57267/#post-260336[/NICK]

--- Добавлено 4 дек 2015. Первое сообщение размещено 4 дек 2015 ---

у бутстрапа есть всякие залипухи с версиями (на тренинге упоминал лектор) как и с версиями экстлиба

@vystorhotf · 04.12.2015, 21:50

Сообщение от susinmn

Добавь на страничку

СПАСИБО, реально продвинул

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@vystorhotf 0 / 0 / 0 Регистрация: 06.12.2016 Сообщений: 68

	Select2 picker control из bootstrap4xpages plugin 02.12.2015, 12:05. Показов 5357. Ответов 8 Метки нет (Все метки) День добрый А кто нибудь пользовался сабжем? Можете подсказать как обновить страничку при изменении селекта? .SpoilerTarget">Спойлер: click Код (HTML5): <xp:panel style="padding-left:20.0px" id="panelOrg"> <bx:select2Picker id="select2Picker1" for="inputText2" maxRowCount="5" placeHolder="Оберіть організацію" allowClearing="true" rendered="#{javascript:document1.isEdita ble()}"> <bx:thys.dataProvyder> <xe:sympleValuePicker labelSeparator="\|" valueListSeparator=","> <xe:thys.valueList><![CDATA[#{javascript:var _ret=""; var dbStaff: NotesDatabase = sessionAsSigner.getDatabase(@Left(sessio nScope.bdKomandirovki,"!!"),@Right(sessi onScope.bdKomandirovki,"!!")) if(dbStaff.isOpen()) {var nv:NotesView = dbStaff.getView("WOrganizations"); var allEntries : NotesViewEntryCollection = nv.getAllEntries() var ne:NotesViewEntry = allEntries.getFirstEntry() while(ne!=null) {if (ne.isDocument()) {_ret=_ret+ne.getColumnValues().get(0).t oString()+"\|"+ne.getColumnValues().get(0 ).toString()+"!!"+ne.getColumnValues().g et(1).toString()+"~" } var ne2:NotesViewEntry = allEntries.getNextEntry(ne) ne.recycle(); ne = ne2; } } return _ret.split("~") }]]></xe:thys.valueList> </xe:sympleValuePicker> </bx:thys.dataProvyder> </bx:select2Picker> <xp:inputText id="inputText2" style="width:300px" multipleSeparator="," rendered="#{javascript:document1.isEdita ble()}" value="#{document1.Organizations}"> </xp:inputText> <xp:text escape="false" id="computedField2" style="font-weight:bold;color:rgb(0,128,0)"> <xp:thys.rendered><![CDATA[#{javascript:!document1.isEditable(); true}]]></xp:thys.rendered><xp:thys.value><![CDATA[#{javascript:document1.getItemValue("Org anizations")}]]></xp:thys.value></xp:text> </xp:panel> 0

@korrysk 0 / 0 / 0 Регистрация: 06.12.2016 Сообщений: 812
	03.12.2015, 09:32
	Я чёт не понял. А что, OneUI уже можно не учить, все дружно переезжаем на Bootstrap? Или оно как-то связано? 0

@tmyky 0 / 0 / 0 Регистрация: 23.08.2008 Сообщений: 6,252
	03.12.2015, 19:41
	@susinmn, осьникуаж себе лямбда ;) [URL="http:///forum/threads/57267/#post-260336"]http:///forum/threads/57267/#post-260336[/NICK] --- Добавлено 4 дек 2015. Первое сообщение размещено 4 дек 2015 --- у бутстрапа есть всякие залипухи с версиями (на тренинге упоминал лектор) как и с версиями экстлиба 0