Adding evaluation value to the argument of an onclick JavaScript function in an ASP datalist (Front-End)

Question

Adding evaluation value to the argument of an onclick JavaScript function in an ASP datalist (Front-End)

Can anyone help me with adding a JavaScript function to my checkbox within a datalist, where the ID of the control is passed as a parameter?

I would like to achieve this on an ASP page without using the OnItemDataBound method. I have tried the following code but it's not working. Any suggestions?

<asp:CheckBox ID='chkDatabase' runat="server"  CssClass="NormalBold" Text='<%# Eval("Name") %>' onclick='javascript:showme("<%# Eval("ID") %>")' ></asp:CheckBox>

This is part of the datalist code:

<asp:DataList runat="server" ID="ddlDatabases" CssClass="ddlDatabases" CellSpacing="0" CellPadding="0" RepeatLayout="Table" OnItemDataBound="ddlcount_ItemDataBound">
    <ItemTemplate>
        <div style=" float: left; width:150px;padding:20px; " >
            <asp:CheckBox ID='chkDatabase' runat="server"  CssClass="NormalBold" Text='<%# Eval("Name") %>' onclick='javascript:showme("<%# Eval("ID") %>")' >
            </asp:CheckBox>
        </div>
    </ItemTemplate>
</asp:DataList>

Thank you in advance for any assistance!

javascript asp.net

Answer 1

Answer №1

One way to incorporate the + operator within <%# ...%> is demonstrated in this example:

onclick='<%# displayID(" + Eval("ID") + ")"%>'>

Avoiding the use of javascript is recommended for simplicity.

Answer 2

One way to incorporate the + operator within <%# ...%> is demonstrated in this example:

onclick='<%# displayID(" + Eval("ID") + ")"%>'>

Avoiding the use of javascript is recommended for simplicity.

Answer 3

Answer №2

It is not possible to pass parameters in JavaScript as shown.

Please remove the following from the markup:

onclick='javascript:showme("<%# Eval("ID") %>")'

To prevent data loss, add the following code in the DataList_OnItemDataBound event:

OnItemDataBound="DataList1_OnItemDataBound"

In the code behind:

protected void DataList1_OnItemDataBound(object sender, DataListItemEventArgs e)
{
   DataListItem row = e.Item;

  CheckBox chkDatabase = (CheckBox)row.FindControl("chkDatabase");

  chkDatabase.Attributes.Add("onclick", "showme('" + ID + "')");
}

Answer 4

It is not possible to pass parameters in JavaScript as shown.

Please remove the following from the markup:

onclick='javascript:showme("<%# Eval("ID") %>")'

To prevent data loss, add the following code in the DataList_OnItemDataBound event:

OnItemDataBound="DataList1_OnItemDataBound"

In the code behind:

protected void DataList1_OnItemDataBound(object sender, DataListItemEventArgs e)
{
   DataListItem row = e.Item;

  CheckBox chkDatabase = (CheckBox)row.FindControl("chkDatabase");

  chkDatabase.Attributes.Add("onclick", "showme('" + ID + "')");
}

Answer 5

Answer №3

functions incredibly well

<asp:GridView runat="server" ID="grdAdvTravel">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <a href="javascript:EditAdvanceTravelFee( '<%#Eval("fee_catg_srno")%>','<%#Eval("trvl_amt")%>','<%#Eval("pay_date")%>','<%#Eval("fee_name")%>','<%#Eval("status")%>' )" class="btn btn-primary">MODIFY</a>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

Answer 6

functions incredibly well

<asp:GridView runat="server" ID="grdAdvTravel">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <a href="javascript:EditAdvanceTravelFee( '<%#Eval("fee_catg_srno")%>','<%#Eval("trvl_amt")%>','<%#Eval("pay_date")%>','<%#Eval("fee_name")%>','<%#Eval("status")%>' )" class="btn btn-primary">MODIFY</a>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

Adding evaluation value to the argument of an onclick JavaScript function in an ASP datalist (Front-End)

Answer №1

Answer №2

Answer №3

Similar questions

After May 2015, LinkedIn oAuth1 began consistently displaying the message "Member xxx does not have permission to access company xxx."

One issue I've encountered is that Angularfire seems to have trouble reading the "facebook" property. So my question

Guide on setting up a new NPM and JavaScript project within Visual Studio 2015

Error: Module cannot be found when using node.js local modules

Error occurred while initiating Angular frontend application with npm

Obtaining data from a callback function within a NodeJS application

Triggering the click event three times on a dynamically generated element

Communication within the intermediate scopes between the directive and the controller

I'm having trouble getting the aggregation of a child collection to work properly in MongoDB when attempting to apply the $count

Discovering the droppable container that a draggable element is positioned within

Tips for solving errors in Microsoft JScript runtime: "The definition of '$' is not clear"

Firebase Storage Metadata Disappearing Act

Configuring React classes for compilation within Play

Is it possible to send both props and a function within a single onClick event in React?

Issue with button style in dropdown menu in Twitter Bootstrap

Is it better to store data individually in localStorage or combine it into one big string?

Looking for a Regular Expression Validation Pattern!

Utilizing a JavaScript/jQuery/alternative library extension for transforming HTML into XML format

How to make divs occupy the entire space of a parent div?

Can anyone explain how to successfully implement AJAX data in a PHP file?