Learn how to effectively utilize DataBinder.Eval of repeater in ASP.NET button's OnClientClick JavaScript function


I am facing an issue with my asp.net webform repeater. Within the "ItemTemplate" of the repeater, I have added an asp:button and implemented the following code in the "OnClientClick" event of the button.

// Here is a JavaScript function
function ConfirmDelete(groupID){
return confirm('Are you sure you want to delete ' + groupID);
}

I have experimented with different variations of the OnClientClick but haven't been able to achieve success. How can I pass the value of "GroupID" from the database to the JavaScript function "ConfirmDelete"?

javascriptasp.netrepeater

Answer №1

To implement this in VB.NET:

<asp:Button runat="server" ID="btnDelete" Text="Delete" OnClientClick='<%# "return DeleteGroup(" & Eval("GroupID") & ");" %>' />

For C#, you can do the following:

<asp:Button runat="server" ID="btnDelete" Text="Delete" OnClientClick='<%# "return DeleteGroup(" + Eval("GroupID") + ");" %>' />

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The AJAX call fails to refresh the secondary table in CodeIgniter

I have a situation where I need to display data from two tables - car producer and car model, pulled from a database. My goal is to filter the second table to only show cars from a specific producer when that producer is clicked in the first table. I attem ...

javascriptphpajaxcodeigniter

What is the importance of having an index.js file, even when the main entry point in package.json is changed to app.js?

I recently made a modification in my react application by switching the main entry point from index.js to app.js. However, I noticed that if I do not import app.js into my index.js, the program crashes. Does anyone have any insight into why this may be h ...

javascriptreactjspackage.jsonentry-point

Enhance your ASP .NET Core development with intelligent React props suggestions

Looking to enable intellisense for React props, previously achieved by passing ViewModel to Razor views (.cshtml) using @model namespace.WeatherVM. This allowed easy access to properties like @Model.TemperatureF, with intellisense providing available optio ...

javascriptreactjsasp.net-corereact-propsreact-proptypes

Having issues retrieving a JSON array in PHP with the json_decode function

Can someone assist me with passing and returning an array to a PHP script? I have successfully tested the json_encode portion, but I am facing issues with the json_decode on the PHP side. Javascript scid_list = []; $('.filter_on').each ...

javascriptphpjqueryajaxjson

Uploading files with Vue.js Element-UI and axios triggers unwanted page refresh

I am utilizing the element-ui file upload component() to manage the frontend of image uploading. All functionalities work flawlessly (file is successfully sent to the server, etc). However, for some reason, after the axios's successful response code r ...

javascriptvue.jsrefreshelement-ui

React State Property that looks at properties within its own scope

Can a property within the React state object reference its own properties? Consider the example below: this.state = { currentTotal: 30, columnLength: Math.ceil(this.currentTotal / 3), // Resulting in NaN. } ...

javascriptreactjsecmascript-6

Issues with the Winston transport for Loggly are causing inconsistent performance

I have implemented Winston with 3 transports: Console, File, and Loggly (using https://github.com/loggly/winston-loggly-bulk). While the Console and File transports are functioning properly, I am facing an issue with the Loggly transport. It only logs my ...

javascriptnode.jsloggingwinstonloggly

How can a key press be simulated without specifically targeting an element?

Is it possible to simulate a key press without targeting any specific element? I found this code snippet: var press = jQuery.Event("keypress"); press.ctrlKey = false; press.which = 75; $("whatever").trigger(press); The above code is used to simulate pres ...

javascriptjquery

triggers an unexpected error in console.log

I need help with the following code: function printName(obj) { console.log(obj.name); } printName({ name: "myName" }); (function displayError(errorMsg){ console.log(errorMsg); })("Error"); However, when I try to run this code, I am encountering a T ...

javascriptjqueryfunction

React - Object(...) is throwing an error because it is not a function or the value it is returning cannot be

I have encountered an issue with my React hook that wraps a class component. I am attempting to pass a state from this hook to the class component using useEffect, but I keep receiving the following error: TypeError: Object(...) is not a function or its r ...

javascriptreactjs

Filling form fields with data from a dynamically created table using jQuery

I am facing an issue with populating the fields in the input box of my modal. The modal appears after clicking the Edit button in a table, and it should populate the fields based on the table row where the button is clicked. The table is generated using jQ ...

javascriptjqueryjsonjsp

What is the solution to the error message "Cannot assign to read only property 'exports' of object '#<Object>' when attempting to add an additional function to module.exports?"

I've been struggling for the past 5 days with this issue. Despite numerous Google searches, I haven't found a solution that works for me. I have a file called utils.js which contains useful functions to assist me. However, when I include the func ...

javascriptnode.jsexpressvue.js

Nodemon is not auto-reloading my server even after I have updated the code

I'm having trouble with nodemon not restarting my file after I make changes to it. It says it's restarting but doesn't actually do it. I've attempted putting the nodemon command into npm start and using the -L flag, but it hasn't s ...

javascriptnode.jsnpmnodemon

Having Issues with JSFiddle: Difficulty with executing a basic onclick event to display a string

Having trouble with an onclick event: Simply click the button to run a function that displays "Hello World" in a paragraph element with id="demo". <button onclick="myFunction()">Click me</button> <p id="demo"></p> <script> ...

javascripthtml

Ways to repair a website iframe malfunction

Whenever I visit this specific URL : (note: using an Ad-blocker is recommended) The link to the webpage loads properly, with no issues. However, attempting to load the same page through an iframe in my HTML code triggers an error: Here is my HTML code : ...

javascriptphphtmlvideoiframe

javascript - substitute the dash (hyphen) with a blank space

For quite some time now, I've been on the lookout for a solution that can transform a dash (hyphen) into a space. Surprisingly, despite finding numerous responses for changing a space into a dash, there seems to be a scarcity of information going in t ...

javascriptregex

Please input the number backwards into the designated text field

In my react-native application, I have a TextInput where I need to enter numbers in a specific order such as 0.00 => 0.01 => 0.12 => 1.23 => 12.34 => 123.45 and so on with each text change. I tried using CSS Direction "rtl" but it didn' ...

javascriptreactjsangularjstypescriptreact-native

Issues encountered while trying to integrate chessboard.js into a Vue application

I am facing an issue while trying to incorporate chessboard.js into my jetstream-vue application. Following the creation of the project, I executed the command npm install @chrisoakman/chessboardjs which successfully downloaded the package into my node_mod ...

javascriptvue.jsnpmchessboard.js

The Angular http.post function seems to be returning null responses consistently, without any actual data being received

When making a post call in Angular using Http.post, I am sending jsonData as a parameter with the following formatted data. However, every time I receive a response as null. Could you please review my code and let me know if there are any mistakes? Here ...

javascriptangulartypescript

Having trouble with a JQuery ajax post to a PHP server - receiving the error message "SyntaxError: Unexpected token < in JSON at position 0"

I am attempting to transmit json data to a server and retrieve a json response. My code is displayed below: JS: function login() { console.log("clicked"); //gather form values into variables var email = $("#email").val(); var password = $("#password"). ...

javascriptphpjqueryjsonajax