javascript - jQuery UI Datepicker hash href misinterpreted by AngularJs Routing -


this own fault. did not initialize model datepicker. when datepicker initialized, jquery ui prevents navigation event firing. if you're experiencing problem well, me, you're doing else wrong. leave here cautionary tale.

background:

i trying use jquery ui datepicker plugin within angularjs application.

it single page app uses angular's client side routing (this critical detail).

i using jquery ui v1.8.24 , angularjs v1.2.2

the problem:

in order select date, must click day in calendar. each day in calendar stylized anchor tag href attribute, set hash tag. example, html day 17 in calendar looks this

<a class="ui-state-default" href="#">17</a>

when user clicks date, angular think trying follow link page found @ route "#/" , dutifully try retrieve page ajax. if exists, show it. if doesn't, user get's nice blank page. obviously, neither want. want angular nothing update model when user clicks date.

attempted solutions:

i have tried using html5 routing (the 1 doesn't use hash tags), doesn't help: instead of trying find different page, angular reloads view on, clobbering changes user may have made.

i have tried editing source code jquery ui datepicker doesn't use hash tag in href. works angular perspective, breaks datepicker. without hashtag, ui datepicker doesn't update properly. also, find solution doesn't involve altering source code jquery ui, if possible.

may has crossed mind. ideally you should use directives in angular ui bootstrap. 1 reason angular ui exist provide angular directives (essentially angular wrappers) commonly used jquery plugins.

in angular ui bootstrap getting started section mentions bootstrap's use of # tags causing problems in angular, , same problem exists jqueryui plugins.

original bootstrap's css depends on empty href attributes style cursors several components (pagination, tabs etc.). in angularjs adding empty href attributes link tags cause unwanted route changes. why need remove empty href attributes directive templates , result styling not applied correctly.


Comments

Post a Comment

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

i using signpost oauth access data magento server. have read various tutorials on same , reach point open browser user can enter credentials. however, per requirement have automate part. hence, user should not browser page. have set-up done on server side ( magento ), hit url , returned call page. same through program in android. i have tried below, consumer = new commonshttpoauthconsumer(key, secret); provider = new commonshttpoauthprovider(oauth_init_url,access_token_url, authorize_url); try { provider.retrieverequesttoken(consumer, oauth.out_of_band); log.d("tokens" , consumer.gettoken() + " -- " + consumer.gettokensecret()); } and request tokens. dont know how bypass next step. tried directly accessing accesstoken (stupid of me) provider.retrieveaccesstoken(consumer, "mycallback://callback"); no luck, ends in oauth.signpost.exception.oauthnotauthorizedexception: authorization failed (server replied 401). ...
Read more

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

getting error org.mockito.exceptions.misusing.invaliduseofmatchersexception: invalid use of argument matchers! 1 matchers expected, 2 recorded. exception may occur if matchers combined raw values: //incorrect: somemethod(anyobject(), "raw string"); when using matchers, arguments have provided matchers. example: //correct: somemethod(anyobject(), eq("string matcher")); at when( getprogramservice .callservice(any(getprogramtype.class))) .thenreturn(jaxbresponse); please explain error , possible resolution the code posted looks fine; don't see problem it. code before or above causing exception. key here: invalid use of argument matchers! 1 matchers expected, 2 recorded. any , used above, doesn't return "special kind of null" or "special kind of getprogramtype"; don't exist. instead, returns null , side effect puts matcher on stack. whe...
Read more

google shop client API returns 400 bad request error while adding an item -

i'm working on solution add items in google shopping market java application. following tutorial real mess because of missing classes of laste release, after setting 1.5-beta maven managed make base example typecheck correctly classes. still can make simple task of adding 1 item. instead of posting whole code i'm posting part creates product feed. private product createproduct(string id) { product product = new product(); product.title = "red wool sweater"; product.content = new content( "text", "comfortable , soft, sweater keep warm on " + "cold winter nights. red , blue stripes."); product.appcontrol = new appcontrol(); product.appcontrol.addrequireddestination("productads"); product.externalid = id; product.lang = "it"; product.country = "it"; product.condition = "nuovo"; product.price = new price("eu...
Read more