嗨,我开发了一个移动应用程序,在一个文件中有5个html页面。

在第2页中,我有建筑物费用的清单视图。

在第3页中,我有一个功能可以支付从第2页中选择的费用。在上述功能的末尾,我包含以下代码

$.mobile.changePage('#page2', 'slideup', true, true);

我希望当应用程序从第3页返回第2页时不显示已付费用。

我想要我是否很好地理解页面2的页面刷新或列表视图刷新。

我尝试在changepage命令中添加reloadPage,但是没有运气。

我怎样才能做到这一点?

这是我用来创建列表视图的功能

function getItemPayments(buildingcode) {

        var list = $('#recentflatsPayments'),
            items = [];


        $.mobile.notesdb.transaction(function(t) {
            t.executeSql('SELECT DISTINCT buildingaddress, buildingcode FROM expense WHERE buildingcode = ?',[buildingcode], function(t, resultbuilding) {
                var myrow;
                myrow = resultbuilding.rows.item(0);
                $('#displayPayments h2').text(myrow.buildingaddress);
            });
        });

        $.mobile.notesdb.transaction(function(t) {
            t.executeSql('SELECT barcode, buildingcode, buildingaddress, description, entryseason, period, amount FROM expense WHERE buildingcode = ?',[buildingcode], function(t, resultexpense) {
                var i,
                    len = resultexpense.rows.length,
                      myrowpaidlen = 0,
                      myrowpaid = 0,
                      row;
                if (len > 0 ) {
                    for (i = 0; i < len; i += 1) {
                        dummypaid(i);
                    }

                    function dummypaid(i){
                        var row = resultexpense.rows.item(i);
                        t.executeSql('SELECT * FROM expensepayments WHERE Barcode = ?',
                        [row.barcode], 
                        function(t, resultpaid) {
                            var myrowpaidlen = resultpaid.rows.length;
                            if (myrowpaidlen > 0){
                                var myrowpaid = resultpaid.rows.item(0);
                                if (row.amount > myrowpaid.Amount){
                                    items.push('<li><a href="#displayexpense" data-description="' + row.description + '" data-buildingcode = "' + row.buildingcode + '" data-barcode="' + row.barcode + '" data-amount="' + row.amount + '" data-buildingaddress="' + row.buildingaddress + '">' + row.description + '</a></li>');
                                }
                            } else {
                                items.push('<li><a href="#displayexpense" data-description="' + row.description + '" data-buildingcode = "' + row.buildingcode + '" data-barcode="' + row.barcode + '" data-amount="' + row.amount + '" data-buildingaddress="' + row.buildingaddress + '">' + row.description + '</a></li>');
                            }
                            if (i+1 == len){
                                items.push('<li><a href="#displayexpense" data-description="other" data-buildingcode = "' + row.buildingcode + '" data-barcode="0" data-amount="0" data-buildingaddress="' + row.buildingaddress + '">Other</a></li>');
                            }
                            list.html(items.join('\n'));
                            list.listview('refresh');
                            $('a', list).click(function(e) {
                                getItem1Payments($(this).attr('data-description'), $(this).attr('data-buildingcode'), $(this).attr('data-barcode'), $(this).attr('data-amount'), $(this).attr('data-buildingaddress'));
                            });
                            $('#entriesflatPayments').show();

                        });
                    }
                } else {
                    $('#entriesflatPayments').hide();
                }
            })
        });
//  });       
}

===============>>#1 票数:0 已采纳

只需添加代码即可在page2的pagebeforeload事件上隐藏/显示您的列表视图费用,如下所示:

$('#page2').bind('pagebeforeload',function(event){
   if (expenses_paid) { //use your own logic here
      //hide list view
   } else {
      //show expenses list view
   }
});

  ask by kosbou translate from so

未解决问题?本站智能推荐:

1回复

jQuery Mobile如何在导航后刷新内部页面

嗨,我用html5和JS开发了一个移动应用程序。 我在下面的html中包含所有使用的页面 在我的应用程序中,我从第2页转到第3页,在完成某些功能后,我必须回到第2页,但是我尝试刷新它没有成功。 我使用以下代码以便从page3返回至page2 更改页面后如何刷新page
3回复

在jQuery Mobile中刷新动态创建的页面

我有以下问题: 我正在使用Jquery mobile,用户可以搜索产品,并且这些页面的详细信息是动态创建的: 就像是 : 它工作正常,但是问题是当您转到产品详细信息并单击刷新时,该表单再次出现,并且由于Dom已刷新,所以我无法再访问产品详细信息(需要进行其他搜索等) ..)
1回复

在jquery移动页面加载时刷新内容

我有一个列表视图,当在列表视图上单击每个项目时,(将其添加到本地存储中),将打开一个对话框(页面),显示单击的项目的更多信息(详细视图)。 我为对话框页面添加了标记,同时执行的操作是,当我单击一个项目时,它在对话框页面上显示了所单击项目的正确详细信息,但是当对话框页面关闭并单击另一个时,项目,
2回复

ajax后刷新jQuery mobile listview

我试图在ajax发布后刷新jQuery移动列表视图,我一直在尝试使用.trigger(“ create”)来执行以下操作: 我也尝试使用$('。video-list')。listview('refresh'); 但这也不起作用。 它可以很好地刷新JSON数据,但是没有应用jquery
1回复

jQuery Mobile在数据库查询后刷新listview

我有一个带有Listview统计信息的jQuery Mobile网站。 用户可以单击提供弹出窗口的“操作”按钮。 根据他们在弹出窗口中的答案,列表视图中的数字/统计信息可能会更改。 数据库查询成功,但是页面不会自动更新。 我必须手动刷新它才能看到更改。 我正在使用.post()来查询数
1回复

jQuery的:-ListView不刷新

问题:- 这是我的问题,当我分配$('#ulmember').attr( 'data-filter','true'); 。 即使我在listview没有得到search-bar 。即使在警报中显示listview data-filter属性时,我memsearch click得到tru
3回复

在ajax调用完成功能后刷新jquery移动列表视图不起作用

我正在使用jQuery 1.3.1和phonegap 2.9.0开发一个应用程序。 使用php从服务器动态加载的所有数据ara。 我的问题是每次listview项目更改时刷新调用都不起作用。 我已经尝试和搜索了很多但还没有成功。 我认为,在listview完成之前调用刷新函数,但是在
1回复

如何在Jquerymobile MVC中重定向页面后刷新页面

大家好,我创建了一个小型的jquerymoblie mvc3应用程序,因为单击列表视图中的链接时,我将使用列表视图控件将其呈现到下一页,在该页面中,我已使用文本框将一些数据上传到数据库中更新完成后,我已重定向到上一页,现在我再次重定向到同一页以上传其他数据,但文本框字段不清除,它显示旧数据,当我
2回复

jQuery Mobile Listview在Chrome中无法正确刷新

尽管我已经完全注释掉了listview。('refresh')方法,但是当我将page更改为listview时,出现了以下错误。 Safari可以很好地加载listview,但是每当我使用chrome时,我都会遇到问题。 这件事发生在别人身上吗? 我正在document.ready(){}
1回复

Listview刷新不适用于动态

我已经尝试了大约10个小时,但无法通过jquery刷新列表视图。 我正在动态加载列表,它不会刷新以获取样式。.在忽悠中,我做错了什么。