выберите конкретный элемент в строке представления таблицы в титане - PullRequest
Новая
       1

выберите конкретный элемент в строке представления таблицы в титане

2 голосов
/ 27 сентября 2011

привет, я разрабатываю приложение для Android с использованием Titanium. Я хочу изменить изображение при клике. Но я не могу выбрать конкретное изображение в табличном представлении. Я использовал следующий код: 

var user_table = Ti.UI.createTableView({minRowHeight:5.length,hasChild:true});
var data = [];
for (var i=0;i<5.length;i++)
    {
        var row = Ti.UI.createTableViewRow({height:'auto',className:"row"});
        var username = Ti.UI.createLabel(
        {
            text:'user name',
            height:'auto',
            font:{fontSize:12, fontFamily:'Helvetica Neue', color:'#000'},
            width:'auto',
            color:'#000',
            textAlign:'left',
            top:0,
            left:35,
        });row.add(username);
var imageView = Ti.UI.createImageView(
        {
            image:'../images/user.png',
            left:0,
            top:0,
            height:25,
            width:25
        });row.add(imageView);          
    }
    feed_table.setData(data);
    feedWin.add(feed_table);

Я хочу нацелить изображение на конкретную строку представления таблицы, чтобы я мог заменить его другим изображением при событии щелчка. помогите мне выбрать именно это изображение

Ответы [ 2 ]

3 голосов
/ 27 сентября 2011

1) в табличном представлении установите прослушиватель событий на всю строку. 

tableView.addEventListener('click',function(event){
    if ( event.source.id === undefined ) {
        // if no id defined then you know it is not an image...
    } else {
        // you have an id, you have an image..
        var rowNumber = event.index;
        var image = event.source;
    }
});

2) когда вы создаете свои изображения, установите идентификатор для каждого из них, чтобы вы могли идентифицировать его в событии щелчка 

var imageView = Ti.UI.createImageView({
    id :"image_"+ i, // set object id
    image:'../images/user.png',
    left:0,
    top:0,
    height:25,
    width:25
 });
0 голосов
/ 27 сентября 2011

Я бы сделал это следующим образом: 

addRow = function(_args)
{
  var row = Ti.UI.createTableViewRow(
  {
    height:'auto',
    className:"row"
  });

  var username = Ti.UI.createLabel(
  {
    text: _args.text || 'user name',
    height:'auto',
    font:{fontSize:12, fontFamily:'Helvetica Neue', color:'#000'},
    width:'auto',
    color:'#000',
    textAlign:'left',
    top:0,
    left:35,
  });
  row.add(username);

  var imageView = Ti.UI.createImageView(
  {
    image:_args.image||'../images/user.png',
    left:0,
    top:0,
    height:25,
    width:25
  });
  row.add(imageView);    

  row.setImage = function(image)
  {
    imageView.imageURL = image;
  };

  row.addEventListener('click',function(e)
  {
    row.setImage('new/image/path');
  };

  return row;
}

var user_table = Ti.UI.createTableView({minRowHeight:5.length,hasChild:true});
var data = [];
for (var i=0;i<5.length;i++)
{
  var newRow = addRow({
    text: 'my text',
    image: 'my image url'
  });
  data.push(newRow);
}

feed_table.setData(data);
feedWin.add(feed_table);

Если вам нужно установить URL, вы должны также использовать 

feedWin.data[0].rows[indexOfRow].setImage('another/image/path');

, попробуйте.я не компилировал это, так что это всего лишь предложение.

[обновление] имейте в виду, что значения 'auto' могут сосать на Android.

...