javascript - ASP.NET Bootstrap Modal with UpdatePanel - possible solution? -

-

i'm no expert, please correct me if i'm wrong. don't believe twitter bootstrap modal dialogs work when used in asp.net updatepanels. @ least, never able simple confirmation bootstrap modal dialog work one, , i've read plenty of posts it's not possible.

assuming above correct, , if it's not, i'd love know answer...

i wondering if there might way solve issue somehow disabling updatepanel - not disabling controls - stop updatepanel acting updatepanel. work this:

user clicks button in updatepanel, calls client-side javascript disables updatepanel , pops modal dialog. when user clicks "ok" in modal dialog, client-side javascript re-enables updatepanel call server.

does think possible? don't know enough javascript , client-side programming have clue how this. mean, saying "i don't know enough" makes sound know more do, if know mean.

so thought i'd post (probably silly) idea , see if come way make work.

thanks!

ps: case of app i'm working on, reason i'm using updatepanel can have "please wait" message pop when server takes long respond. if point me asp.net web forms solution can need without updatepanel, i'd love see it. , please remember how stupid when comes javascript. :)

you can use bootstrap modal dialog in update panel have user in 1 of recent project. please include style , css files of bootstrap @ header of page.

<link href="assets/css/bootstrap.css" rel="stylesheet"> <script src="assets/js/bootstrap-transition.js" type="text/javascript"></script> <script src="assets/js/bootstrap-modal.js" type="text/javascript"></script> <asp:content id="content2" contentplaceholderid="maincontent" runat="server"> <asp:scriptmanager id="scriptmanager1" runat="server"> </asp:scriptmanager> <asp:updatepanel id="updatepanel1" runat="server">     <contenttemplate>         <div id="dvsearch" class="modal hide fade" tabindex="-1"             role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">             <div class="modal-header">                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">                     ×</button>                 <h3 id="h3">                     contact search <span id="headnextaction"></span>                 </h3>             </div>             <div>                 <div class="row-fluid">                     <div class="span3">                         first name                     </div>                     <div class="span8">                         <input type="text" autocomplete="off" runat="server" id="txtsearchfirstname" placeholder="start typing.."                             class="typeahead" />                     </div>                 </div>                 <div class="row-fluid">                     <div class="span3">                         last name                     </div>                     <div class="span8">                         <input type="text"  runat="server" id="txtsearchlastname" placeholder="start typing.."                             class="typeahead" />                     </div>                 </div>                 <div class="row-fluid">                     <div class="span3">                         email                     </div>                     <div class="span3">                         <input type="text" runat="server" id="txtsearchemail" placeholder="start typing.."                             class="typeahead" />                     </div>                 </div>                 <div class="row-fluid">                     <div class="span3">                         phone                     </div>                     <div class="span3">                         <input type="text"  runat="server" id="txtsearchphone" placeholder="start typing.."                             class="typeahead" />                     </div>                 </div>             </div>             <div>             </div>             <div class="modal-footer">                 <asp:hiddenfield id="hditemselected" runat="server" />                 <asp:button id="btnsearchsubmit" onclientclick="..some client side javascript" onclick="...server call"                     class="btn" runat="server" text="submit" />                     search</a>                 <button class="btn" data-dismiss="modal" aria-hidden="true">                     close</button>             </div>         </div> //this how call modal dialog  <img alt="search" src="images/search.png" data-toggle="modal" data-target="#dvsearch"/> </contenttemplate> </asp:updatepanel>

Comments

Post a Comment

Popular posts from this blog

c++ - How to add Crypto++ library to Qt project -

-
Image
i downloaded crypto++ source , compiled cryptlib project in visual studio 2013, , added generated .lib file qt project, made .pro file this: qt += core gui qt += sql greaterthan(qt_major_version, 4):qt += widgets target = untitled template = app sources += main.cpp\ mainwindow.cpp headers += mainwindow.h \ databasecontrol.h \ test.h forms += mainwindow.ui win32:config(release, debug|release): libs += -l$$pwd/ -lcryptlib else:win32:config(debug, debug|release): libs += -l$$pwd/ -lcryptlibd else:unix: libs += -l$$pwd/ -lcryptlib includepath += $$pwd/ dependpath += $$pwd/ win32-g++:config(release, debug|release): pre_targetdeps += $$pwd/libcryptlib.a else:win32-g++:config(debug, debug|release): pre_targetdeps += $$pwd/libcryptlibd.a else:win32:!win32-g++:config(release, debug|release): pre_targetdeps += $$pwd/cryptlib.lib else:win32:!win32-g++:config(debug, debug|release): pre_targetdeps += $$pwd/cryptlibd.lib else:unix: pre_targetdeps += $$pw
Read more

jQuery Mobile app not scrolling in Firefox -

-
i have mobile app built in jquery mobile. scrolling fine in chrome & safari, fails scroll in firefox on desktop. have other instances of same app, different features, , works across browsers. life of me, cannot figure this, please help! located here: http://re-brand.us/dsus/index.html seems bug in firefox: bug log . able scroll using keyboard not trackpad on mac. are using mac? i'll keep looking see if can find way around it.
Read more

How to use vim as editor in Matlab GUI -

-
i using matlab r2013b. using gui, command windows , editor in split screen. in matlab preferences > editor/debugger > editor. there option set custom editor instead of matlab editor. set local editor /usr/bin/vim , not able open files @ anymore. there possibility use vim editor in split screen mode? i aware of !vim file.m , not solution looking for, works satisfactory in -nodisplay mode. rather want keep split screen mode. i did not find solution 100% satisfying, using tmux intermediate solution. allows 2 use split screen 2 terminals. in 1 of can open matlab -nodesktop in terminal mode, , in other 1 vim . possible switch between both split screens. you can use functionality of gui matlab typing things commandhistory , who et cetera.
Read more