Get "Disclose" action without icon in list and with full list item as button

[flyingace]

I have followed along with the Intro to List Component tutorial and constructed my list and detail pages following the examples presented there. However, rather than just having the icon act as a button, I would like the whole list item to be targetable, and I would like not to see the arrow icon at the right side of the item.

Perhaps I am missing out on some sort of core concept about what it means to "disclose," or about how the disclose event works as opposed to the itemtap event. But I think would prefer to use itemtap. However simply setting onItemDisclosure: to false and changing disclose to itemtap in the controller seems not to work and causes errors.

Any guidance would be appreciated.

Thanks,

David

[mitchellsimoens]

Why not just use the itemtap event then?

[flyingace]

However simply setting onItemDisclosure: to false and changing disclose to itemtap in the controller seems not to work and causes errors.

When I do swap out "disclose" for "itemtap" in the controller (shown below), the "record.fullName()" function below causes the error "Uncaught TypeError: Object X has no method 'fullName'." (fullName() simply concatenates a first name and a last name field. The function is defined in the model.) If I simply swap this for "title: record.birdName" I get no error but the detail page shows no data at all and has no title.

From the controller:

config: {
refs: {
birdholder: 'birdholder'
},
control: {
'birdlist': {
disclose: 'showDetail'
}
}
},

showDetail: function (list, record) {
this.getBirdholder().push({
xtype: 'birddetail',
title: record.fullName(),
data: record.data
})
}

In the docs the disclose and itemtap events seem to pass the same parameters, so I am confused as to why I cannot substitute one for the other.

Thanks again for your help,

David

[shivbhaw]

when you use disclosure, the event sends back certain arguements, and it doesnt matter what the names are in your functions arguements, it will send it back in a certain order.

for the disclosure event, the record of the data is the second arguement, and in itemtap, it is the fourth arguement.
to check the arguements, look at the event for the component, they state it there in order.
so to fix this, you have to change your function into

showDetail: function (list, index, item, record) or showDetail: function (a,b,c, record)

just as long as record is the fourth arguement.

hope this helps!

[flyingace]

the event sends back certain arguements, and it doesnt matter what the names are in your functions arguements, it will send it back in a certain order.

Perhaps because I am somewhat new to JS & Sencha, this was something of a revelation to me. Thank you so much for this clarification!