javascript - how to uplaod checked list in dynamic listview to server using ajax -
in image there 4 list of more , below of 4
//i uploading data listview server. //after selection of first page listview going page (list view checkbox), there many lists check box ,so want select few of them , upload selected list server using rest api.
//below code first page
<div class="example-wrapper" data-iscroll> <ul data-role="listview" data-insert="true" data-filter="true" data-filtertext="true" data-role="controlgroup" data-enhanced="true" data- data-input="#search-mini" id="movie-list" data-theme="a" > </ul> </div>
// js code disply data on first page , direct second listview chekbox.
$(document).on('pageinit', '#home', function(){ // var url = 'http://api.themoviedb.org/3/', // mode = 'search/movie?query=', // moviename = '&query='+encodeuri('batman'), // key = '&api_key=5fbddf6b517048e25bc3ac1bbeafb919'; var url = 'https://usv.mybluemix.net/usv/event_creation.jsp'; $.ajax({ // url: url + mode + key + moviename , url: url, datatype: "json", async: true, success: function (result) { $('#work-in-progress').fadeout(0); ajax.parsejson(result); }, error: function (request,error) { alert('network error has occurred please try again!'); document.getelementbyid("internet_access").innerhtml="no internet access"; } }); }); $(document).on('pagebeforeshow', '#headline', function(){ $('#movie-data').empty(); $.each(movieinfo.result, function(i, row) { if(row.event_id == movieinfo.id) { var =1; (var = 0; < 4; i++) { $('#movie-data').append('<li><input type="checkbox"/>'+row.speciality+'</li>'); } $('#movie-data').listview('refresh'); } }); }); $(document).on('vclick', '#movie-list li a', function(){ movieinfo.id = $(this).attr('data-id'); $.mobile.changepage( "#headline", { transition: "slide", changehash: false }); }); var movieinfo = { id : null, result : null } var ajax = { parsejson:function(result){ movieinfo.result = result.entries; $.each(result.entries, function(i, row) { //console.log(json.stringify(row)); $('#movie-list').append('<li><a href="" data-id="' + row.event_id + '">' +'<h3>' + row.event_name + '</h3><p2>' + row.start_date_time + '</p2><p>'+row.event_id + '</p></a></li>'); }); $('#movie-list').listview('refresh').trigger("create");; } }
// below listview creating chekbox
<div data-role="content"> <ul data-role="listview" id="movie-data" data-theme="a" data-identifier="1"> </ul> </div> <input type="button" id="uploadbutton" onclick="getchecked()" value ="update" data-theme="b"/> </div>
please me ,how upload selected checked list server using rest api. please learn this. //is possoble in jquery mobile?
Comments
Post a Comment