在一个页面中显示两列图片信息，点击图片报错。

泡出泡泡了

我在一页中显示两列图片，点击左侧图片程序正常，点击右侧图片，程序会正常跳转，但是会报出一个错误。请问这是什么原因呢？ 效果图代码如下：
界面效果图：




界面设计图，在list的click事件中调用open方法实现跳转。JS代码如下：



        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");

        var Model = function() {
                this.callParent();
        };

        // 返回上一页
        Model.prototype.backBtnClick = function(event) {
                justep.Shell.closePage();
        };

        Model.prototype.getImageUrl = function(url) {
                return require.toUrl(url);
        };

        Model.prototype.open = function(event) {
                var row = event.bindingContext.$object;
                var url = "../2/template.w";
                //debugger;
                justep.Shell.showPage(require.toUrl(url), {
                        rowid : row.val("id")
                });
        };

        Model.prototype.dataCustomRefresh = function(event){
//      var url = require.toUrl("../2/data.json");
//      $.ajaxSettings.async = false;
//      $.getJSON(url,function(data){
//          event.source.loadData(data);
//      });
        };

        return Model;
});



运行后，点击左侧的图片，正常跳转，点击右侧的图片也正常跳转，但是出现如下错误。

IYABAO

Model.prototype.open = function(event) {
                var row = event.bindingContext.$object;
                var url = "../2/template.w";
                //debugger;
                var data = this.comp("data");
                justep.Shell.showPage(require.toUrl(url), {
                        //rowid : row.val("id")
                        rowid : data.getValue("id", row);
                });
        };

泡出泡泡了

IYABAO 发表于 2016-5-9 16:22
Model.prototype.open = function(event) {
                var row = event.bindingContext.$object;
    ...

看了你的代码，感觉好像找到我的问题了，是不是因为我一行是两列，所以不可以用行变量获得属性值？

泡出泡泡了

IYABAO 发表于 2016-5-9 16:22
Model.prototype.open = function(event) {
                var row = event.bindingContext.$object;
    ...

代码我修改如下：
        Model.prototype.open = function(event) {
                var row = event.bindingContext.$object;
                var url = "../2/template.w";
                var listData = this.comp('listData');
                //debugger;
                justep.Shell.showPage(require.toUrl(url), {
                        rowid : listData.getValue("id",row)
                });
        };


之前的报错不出现了，但是出现了一个空页面（如下图）和一个正常显示的详细页面，这是为何？

liangyongfei

泡出泡泡了 发表于 2016-5-10 09:07
代码我修改如下：
        Model.prototype.open = function(event) {
                var row = event.bindingContext.$objec ...

什么意思？？是多了一个空白页吗？？按F12看看控制台有没有报错信息？

泡出泡泡了

liangyongfei 发表于 2016-5-10 13:52
什么意思？？是多了一个空白页吗？？按F12看看控制台有没有报错信息？

问题我解决了。是我自己不小心在list上也加入了open事件，所以执行了两次。

PS：调试环境我不是很会用，按照教程debugger之后进行单步执行，有的时候就会跳入一个很复杂的子过程中出不来了，我想看哪里出问题也不知道应该怎么下手。请问有没有关于调试更详细的说明，谢谢！