Datagrid Select Row ItemCommand

[vblou]

Hi

The 1st column on my datagrid contains a link button that fires the ItemCommand and select the row when it's clicked. What I want to do now is, instead of having to click on the link button, I want to be able to click any where on the row itself and do the same thing. I want to change the 1st column to just a regular text column. Thanks in advance.

vblou

 

[ca8msm]

You will need to use javascript to fire the postback that the LinkButton was firing. Have a read up on the GetPostBackClientHyperlink method which will show similar examples.

Mark,

Website Design Darlington
Experts, Information, Ideas & Knowledge
ASP.NET Tips & Tricks

 

[jmeckley]

keep the link button in the 1st column since you have the server code in place. then use a js library like jquery to alter the table. something like

$(function {
   $("#[table id] tr").each(function{
      var link = this.child("td.first a");
      this.click(function{
           document.location = link.attr("href");
      };
      link.replaceWith(link.text());
   });
});

which will transform

<table id=...">
  <tr>
     <th>header 1</th>
     <th>header 1</th>
  <tr>
  <tr>
     <td><a href="form.aspx?id=1#">A<a/></td>
     <td>B</td>
  <tr>
  <tr>
     <td><a href="form.aspx?id=2">C<a/></td>
     <td>D</td>
  <tr>
</table>

into (it doesn't actually add an onclick attribute. that's just for visualization)

<table id=...">
  <tr>
     <th>header 1</th>
     <th>header 1</th>
  <tr>
  <tr onclick="go to form.aspx?id=1">
     <td>A</td>
     <td>B</td>
  <tr>
  <tr onclick="go to form.aspx?id=2">
     <td>C</td>
     <td>D</td>
  <tr>
</table>

for more help use th js and jquery form (google groups)

Jason Meckley
Programmer
Specialty Bakers, Inc.