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

Question

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

谢谢

Answer 1

使用下面的代码，这里当你选择任意一行时，图标会显示在右侧。

定义 list like 的 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

并且在列表的 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;
}

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