adding a checkbox to a ListView column

[webarnie]

I have a listView with several columns. Two of the columns are true false, so I would like to display check boxes. In Ext designer, I have right licked on the column and chosen transform ListView Boolean column. The data is either “Y” or “N” and displays as either true or false. How can I get this to render as a checkbox? I also do not want the user to be able to change the data.

[jarrednicholls]

You could paste a template string into the "tpl" configuration for your column. That would be the easiest way most likely.

[webarnie]

I tried using tpl and the checkbox displayed in the column and all were unchecked. The data has some checked and others unchecked. Also I was able to check and uncheck the checkbox. To implement the checkbox in a column, I suspect you need to right click on the column and transform it to a ListView BooleanColumn?

Then add the tpl?
Could you tell me or give me an example of what the tpl should be?
Do i need to add a listener? not sure how to do this with ext designer. Could you tell me how?

Thank you.

[jarrednicholls]

In the template, you can do conditional logic based on the boolean value. Let's say the field name is "active", you can do a conditional template like this:

<input type="checkbox" disabled="disabled" <tpl if="active">checked="checked"</tpl> />

At least that's the gist of it. Does that makes sense? You can read more on XTemplates here, just expand the constructor line to see the details and examples.

[webarnie]

Yes what you are saying make sense. The data in the field is either “Y” or “N”, so I guess this is not a Boolean field as I previously stated. I am using a ListView column adding the tpl for the checkbox. I change the code a bit but I think I’ve got the syntax wrong. I have 3 rows and only the second should be checked. I am getting all rows checked. I have looked for examples but have not had much luck. Could you tell me what I am doing wrong. Also could you point me to any good references for this? Thank you.

<input type="checkbox" disabled="disabled" <tpl if="dividendPolicy === 'Y'">checked="checked"</tpl> />

[jarrednicholls]

That looks correct to me. Are you sure dividendPolicy is not "Y" for all records? Is the field type in the store on "auto" or on "boolean"? If it's on boolean, try setting it to auto.

[webarnie]

yes i have it working now! Thank you so much.

[jarrednicholls]

Terrific, good to hear

[Twain]

I´m testing a list based on the same code with a few change:

<input type="checkbox" <tpl if="selected === 'Y'">checked="checked"</tpl> />

I can´t check or uncheck the checkboxes. Those who initially was checked stay checked like it was read only.
Any idea why it happend?
Thanks.

[Twain]

Ext.list.ListView is a fast and light-weight implentation of a Grid like view with the following characteristics:
.......
no editing
.......

"No editing" applies to the elements that are included in the template?