如何在sencha touch中显示选择列表视图行项的图像

Question

有人可以告诉如何在sencha touch中显示选择列表视图行项目的图像吗？如果用户选择行需要在右侧显示刻度符号，它将转到另一个视图。用户按下选择文本视图我需要将图像保持在同一位置

谢谢

Answer 1

使用以下代码，此处当您选择任何行时，图标将显示在右侧。

定义列表的itemTpl，如

itemTpl: '<div>{Name}<img id = "checklist-{id}" style = "height:20px;width:20px;float:right"src =resources/icons/icon.png  hidden></img></div>',

//确保id字段在此处是唯一字段，用于定义图标的ID

在list的itemTap事件中执行此操作

onListItemTap: function (item, index, target, record) {

    // get all icons by tag img, you can use class also if you define
    var allcheckeditems = document.getElementsByTagName('img'); 

    // first hide all icons 
    for (var i = 0; i < allcheckeditems.length; i++) {
        allcheckeditems[i].hidden = true;
    }

    // show only selected row icon
    var selected = document.getElementById('checklist-' + record.data.id);
    selected.hidden = false;
}

如果您有任何困惑，请随时问我。