<telerik:RadAjaxManager ID="RadAjaxManager1" runat
="server">
<ClientEvents OnRequestStart="onRequestStart" />
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadGridClntResult">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGridClntResult" LoadingPanelID="RadAjaxLoadingPanel1"/>
<%--<telerik:AjaxUpdatedControl ControlID="btnSrch" LoadingPanelID="RadAjaxLoadingPanel1" />--%>
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnEdit">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGridClntResult" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
</telerik:RadAjaxLoadingPanel>
<telerik:RadTabStrip ID="rTabStrip" runat="server" SelectedIndex="0"
Width="950px" MultiPageID="radMultiPage" Skin="Outlook"
OnClientTabSelecting="tabSelecting"
OnClientTabUnSelected="tabUnSelect"
OnClientTabSelected="tabSelected">
<Tabs>
<telerik:RadTab Text="Contact Information" Selected="True" runat="server">
</telerik:RadTab>
<telerik:RadTab Text="Customers" runat="server">
</telerik:RadTab>
<telerik:RadTab Text="Orders" runat="server">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="radMultiPage" runat="server" SelectedIndex="0" onOnPageViewCreated="radMultiPage_PageViewCreated" >
<telerik:RadPageView ID="RPVCDetail" runat="server">
<uc1:contactDet ID="ucCntDet" runat="server" /> <!-- control contains the grid -->
</telerik:RadPageView>
<telerik:RadPageView ID="rpcData" runat="server">
<uc1:gDataFeed ID="ucBetaData" runat="server"></uc1:gDataFeed>
</telerik:RadPageView>
</telerik:RadMultiPage>
Web UserControl code:
<telerik:RadGrid ID="radCntDets" runat="server" GridLines="None" Width="938px"
AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"
OnNeedDataSource="radCntDets_OnNeedDataSource" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates
="True" HorizontalAlign="NotSet">
<ClientSettings EnableRowHoverStyle="True">
<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings>
<MasterTableView GridLines="None" CommandItemDisplay="Top" DataKeyNames="ContactID" EditMode
="InPlace">
<Columns>
<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ItemStyle-Width="100px" HeaderStyle-Width
="100px">
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn UniqueName="First Name" HeaderText="First Name" DataField="FirstName" HeaderStyle-Width="100px" ItemStyle-Width="100px" >
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Last NAme" HeaderText="Last Name" DataField="LastName" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Contact Type" HeaderText="Contact Type" DataField="ContactType" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="vchEmail" HeaderText="Email" DataField="EmailAddress" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Phone Number" HeaderText="Phone" DataField="PhoneNumber" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Role" HeaderText="Role" DataField="PhoneNumber" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Notes" HeaderText="Notes" DataField="Notes" HeaderStyle-Width="220px" ItemStyle-Width
="220px">
</telerik:GridBoundColumn>
</Columns>
<%--<EditFormSettings ColumnNumber="3" CaptionFormatString="Edit details for employee with ID {0}"
CaptionDataField="ContactID">
<FormTableItemStyle Wrap="False"></FormTableItemStyle>
<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>
<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" />
<FormTableStyle GridLines="Horizontal" CellSpacing="0" CellPadding="2" CssClass="module"
Height="110px"/>
<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
<FormStyle BackColor="#eef2ea"></FormStyle>
<EditColumn UpdateText="Update" UniqueName="EditCommandColumn1" CancelText="Cancel" ItemStyle-Font-Size="Smaller">
</EditColumn>
<FormTableButtonRowStyle HorizontalAlign="Left" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>
</EditFormSettings>--%>
</MasterTableView>
</telerik:RadGrid>
codebehind:
protected void radCntDets_OnNeedDataSource(object source, GridNeedDataSourceEventArgs e)
{
radCntDets.DataSource = (DataSet)Session["CDetails"];
}
RadGrid control start jumping up and down when I mouse over on the grid or grid heading.
I am using VS2010 on windows7 OS.
Thanks in advance for your response.
-regards
Indra
Hi,
I have hard time finding some resources how to implement custom provider, in past I found this article
http://www.telerik.com/help/aspnet-ajax/schedule_databindingimplementingaprovider.html
but now I can’t access it.
Do you have any workaround to get that information, or it’s unavailable on purpose?
Thanks for info
// necessary to disable the weekends on client-side navigation |
function OnDayRender(calendarInstance, args) { |
// convert the date-triplet to a javascript date |
// we need Date.getDay() method to determine |
// which days should be disabled (e.g. every Saturday (day = 6) and Sunday (day = 0)) |
var jsDate = new Date(args._date[0], args._date[1] - 1, args._date[2]); |
if (jsDate.getDay() == 0 || jsDate.getDay() == 6) { |
var otherMonthCssClass = "otherMonth_" + calendarInstance.Skin; |
args.Cell.className = otherMonthCssClass; |
// replace the default cell content (anchor tag) with a span element |
// that contains the processed calendar day number -- necessary for the calendar skinning mechanism |
args.Cell.innerHTML = "<span>" + args._date[2] + "</span>"; |
// disable selection and hover effect for the cell |
args.Cell.DayId = ""; |
} |
} |
<telerik:RadDatePicker ID="Raddatepicker2" Style="vertical-align: middle;" Skin="Office2007" Width="200px" |
MinDate="2009-01-01" runat="server" MaxDate="2099-12-16" Culture="Dutch (Netherlands)"> |
<DateInput onclick="ToggleSecondPopup()" DateFormat="d" runat="server"></DateInput> |
<Calendar DayNameFormat="FirstTwoLetters" FirstDayOfWeek="Monday" runat="server" OnDayRender="Calendar_OnDayRender" Skin="Office2007" DisabledDayStyle-ForeColor="Gray"> |
<ClientEvents OnDayRender="OnDayRender" /> |
</Calendar> |
</telerik:RadDatePicker> |
protected void Page_Load(object sender, EventArgs e) |
{ |
if(!Page.IsPostBack) |
{ |
} |
if(!IsAlreadyLoaded) |
{ |
Raddatepicker2.Calendar.SpecialDays.Clear(); |
Raddatepicker2.SelectedDate = DateTime.Now; |
FullPage(); |
FullUpdate(); |
IsAlreadyLoaded = true; |
} |
} |
protected void Calendar_OnDayRender(object sender, Telerik.Web.UI.Calendar.DayRenderEventArgs e) |
{ |
if(e.Day.Date.DayOfWeek == DayOfWeek.Saturday || e.Day.Date.DayOfWeek == DayOfWeek.Sunday) |
{ |
string calendarSkin = Raddatepicker2.Calendar.Skin != "" ? Raddatepicker2.Calendar.Skin : "Default"; |
string otherMonthCssClass = String.Format("otherMonth_{0}", calendarSkin); |
e.Cell.Text = ""; |
e.Cell.CssClass = otherMonthCssClass; |
Label label = new Label(); |
label.Text = e.Day.Date.Day.ToString(); |
e.Cell.Controls.Add(label); |
RadCalendarDay calendarDay = new RadCalendarDay(); |
calendarDay.Date = e.Day.Date; |
calendarDay.IsSelectable = false; |
calendarDay.ItemStyle.CssClass = otherMonthCssClass; |
Raddatepicker2.Calendar.SpecialDays.Add(calendarDay); |
} |
} |