I’ve got a problem with a Kendo Mobile UI app (using Icenium).<\/p>\n
I’m using a list view, and I want to change the url at runtime. The idea behind is that : everytime the user clicks on an item, it changes the color of the item via a dynamic change of the css class. I must also change the internal url the item points to, to reflect it’s current status.<\/p>\n
Here the html :<\/p>\n
\n\n <\/code><\/pre>\n<\/h3>\n\n <\/pre>\n
<\/ul>\n
\n\n\n\n \n${data.mbLastName} ${data.mbFirstName} \n\n<\/pre>\nAnd here the js :<\/code><\/p>\n(on the show method called by data-show) : [...] $('#attendance-'+idPresence).addClass(newClass); $('#attendance-'+idPresence).addClass(\"km-listview-link\");<\/code><\/p>\n var query = \"\\\\#attendances-view?status=switch&idPresence=\"+idPresence+\"&etat=\"+newEtat;\n\n $('#attendance-'+idPresence).attr(\"href\", query);\n [...]\n<\/code><\/code><\/pre>\nThe ‘query’ variable here is not really important, it doesn’t work whatever I give in, I could write “mickey mouse” it wouldn’t work. What’s strange is that the two “addClass” work well, but the .attr(…) seems to do absolutely nothing.<\/p>\n
I’ve tried also with .prop(‘href’, query), with .attr({href: query,}), to no avail. The dynamically created ID works fine, as the selector works fine when doing the two addClass, so I really don’t get it. Is it simply overrode by the listview’s template (I wouldn’t see why, but still…) ?<\/p>\n
Thanks in advance G.<\/p>\n
Edit : as a complement, I do nothing in the beforeShow and the init events<\/p>\n
Edit2 : found a workaround (right after posting… lol…)<\/p>\n
I put a with the id around the :<\/p>\n
${data.mbLastName} ${data.mbFirstName} \n<\/code><\/pre>\nand changed a tad the js to actually work like that :<\/p>\n
$('#attendance-'+idPresence+' a').addClass(newClass);\n$('#attendance-'+idPresence+' a').addClass(\"km-listview-link\");\n\nvar query = \"\\#attendances-view?status=switch&idPresence=\"+idPresence+\"&etat=\"+newEtat;\n\n$('#attendance-'+idPresence+' a').attr(\"href\", query);\n<\/code><\/pre>\nIt works. But I’d be really happy if someone could tell me<\/p>\n
1) if it’s a good idea to do things this way 2) why it didn’t work without the<\/p>\n
Originally posted 2014-01-27 08:40:04. <\/small><\/p>","protected":false},"excerpt":{"rendered":"
I’ve got a problem with a Kendo Mobile UI app (using Icenium). I’m using a list view, and I want to change the url at runtime. The idea behind is that : everytime the user clicks on an item, it changes the color of the item via a dynamic change of the css class. I […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2503","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=2503"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2503\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=2503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=2503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=2503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}