or
<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Sitefinity" onitemcommand="RadGrid1_ItemCommand" onitemdatabound="RadGrid1_ItemDataBound1" > <MasterTableView AutoGenerateColumns="false" GridLines="None"> <Columns> <telerik:GridButtonColumn DataTextField="firstname" UniqueName="col1" ButtonType="LinkButton" CommandName="detail"></telerik:GridButtonColumn> </Columns> </MasterTableView> <HeaderContextMenu EnableAutoScroll="True"> </HeaderContextMenu> </telerik:RadGrid>
Now I want to assign the command argument of GridButtonColumn with id(pk) from my db table,
so that every row is corresponding to an id which I can access later withour shpwng on the grid view <img src="../App_Themes/img/estados.png" width="630" height="439" border="0" usemap="#EA70" /> <MAP NAME="EA70"> <area shape="rect" coords="309,101,428,123" href="iuEvalSolc.aspx" title="Solicitudes Enviadas 1004"> <area shape="rect" coords="159,179,279,201" href="EA82.htm" title="Solicitudes Rechazadas 620"> <area shape="rect" coords="460,179,580,201" href="iuRevDoc.aspx" title="Solicitudes Aceptadas 557"> <area shape="rect" coords="460,324,580,345" href="iuRegProvContr.aspx" title="Solicitudes Dictaminadas 941"> <area shape="rect" coords="459,408,579,430" href="EA75.htm" title="Solicitudes Cerradas 278"> <area shape="rect" coords="159,20,279,42" href="iuSolRegistrada.aspx"> <area shape="rect" coords="9,101,129,123" href="iuSolCancelada.aspx" title="Solicitudes Canceladas 334"> <area shape="rect" coords="460,249,580,271" href="iuRevDoc.aspx" title="Solicitudes en Revision 775"> </MAP>Here is my code for Rad Schduler
HTML source
<head runat="server"><title></title> rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script><script type="text/javascript"> $(function () { $("#tabs").tabs(); });</script><style> .rsMonthView .rsApt { width: 100% !important; }</style></head><body><form id="form1" runat="server"><telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager><div id="tabs"> <ul> <li><a href="#tabs-1">Scheduler1</a></li> <li><a href="#tabs-2">Scheduler2</a></li> </ul> <div id="tabs-1"> <telerik:RadScheduler ID="RadScheduler1" runat="server" Height="700px" Skin="Windows7" DataStartField="sdate" DataSubjectField="tasks" DataEndField="sdate" DataKeyField="ts_key" AllowDelete="false" AllowEdit="false"> <TimelineView UserSelectable="false" /> </telerik:RadScheduler> </div> <div id="tabs-2"> <telerik:RadScheduler ID="RadScheduler2" runat="server" Height="700px" Skin="Windows7" DataStartField="sdate" DataSubjectField="tasks" DataEndField="sdate" DataKeyField="ts_key" AllowDelete="false" AllowEdit="false"> <TimelineView UserSelectable="false" /> </telerik:RadScheduler> </div></div></form>
code behind
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection con = new SqlConnection("Connection String");
SqlDataAdapter adp = new SqlDataAdapter();
adp.SelectCommand = new SqlCommand();
adp.SelectCommand.CommandType = CommandType.StoredProcedure;
adp.SelectCommand.CommandText = "GetScheduleView";
adp.SelectCommand.Connection = con;
DataSet ds = new DataSet();
con.Open();
adp.Fill(ds, "Appointment");
RadScheduler1.DataSource = ds.Tables[0].DefaultView; ;
RadScheduler1.DataBind();
RadScheduler1.SelectedView = SchedulerViewType.MonthView;
RadScheduler2.DataSource = ds.Tables[0].DefaultView; ;
RadScheduler2.DataBind();
RadScheduler2.SelectedView = SchedulerViewType.MonthView;
}
this works fine in IE Browser
but in mozilla firefox when I resize the browser then only radscheduler in 2nd tab is displayed.
how can it be displayed on tab change only.means when 2nd tab is selected.
how can i resolve this?