What is the variable name of the counter value property in javascript?

Wed Jul 17, 2013 2:30 pm

Hi,

I am using a list service to retrieve a list of entries from my database and map them to a mobile list. In the response of the service I am mapping the ids of the entries to the counter value property of the list item (maybe not the most elegant solution but I do not want to use labels).

What I would like to know now is what the variable name of the counter value property is so that I can access it via javascript.
Is there an overview of all of the interface elements' properties and variable names available?
I have searched the help section but could not find anything like that.

Many thanks in advance!

Wed Jul 17, 2013 4:47 pm

The List is a jQuery Mobile component -- you can always check on http://jquerymobile.com for component docs

Wed Jul 17, 2013 5:05 pm

Hi Katja,

Just to add. You have no access to this counter. It's hidden inside of the mapping program code.

You can process all the received server data by running JavaScript code on service Success event. As a first parameter use the whole database response object.

Wed Jul 17, 2013 7:04 pm

Many thanks for both of your answers! Extremely helpful!

If I cannot access the counter, then there is no use in hijacking it. So it has got to be labels after all.

Sat Mar 08, 2014 5:58 am

I have a similar situation. I have one list item in a grid. I cannot use labels in the list item, or hidden input, because I must use a split button. Putting a label or input on the list item is not compatible with a split button.

I am mapping the info I want displayed on the list items as a single variable from my REST service to the Text of the list item. However, when the button is clicked I need to access the ID, another field coming from my REST service, just like Katja asked about above.

Can you give me any suggestions on how to store the ID field, from my REST service, for each item so that I can retrieve it when the button is clicked. I tried putting a hidden input in the grid, and mapping the ID to that, but it isn't replicated by the mapping.

Help would be sincerely appreciated.

Sat Mar 08, 2014 3:29 pm

I have come up with a solution. I will send the id in an html comment in the info mapped to the Text of the list item:
<!-- id=1234 --
and will use a RegEx in Javascript to extract it:
text.match(/id=(\d+) /);
var id = RegExp.$1

However, I cannot figure out the Javascript code to get the Text of the list item. Can you help with that? I have been searching the forum, but have not been successful. The name of the list is contact_list. The name of the list item is contact_list_item. The name of the button (on the split button) is contact_list_item_btn. The array from the REST service is mapped to contact_list_item. When I click contact_list_item_btn i need to get the value that was mapped to Text of contact_list_item.

Thank you.

Mon Mar 10, 2014 2:29 am

Hi Fred,

To get list-item text you should use next code on list-item "click" event handler:
pre
var listItem = jQuery(this);

var listItemText = listItem.html();

console.log(listItemText);
/pre

Mon Mar 10, 2014 2:58 am

Hi Illya,
That works very well when I click on the left part of the list item in a split button list. However I need to get the same information when I click on the button to the right of the split.

After examining the source code of the app running in a browser, it appears this may not be possible. Every button on the right side of the split in the list item has exactly the same id, name, and dsid.

I know it is against HTML5 rules to have more than one tag with the same id. They are supposed to be unique. So, I think there is a bug in how the code for the split button is created. The list items have ids that have sequentially incremented numbers appended to the name I gave the list item that the array was mapped to.

If the right hand button part of the list item had the same thing done when the list items are created from the mapping, then I know what code I'd use to get the text of the left part of the list. I'd use names for the left and right parts that are similar, then with a RegEx I'd modify the name of the button, and use it with your code to get the list item html.

Hopefully this bug can be fixed very soon. I am in desperate need of the code being created correctly, according to the HTML5 rules.

Mon Mar 10, 2014 3:08 am

Fred - thank you for reporting this. We'll research it additionally.

Mon Mar 10, 2014 3:10 am

This can be shortened to:
codevar listItemText = jQuery(this).html();/code