Link to home
Start Free TrialLog in
Avatar of jinhong23
jinhong23

asked on

Dynamic datagrid

I currently designing a datagrid template. I wonder how to set/add some bahaviour, class to table column in datagrid webcontrol.
Below is the HTML i expected to get when ASP.net rendering to HTML.

 <TABLE class="gridBar gridSort" id=gridBar cellSpacing=0 cellPadding=0>
        <COLGROUP id=gridBarCols>
        <COL width=2>
        <COL width=125><COL id=colAutoExpander>
        <COL width=2>
        <COL width=83>
        <COL width=2>
        <COL width=83>
        <COL width=2>
        <COL width=108>
        <COL width=2>
        <COL width=14></COLGROUP>
        <TBODY>
        <TR id=trHeader pagesize="">
          <TD></TD>
          <TD class=sort title="Sort by Activity Subject"  ondragover=event.returnValue=false; field="subject" isExpanderParent="1"><NOBR>Activity Subject  <IMG class=sort  src="grid_container_files/bar_up.gif" width="13" height="5"></NOBR></TD></TR></TBODY></TABLE>

Hope someone can give me some guidelines on this. Thank You
Avatar of surajguptha
surajguptha
Flag of United States of America image

IF you want to tick/untick a checkbox you can use the following code

document.all.theBox.checked=true;
document.all.theBox.checked=false;
I am very sorry. I posted the above comment by mistake.
Please excuse me
Avatar of mmarinov
mmarinov

Hi jinhong23,

you can use the repeater control - it is design exactly for this purpose - to render what the developer whants
<asp:repeater>
    <HeaderTemplate>
    ad your column definitions
</HeaderTemplate>
<itemtemplate>
render your data
</itemtemplate>
<footertemplate>
close the table tag
</footertemplate>
</asp:repeater>

Regards!
B..M
mmarinov
>>I wonder how to set/add some bahaviour, class to table column in datagrid webcontrol
do u mean style class  ... if s, then
for header u can use the headerstyle tag
<HeaderStyle CssClass="GridHeader">
for the footer .. if u have totals u can use the
<FooterStyle CssClass="GridFooter">

and any class grid can have its own class .. i.e.
<asp:datagrid  CssClass="gridBar" ....
...
</asp:datagrid>
Avatar of jinhong23

ASKER

Refer back to HTML code that i provided

<TD class=sort title="Sort by Activity Subject"  ondragover=event.returnValue=false; field="subject" isExpanderParent="1">

As you can translate from above HTML, when mouse rollover to the grid column, it is able to see a tag "Sort by Activity Subject", when ondragover or other bahaviour, it able to perform as what it is & etc

What i want to know is how can i pass all these attibutes and values to datagrid's item column. i know that Cssclas can be assigned using  ItemStyle-CssClass , like the code below
<asp:BoundColumn DataField="Column1" ItemStyle-CssClass ="sort"></asp:BoundColumn>.

How about other attribute like "title", behaviour like onclick, ondragover & etc.
ASKER CERTIFIED SOLUTION
Avatar of Rejojohny
Rejojohny
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial