javascript - Telerik scrollView not working -


i making app telerik platform. have made client wants slider shows 5 different news articles. trying use scroll view, isn't working. getting black space slider should be.

this have html call:

<div data-role="scrollview"          data-model="featured_articles_data"          data-template="featured_slider"         data-content-height="13em">     </div>

here template: 

<script id="featured_slider" type="text/x-kendo-template">     <div>         <a href="\\#">             <div class="storyimg" style="background-image: url( #= data[0].thumbnail # ); margin-top: 0;"></div>             <div class="blackbox">                 <div class="storytitle">#= data[0].trunc_title #</div>                 <div class="timestamp">#= data[0].article_date #</div>             </div>         </a>     </div>     <div>         <a href="\\#">             <div class="storyimg" style="background-image: url( #= data[1].thumbnail # ); margin-top: 0;"></div>             <div class="blackbox">                 <div class="storytitle">#= data[1].trunc_title #</div>                 <div class="timestamp">#= data[1].article_date #</div>             </div>         </a>     </div>     <div>         <a href="\\#">             <div class="storyimg" style="background-image: url( #= data[2].thumbnail # ); margin-top: 0;"></div>             <div class="blackbox">                 <div class="storytitle">#= data[2].trunc_title #</div>                 <div class="timestamp">#= data[2].article_date #</div>             </div>         </a>     </div>     <div>         <a href="\\#">             <div class="storyimg" style="background-image: url( #= data[3].thumbnail # ); margin-top: 0;"></div>             <div class="blackbox">                 <div class="storytitle">#= data[3].trunc_title #</div>                 <div class="timestamp">#= data[3].article_date #</div>             </div>         </a>     </div>     <div>         <a href="\\#">             <div class="storyimg" style="background-image: url( #= data[4].thumbnail # ); margin-top: 0;"></div>             <div class="blackbox">                 <div class="storytitle">#= data[4].trunc_title #</div>                 <div class="timestamp">#= data[4].article_date #</div>             </div>         </a>     </div> </script>

this have app pull datasource:

featured_articles_data = new kendo.observable({ //featured_articles_data initialized on index page         fnewsitems: new kendo.data.datasource({             transport: {                 read: {                     url: serviceurl,                     datatype: "jsonp"                 }             },             schema: {                 data: "posts"             }         }),         selectedstory: {},         selectheadline: function (e) {             e.preventdefault();             var story = e.dataitem;             viewmodelstory.set("selectedstory", story);             var detailspage = "#detailspage";             app.application.navigate(detailspage.tostring());             app.application.scroller().reset();         },         resetscroller: resetscroller     });     featured_articles_data.fnewsitems.read();

the functions selected headline , selected story make when click on story pulls page story content. want slide rotate every 5 seconds.

does know how accomplish using scroll view or scroll view looking for?

thank in advanced.


Comments

Post a Comment

Popular posts from this blog

searchKeyword not working in AngularJS filter -

i writing app using angularjs on front end. want search through table word/field; 1 search box everything. according article here: http://hello-angularjs.appspot.com/searchtable can use filter: searchkeyword this. this code, , not working expected. <label>search: <input ng-model="searchkeyword"></label> <table ng-repeat="post in posts | orderby: sort | filter: searchkeyword"> <tr> <td> {{index(post)}} </td> <td> {{post.title}} </td> <td> {{post.author}} </td> <td> {{post.content}} </td> <td> {{post.date | date: "d/m/yyyy"}} </td> </tr> </table> what should do? thank you try this: controller $scope.posts = [ {title:'title one', author:'author one', content: 'content one'}, {title:'title two', author:'author two', content: 'cont...
Read more

sequelize.js - Sequelize: sort by enum cases -

i have model ( article ) field (the name type ) of type enum('source', 'translated') , return 1 article ordered type field. source articles should returned before translated articles. like: article.findone(order: [ { type: [ 'source', 'translated' ] } ]); unfortunately there appears no built-in solution sorting enums. instead have sort by case , couldn't find documentation on how sequelize. what conventional approach here? sorting case hard in sequelize, sort field (the second answer in linked post) should possible: order: sequelize.fn('field', sequelize.col('type'), 'source', 'translated') it's supported mysql far know though
Read more

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -

i trying use following code create interactive gui changes color-space(hsv, rbg, grayscale etc) on event of button click. display opencv video in tkinter using multiprocessing being new python having problems multiprocessing , attempts on making gui change it's color space on button clicks hangs entire system. on it's implementation highly appreciated. thankyou. below code: import cv2 pil import image,imagetk import tkinter tk import numpy np multiprocessing import process , queue def quit_it(root,process): root.destroy() process.terminate() def black_andwhite(root,process): process.terminate p=process(target=capture_image, args=(5,queue, )) p.start() root.after(0, func=lambda: update_all(root, image_label, queue)) def update_image(image_label, queue): frame = queue.get() = image.fromarray(frame) b = imagetk.photoimage(image=a) image_label.configure(image=b) image_label._image_cache = b root.update() def update_all(root...
Read more