knockout.js - HotTowel modal dialog -


recently, started first visual studio knockout/breeze app using 1 of templates found online, , wanted modal dialog open similar this:

 <a href="#openmodal">open modal</a>   <div id="openmodal " class="modaldialog">            <a href="#close" title="close" class="close">x</a>            <div data-bind="foreach: userdetails">                                   <p>user details go here</p>                <p data-bind="text: $data.name" />                <p data-bind="text: $data.role" />                                    </div>                    </div>

here css

.modaldialog { position: fixed; font-family: arial, helvetica, sans-serif; color:#ffffff; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); border:2px solid #4cff00; z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modaldialog:target { opacity:1; pointer-events:stroke; }  .modaldialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border:1px solid; border-color: #fee209; border-radius: 1px; background: #b5a526; background: -moz-linear-gradient(#b5a526, #000); background: -webkit-linear-gradient(#b5a526, #000); background: -o-linear-gradient(#b5a526, #000); }  .close { background: #ffffff; color: #204510; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }  .close:hover { background: #00d9ff; }

this worked fine, i'm attempting implement knockout/breeze application hottowel. when click on link button, warning of 'no route found', , no pop-up. gather hottowel thinks i'm trying navigate somewhere, there way tell not in instance? or because hottowel uses html instead of cshtml views? can not way hottowel?

of course thinks trying navigate, did expect 

<a href="#close" title="close" class="close">x</a>

if not navigation? that's anchor tags do when have href attribute. you're getting route exception instead of 404 because navigation intercepted router , #close doesn't match of routes have defined, doesn't change underpinning problem.

if want click handler should define click handler instead of navigation anchor.

write js function in scope. sensible place method of view-model, since validation requires access collected data hope binding view-model.

then bind it. can keep anchor tag if it's important styling, replace href attribute data-bind="click: yourvm.themethod"

or (assuming put method on vm) can use binding reference $root.themethod. use relative reference , if don't know is, encourage do tutorials.


-

Comments

Post a Comment

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

there several posts converting mat bitmap using utils.mattobitmap() function. i'm assuming function can called in java layer after importing utils class. i want transfer data memory address pointed uint32_t* bmpcontent; in code below. jniexport void jnicall java_com_nod_nodcv_nodcvactivity_runfilter( jnienv *env, jclass clazz, jobject outbmp, jbytearray indata, jint width, jint height, jint choice, jint filter) { int outsz = width*height; int insz = outsz + outsz/2; androidbitmapinfo bmpinfo; if (androidbitmap_getinfo(env, outbmp, &bmpinfo) < 0) { throwjavaexception(env,"gaussianblur","error retrieving bitmap meta data"); return; } if (bmpinfo.format != android_bitmap_format_rgba_8888) { throwjavaexception(env,"gaussianblur","expecting rgba_8888 format"); return; } uint32_t* bmpcontent; if (androidbitmap_lockpixels(env, outbmp,(void**)&bmpcontent)...
Read more

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

i trying hit soap api in application login purpose , getting above mentioned error , can 1 tell me going wrong , first time soap apis. here code hit soap :- vector<object> args = new vector<object>(); hashtable<string, object> hashtable = new hashtable<string, object>(); hashtable.put("email", "mss.siddhart28@gmail.com"); hashtable.put("password", "siddharth"); args.add(hashtable); soapserializationenvelope envelope = new soapserializationenvelope( soapenvelope.ver11); envelope.dotnet = true; envelope.xsd = soapserializationenvelope.xsd; envelope.enc = soapserializationenvelope.enc; (new marshalhashtable()).register(envelope); httptransportse androidhttptransport = new httptransportse( "http://tempuri.org/", 15000); androidhttptransport.debug = true; string result = ""; try { soapobject request = new soapobject("http:...
Read more

python - How to remove the Xframe Options header in django? -

i have made page has iframe . inside iframe want show multiple different links article facebook, or news, or youtube video or other possible url. but, due xframe header, unable so. referred following link: https://docs.djangoproject.com/en/1.8/ref/clickjacking/ , django xframeoptionsmiddleware (x-frame-options) - allow iframe client ip but didn't help. my settings.py file's middleware_classes is: middleware_classes = ( 'django.contrib.sessions.middleware.sessionmiddleware', 'django.middleware.common.commonmiddleware', 'django.middleware.csrf.csrfviewmiddleware', 'django.contrib.auth.middleware.authenticationmiddleware', 'django.contrib.auth.middleware.sessionauthenticationmiddleware', 'django.contrib.messages.middleware.messagemiddleware', 'django.middleware.clickjacking.xframeoptionsmiddleware', ) from http://django-secure.readthedocs.org/en/latest/middleware.html , found using ...
Read more