Решено Select2 picker control из bootstrap4xpages plugin

Тема в разделе "Lotus - Xpages", создана пользователем victorhalf, 3 дек 2015.

  1. victorhalf

    victorhalf Well-Known Member

    Регистрация:
    29 май 2007
    Сообщения:
    64
    Симпатии:
    0
    День добрый
    А кто нибудь пользовался сабжем?
    Можете подсказать как обновить страничку при изменении селекта?

    Код (HTML5):
    <xp:panel style="padding-left:20.0px" id="panelOrg">
     
    <bx:select2Picker id="select2Picker1"
    for="inputText2" maxRowCount="5" placeHolder="Оберіть організацію"
    allowClearing="true"
    rendered="#{javascript:document1.isEditable()}">
    <bx:this.dataProvider>
    <xe:simpleValuePicker labelSeparator="|"
    valueListSeparator=",">
    <xe:this.valueList><![CDATA[#{javascript:var _ret="";
    var dbStaff: NotesDatabase = sessionAsSigner.getDatabase(@Left(sessionScope.bdKomandirovki,"!!"),@Right(sessionScope.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).toString()+"|"+ne.getColumnValues().get(0).toString()+"!!"+ne.getColumnValues().get(1).toString()+"~" }
        var ne2:NotesViewEntry = allEntries.getNextEntry(ne)  
        ne.recycle();
        ne = ne2;
        }
      }
     return  _ret.split("~")
    }]]></xe:this.valueList>
    </xe:simpleValuePicker>
    </bx:this.dataProvider>
    </bx:select2Picker>
     
    <xp:inputText id="inputText2"
    style="width:300px" multipleSeparator=","
    rendered="#{javascript:document1.isEditable()}"
    value="#{document1.Organizations}">
    </xp:inputText>
     
    <xp:text escape="false" id="computedField2" style="font-weight:bold;color:rgb(0,128,0)">
     <xp:this.rendered><![CDATA[#{javascript:!document1.isEditable();
    true}]]></xp:this.rendered><xp:this.value><![CDATA[#{javascript:document1.getItemValue("Organizations")}]]></xp:this.value></xp:text>
     
    </xp:panel>
     
  2. susinmn

    susinmn Well-Known Member

    Регистрация:
    16 окт 2007
    Сообщения:
    530
    Симпатии:
    8
    Посмотри тестовые примеры. На CSJS
    Код (Text):
    .on("change", function(e) { XSP.partialRefreshPost(
    "#{id:refreshThis}" );
    }
     
  3. garrick

    garrick Lotus team
    Lotus team

    Регистрация:
    26 окт 2009
    Сообщения:
    770
    Симпатии:
    50
    Я чёт не понял. А что, OneUI уже можно не учить, все дружно переезжаем на Bootstrap? Или оно как-то связано?
     
  4. victorhalf

    victorhalf Well-Known Member

    Регистрация:
    29 май 2007
    Сообщения:
    64
    Симпатии:
    0
    Спасибо, это всё я видел, но если ты заметил там используется комбобокс или листбокс, у меня же эдитбокс.
    Почему то с ним не получается. Если у тебя получиться запустить это с моим примером буду признателен.

    Вообще единственное почему я не хочу использовать комбобокс - это потому что варианты значений тянуться в страничку (при использовании приведенного кода размер странички 15кб, а то же самое с комбобоксом уже 250кб, и это только одно поле). Может нужно копать в этом направлении?
    [DOUBLEPOST=1449214325,1449214026][/DOUBLEPOST]
    Та шо вы, шо вы, ненада никуда переезжать:):)
    А чем может помочь OneUI в данном случае?
     
  5. garrick

    garrick Lotus team
    Lotus team

    Регистрация:
    26 окт 2009
    Сообщения:
    770
    Симпатии:
    50
    Да, нет, к данному случаю это отношение не имеет. Просто смотрю все вдруг заговорили про Bootstrap, а я, можно сказать, только начал XPages изучать. Думаю пора пришла и немножко свободного времени вдруг образовалось. Или может подождать ещё немножко? :)
     
  6. susinmn

    susinmn Well-Known Member

    Регистрация:
    16 окт 2007
    Сообщения:
    530
    Симпатии:
    8
    Добавь на страничку
    Код (Text):

    <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>
     
     
  7. susinmn

    susinmn Well-Known Member

    Регистрация:
    16 окт 2007
    Сообщения:
    530
    Симпатии:
    8
    +сы в том, что ты делаешь 1 раз, а страничка корректно отображается на устройствах (ПК, планшет, смартфон).
     

    Вложения:

    • PC.jpg
      PC.jpg
      Размер файла:
      74,9 КБ
      Просмотров:
      14
    • Ph.jpg
      Ph.jpg
      Размер файла:
      62,3 КБ
      Просмотров:
      14
  8. lmike

    lmike нет, пердело совершенство
    Команда форума Lotus team

    Регистрация:
    27 авг 2008
    Сообщения:
    6.073
    Симпатии:
    299
    @susinmn, осьникуаж себе лямбда ;) http://codeby.net/forum/threads/57267/#post-260336
    [DOUBLEPOST=1449250135,1449250010][/DOUBLEPOST]у бутстрапа есть всякие залипухи с версиями (на тренинге упоминал лектор) как и с версиями экстлиба
     
  9. victorhalf

    victorhalf Well-Known Member

    Регистрация:
    29 май 2007
    Сообщения:
    64
    Симпатии:
    0
    СПАСИБО, реально продвинул
     
    #9 victorhalf, 5 дек 2015
    Последнее редактирование модератором: 5 дек 2015
Загрузка...
Похожие Темы - Select2 picker control
  1. Nick Nick
    Ответов:
    14
    Просмотров:
    737
  2. alexas1
    Ответов:
    0
    Просмотров:
    503
  3. Amfion
    Ответов:
    6
    Просмотров:
    734
  4. deeeman
    Ответов:
    1
    Просмотров:
    1.626

Поделиться этой страницей