Многострочный текст в строке таблицы в Titanium

Я работаю над приложением на основе tableView в Titanium. Мне нужно показать длинное текстовое содержимое в строках представления таблицы.

Когда я это делаю, моя строка выглядит так:

Многострочный

Это код, который я использую для создания строки представления таблицы.

var row = Ti.UI.createTableViewRow({
        backgroundColor : '#F0F0F0',
        color           : 'black',
        font            : { fontSize:10 ,fontWeight:'bold',fontFamily:'Arial'},
        height          :'80',
        title           : firstRowContent
     });

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

В iOS есть свойства lineBreakMode и numberOfLines. И я легко могу это сделать.

Есть ли способ сделать это в титане? Я много искал, но все говорят, что нужно поставить «\n» между текстом или добавить несколько меток.

Это ссылки, которые я указал:

  1. многострочный ярлык
  2. многострочный текст перенос строк текста в кнопках и элементах табличного представления
  3. Отображать набор результатов (текст) внутри метки, многострочный
  4. Многострочный ярлык?
  5. изменяемая строка таблицы из базы данных

person Midhun MP    schedule 10.01.2013    source источник


Ответы (3)


Вам нужно поместить объект метки в строку. Метка может быть создана таким образом, что она будет переносить текст.

При поиске ответов ищите сложный appcelerator tableviewrow

person Aaron Saunders    schedule 11.01.2013
comment
Я уже исправил эту проблему, добавив ярлык. Спасибо за Ваш ответ. - person Midhun MP; 12.01.2013

Ниже обертывания для меня. Поведение метки Titanium по умолчанию заключается в переносе. Свойство «заголовок» представления строки должно быть однострочным.

var win = Ti.UI.createWindow({
    backgroundColor: '#fff'
});
var row = Ti.UI.createTableViewRow();
row.add(Ti.UI.createLabel({
    text: 'Gosh golly, this is a label. Cool, huh?',
    color: '#000', font: { fontSize: 32 }
}));
win.add(Ti.UI.createTableView({
    data: [ row ]
}));
win.open();

Если бы вы установили высоту строки так, чтобы не помещалась обернутая строка, то она стала бы эллипсообразной для вас.

row.add(Ti.UI.createLabel({
    text: 'Gosh golly, this is a label. Cool, huh?',
    color: '#000', font: { fontSize: 32 },
    height: 40
}));

Но по умолчанию он будет соответствовать размеру предоставленного вами контента.

person Dawson Toth    schedule 11.01.2013
comment
Я уже исправил эту проблему, добавив ярлык. Спасибо за Ваш ответ. - person Midhun MP; 12.01.2013

Я исправил эту проблему, добавив метку в качестве подвида строки таблицы.

 var firstRow = Ti.UI.createTableViewRow({
        backgroundColor : '#F0F0F0',
        color           : '#555555',
        font            : { fontSize:10 ,fontFamily:'Arial'},
        height          :'auto',
       // title         : firstRowContent,
        horizontalWrap  : 'true',
        selectionStyle  : Ti.UI.iPhone.TableViewCellSelectionStyle.NONE
     });
      var firstLabel = Ti.UI.createLabel({
        text            : 'Midhun Says: Hi, How are you ? We are currently waiting for you ...',
        height          : 'auto',
        right           : '10',
        top             : '7',
        left            : '10',
        color           : '#555555',
        font            : { fontSize:15 ,fontFamily:'Arial'},
     });

firstRow.add(firstLabel);

В любом случае спасибо ребятам за помощь...

person Midhun MP    schedule 14.01.2013