Improved Documentation: Explore The ASPx Client-Side Events

25 July 2007

Yesterday, someone asked if it's possible to have the ASPxGridView go into EditMode as soon as a row is clicked.

The first thought was to simply 'Enable Editing' from the Smart Tag menu of the ASPxGridView. This will add another column to the grid with command links labeled Edit:

image

 

However, they didn't want to use any command links. Instead, for their particular UI, it was necessary to edit the row as soon as it was clicked.

So a Client-Side event would be necessary here. Which one?

The great news about the new ASPx Suites is the improved documentation. Now you can easily find methods and properties for the Client-Side objects.

To find any of the Client-Side events, simply insert the word Client after ASPx in the ASPxObjectName. Therefore, to find the Client-Side events for ASPxGridView simply search the help for ASPxClientGridView.

ASPxGridView = ASPxClientGridView

ASPxComboBox = ASPxClientCombobox

ASPxMenu = ASPxClientMenu

...  You get the idea.

Using this technique, it was easy to find the StartEditRow() method for the Client-Side ASPxCLIENTGridView. Now, to simply attach it to one of the Client-Side events which are easily accessible from the ASPxGridView smart tag:

image

This will give you access to Client-Side Events Editor. Find the RowClick method and add the following line of code to put the ASPxGridView into EditMode as soon as it clicked on a row:

ASPxGridView1.StartEditRow(e.visibleIndex);

The Client-Side methods already contain the function skeleton and you simply need to add your code. In this instance, the StartEditRow is called with the current visibleindex (from the e/args parameter) that was clicked:

image

Now every time the row is clicked, it will enter into EditMode.

9 comment(s)
Suv

if I assign the ID of a ASPxGridView as LogView and I want to access the client side events then how do I do it. Also the client side events dont seem to be firing for the grid u? Can u give me some directions on this.

13 September, 2007
Mehul Harry (DevExpress)

SUV,

The forums is a better place to post this question. Take a look at our demos and tutorials. Also take a look at the ClientInstanceName property.

Thanks.

14 September, 2007
The ASPx Blog

Looking for help with the ASPxGridView? Here are the top 7 links to a wealth of grid-tastic assistance

26 October, 2007
The ASPx Blog

Check out these 4 new screencasts. Three show you how to customize the ASPxperience products and one

21 March, 2008
.Net World

Check out these 4 new screencasts. Three show you how to customize the ASPxperience products and one

29 March, 2008
Jim Foye

This tuturial by Mehul is definitely helpful.

www.devexpress.com/.../ASPxperience_Client-Side_API.html

13 July, 2008
nrdn aks

function SecileniAl() {

   QueryString = window.location.search.substring(1);

   var Parametreler = QueryString.split('&');

   var Degerler = Parametreler[1].split('=');

   grdSecim.GetRowValues(grdSecim.GetFocusedRowIndex(), Degerler[1].replace(/%3b/g, ";"),OnGetRowValues);

}

function OnGetRowValues(values) {

   DonecekDeger = "OK";

   for (var i = 0; i < values.length; i++) {

       if (values[i] == null)

           DonecekDeger = DonecekDeger + "#-1";

       else

           DonecekDeger = DonecekDeger + "#" + values[i];

   }

}

Mobil Web Project.OnGetRows don't see.

3 March, 2010
Mehul Harry (DevExpress)

Nrdn Aks,

Please contact our support team regarding any issues here:

www.devexpress.com/.../CreateIssue.aspx

3 March, 2010
Adrian Rotaru

Hi

I need to ask for a password each time a user updates a row data.

Thanks.

25 November, 2011

Please login or register to post comments.