Question

In image there 4 list as of now sometimes it will be more and below of 4

//我只是将listview中的数据上传到服务器。 //选择第一页列表视图后，它会转到另一个页面（带复选框的列表视图），现在有许多带复选框的列表，所以我只想选择其中几个并使用rest api将所选列表上传到服务器。 / p>

//第一页的代码

<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代码用于第一页上的显示数据，并使用chekbox指向第二个listview。

$(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 i =1;
            for (var i = 0; i < 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");;
    }
}

//下面是listview创建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>

请帮助我，如何使用rest api将选定的检查列表上传到服务器。请帮助了解这一点。谢谢

从动态列表视图和上传到服务器

0 个答案: