Click here to Skip to main content
16,008,075 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I need to show Edit and Delete Button on list view when user click from Header option EDIT or Delete.When user click option from the header (Button).It is able to see two buttons Edit or Delete in list view .If user select any of this option (EDit or Delete) of any row.Then after it is invisible after selection can you please help me How to do that task.
Here is my code. http://jsfiddle.net/ravi1989/d47ry/

HTML
<div data-role="page" id="DocumentScreen" > 
            <div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false" >
                <a href="#Home" data-role="button" data-inline="true" data-theme="b" style="text-align:left;margin-removed 20px; margin-removed 10px;" >Back</a>
                <h1 class="ui-title"  id="hdr" style="text-align:left;margin-removed 100px;">My Documents</h1>
                <div class="ui-btn-right"  data-role="controlgroup" data-type="horizontal">
                    <div><a  data-role="button">AddORDelete</a></div>

                </div>
            </div>

            <div data-role="content">

                <ul data-role="listview" data-inset="true" id="folderInside_Data" >
                </ul>

            </div>



Java
for (i = 0; i < 40; i++) {
                       $('#folderInside_Data').append(
                               '<li class="rowID" id="' + i + '">' + '<a href="#">' + '<img src="img/Blue-Folder.png">' + '<h2>Broken Bells</h2>' + '<p>Broken Bells</p>' + '<span class="ui-li-count">' + i + '</span></a>' + '</li>'
                               );

                   $('#folderInside_Data').listview('refresh');
               }


               $(document).on('click', '.rowID', function() {
                   // $.mobile.changePage($("#realTimeScreen"));
                   $.mobile.changePage($("#realTimeScreen"), {
                       transition: "slide",
                       reverse: false,
                       changeHash: false
                   });
                   console.log(this.id)
               });
Posted
Updated 28-Jun-13 7:01am
v3

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900