How to call bootstrap modal dialog from SSJS in XPages -

-

edit added after 

</xp:this.action>

and appeared work couple times, has quit. don't know if have solution or not: further edit make sure have 2 xp:attr 's or not work.

<xp:this.oncomplete>     var id = "#{id:panelmodal}"     xsp.partialrefreshget(id,{     oncomplete: function(){     $('#mymodal').modal('show');         }         }); </xp:this.oncomplete>

i have created test code below call -- if comment out link , show button modal window displays correctly. however, when set attrs toggle-data , toggle-target can't modal display. 

<xp:panel id="panelmain">         <xp:link text="create document" id="buttonlink1" styleclass="btn btn-default">             <xp:this.attrs>                 <xp:attr name="data-toggle" value="modal">                 </xp:attr>                 <xp:attr name="data-target" value="createdialog">                 </xp:attr>             </xp:this.attrs>             <xp:eventhandler event="onclick" submit="true"                 refreshmode="partial" refreshid="panelmain">                 <xp:this.action><![cdata[#{javascript:"do stuff here"}]]></xp:this.action>             </xp:eventhandler>         </xp:link>   <!-- <button type="button" class="btn btn-md" data-toggle="modal"             data-target="#createdialog"> search         </button> -->         <!-- modal -->         <div class="modal fade" id="createdialog" tabindex="-1" role="dialog"             aria-labelledby="mymodallabel">             <div class="modal-dialog" role="document">                 <div class="modal-content">                     <div class="modal-header">                         <button type="button" class="close" data-dismiss="modal"                             aria-label="close">                             <span aria-hidden="true"></span>                         </button>                         <h4 class="modal-title" id="mymodallabel">                             <xp:label id="label1">                                 <xp:this.value><![cdata[#{javascript:"search " + appprops[sessionscope.ssapplication].appdesc}]]></xp:this.value>                             </xp:label>                         </h4>                     </div>                     <div class="modal-body">                         ...       </div>                     <div class="modal-footer">                         <button type="button" class="btn btn-default" data-dismiss="modal">                             close</button>                         <button type="button" class="btn btn-primary">save changes</button>                     </div>                 </div>             </div>         </div>     </xp:panel><!-- panel main -->

so here code works. may refinements can made works. if have suggestions on improving please feel free

<xp:panel id="panelmain">         <xp:link text="create document" id="buttonlink1" styleclass="btn btn-default">             <xp:this.attrs>                 <xp:attr name="data-toggle" value="modal">                 </xp:attr>                 <xp:attr name="data-target" value="createdialog">                 </xp:attr>             </xp:this.attrs>             <xp:eventhandler event="onclick" submit="true"                 refreshmode="partial" refreshid="panelmain">                 <xp:this.action><![cdata[#{javascript:"do stuff here"}]]></xp:this.action> <xp:this.oncomplete>     var id = "#{id:panelmodal}"     xsp.partialrefreshget(id,{     oncomplete: function(){     $('#mymodal').modal('show');     }}); </xp:this.oncomplete>             </xp:eventhandler>         </xp:link>   <!-- <button type="button" class="btn btn-md" data-toggle="modal"             data-target="#createdialog"> search         </button> -->         <!-- modal -->         <div class="modal fade" id="createdialog" tabindex="-1" role="dialog"             aria-labelledby="mymodallabel">             <div class="modal-dialog" role="document">                 <div class="modal-content">                     <div class="modal-header">                         <button type="button" class="close" data-dismiss="modal"                             aria-label="close">                             <span aria-hidden="true"></span>                         </button>                         <h4 class="modal-title" id="mymodallabel">                             <xp:label id="label1">                                 <xp:this.value><![cdata[#{javascript:"search " + appprops[sessionscope.ssapplication].appdesc}]]></xp:this.value>                             </xp:label>                         </h4>                     </div>                     <div class="modal-body">                         ...       </div>                     <div class="modal-footer">                         <button type="button" class="btn btn-default" data-dismiss="modal">                             close</button>                         <button type="button" class="btn btn-primary">save changes</button>                     </div>                 </div>             </div>         </div>     </xp:panel><!-- panel main -->

Comments

Post a Comment

Popular posts from this blog

python - pip install -U PySide error -

-
does know how avoid following error when running pip install -u pyside per official website instructions here: https://pypi.python.org/pypi/pyside/#installing-pyside-on-a-mac-os-x-system note have done brew install qt successfully. you using pip version 7.0.3, version 7.1.2 available. should consider upgrading via 'pip install --upgrade pip' command. collecting pyside using cached pyside-1.2.4.tar.gz installing collected packages: pyside running setup.py install pyside complete output command /applications/anaconda/bin/python -c "import setuptools, tokenize;__file__='/private/var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-build-cpxemt/pyside/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-0r7hri-record/install-record.txt --single-version-externally-managed --compile: ...
Read more

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

-
simple question: i'm trying initialize array within c++ class declaration: using namespace std; #include <string> class myclass{ public: string myarray[] = {"a","b","c"}; }; and i'm getting error: error: brace-enclosed initializer not allowed here before ‘{’ token no, without complied c++11 compiler, cannot initialize member array in declaration. have initialize array member in constructor. , don't use open array if know number of elements initialize array.
Read more

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -

-
i trying add nodes dagre graph through cityscape.js. problem nodes not painted. code have: cy.add({ group: "nodes", data: { id:"n0",name:"n0",weight: 75 }, }); $.ajax(url).done(function(jsontree){ var newnodes=[]; for(var i=1;i<6;i++){ //var child = jsontree.result[i]; newnodes.push( { group: "nodes", data: { id: "n"+i, name:"n"+i}}, { group: "edges", data: { id: "e"+i, source: "n0", target: "n"+i } } ); } cy.add(newnodes); any ideas? have used loaded function reload graph not work. not know if have use specific function reload graph. thank in advance. you need add positions new nodes. cytoscape.js docs : it important note positions of newly added nodes must defined when calling cy.add(). nodes can not placed in graph without valid position — otherwise not displayed. yo...
Read more