• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 4566
  • Last Modified:

Get Listview SelectedItem from JavaScript

Hi,

How do I get the current ListView item in JavaScript?

I have a listview and wish to do validation and and additional data lookup when a user exits various fields contained within the listview item.  But I cannot figure out how to determine which listview item is the current one being edited.  The code sample below illustrates what I am attempting to accomplish, however the javascript only works for inserts or if the item being edited is the last item in the listview.  Of course the problem is when a user attempts to edit an item other than the last one this code will not work properly.

Thanks!
<asp:ListView ID="ListView1">
       <EditItemTemplate>
            <table style="border-bottom: 1px outset #ffffff">
                <tr>
                <td>
                    <asp:TextBox ID="Place_of_Service" runat="server" 
                        style="color:#000000; text-align:center;border: #000000 solid 1px;" 
                        Text='<%# Bind("[Place of Service]") %>' onblur="javascript:POS_OnBlur();" />
                </td>
                <td>
                    <asp:TextBox ID="Type_of_Service" runat="server"
                        style="color:#000000; text-align:center;border: #000000 solid 1px;"  
                        Text='<%# Bind("[Type of Service]") %>' onblur="javascript:TOS_OnBlur();"/>
                </td>
                <td>
                    <asp:Button ID="UpdateButton" runat="server" CommandName="Update" 
                        Text="Update" />
                    <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" 
                        Text="Cancel" />
                </td>
            </tr>
            </table>
        </EditItemTemplate>
        <InsertItemTemplate>
                <table>
                <tr>
                <td>
                    <asp:TextBox ID="Place_of_Service" runat="server" 
                        style="color:#000000; text-align:center;border: #000000 solid 1px;" 
                        Text='<%# Bind("[Place of Service]") %>' onblur="javascript:POS_OnBlur();" />
                </td>
                <td>
                    <asp:TextBox ID="Type_of_Service" runat="server"
                        style="color:#000000; text-align:center;border: #000000 solid 1px;"  
                        Text='<%# Bind("[Type of Service]") %>' onblur="javascript:TOS_OnBlur();"/>
                </td>
                <td>
                    <asp:Button ID="InsertButton" runat="server" CommandName="Insert" 
                        Text="Insert" />
                    <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" 
                        Text="Clear" />
                </td>
            </tr>
            </table>
        </InsertItemTemplate>
</asp:ListView>
 
 
javascipt:
 
function TOS_OnBlur() {
    var tbl = document.getElementById("InputFormMaster_BodyContent_ListView1_Table2");
    var intRow = tbl.rows.length - 2;
    var ctl = "InputFormMaster$BodyContent$ListView1$ctrl" + intRow + "$Type_of_Service";
 
    if (document.getElementById(ctl).value != "") {
        var e = document.getElementById(ctl).value;
        
        if (e.toUpperCase == "UC")
            document.getElementById(ctl).value = e.toUpperCase();
        if (isNaN(e) == false) {
            if (e.length == 1)
                document.getElementById(ctl).value = "0" + e;
        }
        
        ValidationService.IsValidTOS(document.getElementById(ctl).value, IsValidTOS_Complete, ErrorHandler);
    }
 
}

Open in new window

0
TerryDean
Asked:
TerryDean
  • 2
1 Solution
 
Obadiah ChristopherCommented:
Change the function to this

onblur="javascript:TOS_OnBlur(this.id);"

function TOS_OnBlur(id) {
var ctl = id;
}
0
 
Obadiah ChristopherCommented:
Change the function to this

onblur="javascript:TOS_OnBlur(this.id);"

function TOS_OnBlur(id) {
var ctl = id;
}
0
 
TerryDeanAuthor Commented:
Thanks, works perfectly!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now