| <PagerTemplate> |
| <telerik:RadSlider ID="slider" runat="server" Orientation="Horizontal" Skin="Office2007" |
| AutoPostBack="true" OnValueChanged="Slide_Changed" DataValueField="lblpage" OnClientSlide="clientSlide" /> |
| <label>Pagina </label> |
| <asp:Label ID="SlideLabel" runat="server" /> |
| <asp:Label ID="lblpage" runat="server" Text='<%# " van " + ItemsGridView.PageCount %>' /> |
| </PagerTemplate> |
| protected void ItemsGridView_DataBound(object sender, EventArgs e) |
| { |
| GridViewRow rowPager = ItemsGridView.BottomPagerRow; |
| if (rowPager != null) |
| { |
| RadSlider slider = (RadSlider)rowPager.Cells[0].FindControl("slider"); |
| slider.MinimumValue = 1; |
| slider.MaximumValue = ItemsGridView.PageCount; |
| slider.Value = ItemsGridView.PageIndex + 1; |
| Label sliderLabel = (Label)rowPager.Cells[0].FindControl("SlideLabel"); |
| sliderLabel.Text = (ItemsGridView.PageIndex + 1).ToString(); |
| string script = @" |
| <script type='text/javascript'> |
| function clientSlide(sender, eventArgs) |
| { |
| var myLabel = document.getElementById('" + sliderLabel.ClientID + @"'); |
| myLabel.innerHTML = sender.get_value(); |
| } |
| </script>"; |
| Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "clientslider", script); |
| slider.OnClientSlide = "clientSlide"; |
| } |
| /* TELERIK RAD GRID */ |
| .RadGrid_Office2007 |
| { |
| border:solid 1px #bfbfbf; |
| } |
| .Custom .GridRow_Office2007 td, |
| .Custom .GridAltRow_Office2007 td, |
| .Custom .GridEditRow_Office2007 td, |
| .Custom .GridFooter_Office2007 td, |
| .Custom .GridGroupFooter_Office2007 td |
| { |
| border:1px #e5e5e5; |
| border-style:none none solid solid; |
| padding-top:4px; |
| padding-bottom:4px; |
| } |
| .Custom .GridRow_Office2007 |
| { |
| background:none #ffffff; |
| line-height:20px; |
| } |
| .Custom .GridAltRow_Office2007 |
| { |
| background:none #f2f2f2; |
| line-height:20px; |
| } |
| .Custom .GridEditRow_Office2007 |
| { |
| background:none #ffffe1; |
| } |
| .Custom .SelectedRow_Office2007 |
| { |
| background:none #ffffe1; |
| } |
| .Custom .SelectedRow_Office2007 td, |
| .Custom .SelectedRow_Office2007>td:first-child |
| { |
| border-color:#f2f2f2; |
| } |
| .Custom .GridRowOver_Office2007 |
| { |
| background:none #666666; |
| } |
| .Custom .GridPager_Office2007 |
| { |
| background: #edf5e5; |
| color:#333333; |
| } |
| .Custom .GridPager_Office2007 td |
| { |
| border:1px solid #bfbfbf; |
| border-left:0px; |
| border-right:0px; |
| padding:1px 4px 2px; |
| } |
| .Custom .PagerLeft_Office2007 |
| { |
| padding:5px; |
| float:right; |
| } |
| .Custom .PagerRight_Office2007 |
| { |
| padding:5px; |
| float:left; |
| } |
| .Custom .GridHeader_Office2007 |
| { |
| color: #666666; |
| font-weight: bold; |
| border-left:1px solid #e5e5e5; |
| border-bottom: solid 1px #e5e5e5; |
| background:none #f2f2f2; |
| padding:5px; |
| } |
| .Custom .GridHeader_Office2007 a, a:link, a:visited |
| { |
| text-decoration:none; |
| font-weight:bold; |
| color:#666666; |
| } |
| .Custom .GridHeader_Office2007 a:hover, a:active |
| { |
| text-decoration:underline; |
| font-weight:bold; |
| color:#666666; |
| } |
| .Custom .InnerHeaderStyle_Office2007 a, a:link, a:visited |
| { |
| text-decoration:none; |
| font-weight:bold; |
| color:#666666; |
| } |
| .Custom .InnerHeaderStyle_Office2007 a:hover, a:active |
| { |
| text-decoration:underline; |
| font-weight:bold; |
| color:#666666; |
| } |
| .Custom .InnerHeaderStyle_Office2007 |
| { |
| color: #666666; |
| font-weight: bold; |
| border-left:1px solid #e5e5e5; |
| border-bottom: solid 1px #e5e5e5; |
| background:none #f2f2f2; |
| padding:5px; |
| } |
| .Custom input[type="text"] |
| { |
| FONT: 11px Arial, Helvetica, sans-serif; |
| COLOR: #333333; |
| MARGIN: 0px 0px 0px 0px; |
| TEXT-ALIGN: left; |
| BORDER: solid 1px #7f9db9; |
| } |
| <telerik:RadGrid ID="RadGridCE" runat="server" |
| Skin="Office2007" |
| CssClass="Custom" |
| > |

| function submitFilter() { |
| debugger; |
| var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>"); |
| var combo = $find('<%# ((GridItem)Container).FindControl("radComboBox1").ClientID %>'); |
| var ToPicker = $find('<%# ((GridItem)Container).FindControl("ToOrderDatePicker").ClientID %>'); |
| var FromPicker = $find('<%# ((GridItem)Container).FindControl("FromOrderDatePicker").ClientID %>'); |
| var fromDate = FormatSelectedDate(FromPicker); |
| var toDate = FormatSelectedDate(ToPicker); |
| tableView.filter('<%# _fieldName %>', fromDate + " " + toDate, "Between"); |
| tableView.filter("PolicyType", combo.get_selectedItem().get_text(), "EqualTo"); |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| if (!IsPostBack) |
| { |
| if (Session["RadGridFilterConditions"] != null) |
| { |
| RadGrid1.MasterTableView.FilterExpression = Session["RadGridFilterConditions"].ToString(); |
| RadGrid1.DataBind(); |
| } |
| } |
| } |
| protected void Page_PreRender(object sender, EventArgs e) |
| { |
| Session["RadGridFilterConditions"] = RadGrid1.MasterTableView.FilterExpression; |
| } |
| <telerik:RadComboBox ID="CB_Groupe" runat="server" Skin="Black" DataSourceID="AccessDataSource3" |
| DataTextField="nom_groupe" DataValueField="groupes_id" AutoPostBack="true" AppendDataBoundItems="true" |
| AutoCompleteSeparator=";" MarkFirstMatch="true" Width="200px" Height="150px" Style="z-index: 100002;"> |
| </telerik:RadComboBox> |
| function showFilterItem() { |
| var grid = $find("<%= RadGrid1.ClientID %>"); |
| grid.get_masterTableView().showFilterItem(); |
| //get all detail tables in the hierarchy |
| var detailTablesArray = grid.get_detailTables(); |
| for (var x = 0; x < detailTablesArray.length; x++) { |
| detailTablesArray[x].showFilterItem(); |
| } |
| } |
| function hideFilterItem() { |
| var grid = $find("<%= RadGrid1.ClientID %>"); |
| grid.get_masterTableView().hideFilterItem(); |
| //get all detail tables in the hierarchy |
| var detailTablesArray = grid.get_detailTables(); |
| for (var x = 0; x < detailTablesArray.length; x++) { |
| detailTablesArray[x].hideFilterItem(); |
| } |
| } |
<
asp:LinkButton ID="LinkButton1" runat="server" OnClick="lnkbtnAddSlot_New_Click"
Width="97px" CssClass="sf-inputsLinkButton" OnClientClick="return AddSlot_New()">Add Slot_New</asp:LinkButton>
OnClientClick I want to access the no. of rows in radgrid and the values of the cells.
I used
var gvWorkingHours = $find("<%= gvWorkingHours_New.ClientID %>").get_masterTableView();
This is becoming null always.
for (var i = 0; i < gvWorkingHours.get_masterTableView().get_dataItems().length; i++)
{
var row = Rows[i];
var textbox1 = row.findControl("txtSlotName"); //
}
Please suggest solution.
Below is the entire source code.
------------
aspx page
---
<%
@ Page Language="C#" AutoEventWireup="true"
MasterPageFile
="~/EnterpiseConsoleFiles/MasterPage.master" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%
@ Register Assembly="RadCalendar.Net2" Namespace="Telerik.WebControls" TagPrefix="radCln" %>
<%
@ Register Assembly="RadAjax.Net2" Namespace="Telerik.WebControls" TagPrefix="radA" %>
<%
@ Register Assembly="RadGrid.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %>
<
asp:Content ID="content" runat="server" ContentPlaceHolderID="Cont">
<script type="text/javascript">
function TestHandler(sender, eventArgs)
{
var oldTime = eventArgs.oldTime;
var newTime = eventArgs.newTime;
var msg = "Time changed from ";
if (oldTime)
msg = msg + oldTime;
else
msg = msg +
"nothing";
msg = msg +
" to ";
if (newTime)
msg = msg + newTime;
else
msg = msg +
"nothing";
alert(msg);
}
function AddSlot_New()
{
debugger;
var gvWorkingHours = $find("<%= gvWorkingHours_New.ClientID %>").get_masterTableView();
for (var i = 0; i < gvWorkingHours.get_masterTableView().get_dataItems().length; i++)
{
var row = Rows[i];
var textbox1 = row.findControl("txtSlotName"); //
}
}
function DateSelected(sender, args)
{
var text = args.newTime;
alert(
'sree');
}
function error(sender, args)
{
var text = args.get_inputText;
alert(
'dhar');
}
</script>
<div>
<rad:RadGrid ID="gvWorkingHours_New" runat="server" Skin="SkeltaGrid" AutoGenerateColumns="false"
>
<MasterTableView>
<Columns>
<rad:GridTemplateColumn>
<ItemTemplate>
<asp:TextBox runat="server" ID="txtSlotName" CssClass="inputsNoExpression" Text='<%# Eval("SlotName") %>'></asp:TextBox>
</ItemTemplate>
</rad:GridTemplateColumn>
<rad:GridTemplateColumn>
<ItemTemplate>
<radCln:RadTimePicker ID="rtpFromTime" Width="31%" runat="server" TabIndex="2" EnableTyping="true"
TimeView-TimeFormat="HH:mm" DateInput-DateFormat="HH:mm" DateInput-DisplayDateFormat="HH:mm"
DateInput-EmptyMessage="From Time" DBSelectedDate='<%# Eval("FromTime") %>'>
<TimeView ID="tvFrom" runat="server" ShowHeader="False" Interval="00:30" Columns="3">
</TimeView>
<ClientEvents OnDateSelected="DateSelected" />
<DateInput>
<ClientEvents OnError="error" />
</DateInput>
</radCln:RadTimePicker>
</ItemTemplate>
</rad:GridTemplateColumn>
<rad:GridTemplateColumn>
<ItemTemplate>
<radCln:RadTimePicker ID="rtpToTime" Width="31%" runat="server" TabIndex="2" EnableTyping="true"
TimeView-TimeFormat="HH:mm" DateInput-DateFormat="HH:mm" DateInput-DisplayDateFormat="HH:mm"
DateInput-EmptyMessage="To Time" DBSelectedDate='<%# Eval("ToTime") %>'>
<TimeView ID="tvTo" runat="server" ShowHeader="False" Interval="00:30" Columns="3"
OnClientTimeSelected="TestHandler">
</TimeView>
</radCln:RadTimePicker>
</ItemTemplate>
</rad:GridTemplateColumn>
<rad:GridTemplateColumn>
<ItemTemplate>
<asp:CompareValidator ID="dateCompareValidator" runat="server" ControlToValidate="rtpToTime"
ControlToCompare="rtpFromTime" Operator="GreaterThan" Type="String" ErrorMessage="To Date must be greater than From Date">
</asp:CompareValidator>
</ItemTemplate>
</rad:GridTemplateColumn>
</Columns>
</MasterTableView>
</rad:RadGrid>
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="lnkbtnAddSlot_New_Click"
Width="97px" CssClass="sf-inputsLinkButton" OnClientClick="return AddSlot_New()">Add Slot_New</asp:LinkButton>
</div>
</asp:Content>
code behind
-----------------
using
System;
using
System.Data;
using
System.Configuration;
using
System.Collections;
using
System.Web;
using
System.Web.Security;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
System.Web.UI.WebControls.WebParts;
using
System.Web.UI.HtmlControls;
using
Telerik.WebControls;
public
partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
SetInitialRowForSlots_New();
}
}
private void SetInitialRowForSlots_New()
{
DataTable dtSlots = new DataTable();
dtSlots.Columns.Add(
new DataColumn("SlotName", typeof(string)));
dtSlots.Columns.Add(
new DataColumn("FromTime", typeof(string)));
dtSlots.Columns.Add(
new DataColumn("ToTime", typeof(string)));
DataRow drSlot = dtSlots.NewRow();
drSlot[
"SlotName"] = string.Empty;
drSlot[
"FromTime"] = new TimeSpan(0, 0, 0);
drSlot[
"ToTime"] = new TimeSpan(0, 0, 0);
dtSlots.Rows.Add(drSlot);
gvWorkingHours_New.DataSource = dtSlots;
gvWorkingHours_New.DataBind();
}
protected void lnkbtnAddSlot_New_Click(object sender, EventArgs e)
{
DataTable dtSlots = new DataTable();
dtSlots.Columns.Add(
new DataColumn("SlotName", typeof(string)));
dtSlots.Columns.Add(
new DataColumn("FromTime", typeof(string)));
dtSlots.Columns.Add(
new DataColumn("ToTime", typeof(string)));
foreach (GridDataItem pkgItem in gvWorkingHours_New.MasterTableView.Items)
{
TextBox SlotName = pkgItem.FindControl("txtSlotName") as TextBox;
RadTimePicker FrTime = pkgItem.FindControl("rtpFromTime") as RadTimePicker;
RadTimePicker ToTime = pkgItem.FindControl("rtpToTime") as RadTimePicker;
DataRow dr = dtSlots.NewRow();
dr[
"SlotName"] = SlotName.Text;
dr[
"FromTime"] = new TimeSpan(((DateTime)(FrTime.DbSelectedDate)).TimeOfDay.Hours, ((DateTime)(FrTime.DbSelectedDate)).TimeOfDay.Minutes, 0);
dr[
"ToTime"] = new TimeSpan(((DateTime)(ToTime.DbSelectedDate)).TimeOfDay.Hours, ((DateTime)(ToTime.DbSelectedDate)).TimeOfDay.Minutes, 0);
dtSlots.Rows.Add(dr);
}
DataRow drEmpty = dtSlots.NewRow();
drEmpty[
"SlotName"] = string.Empty;
drEmpty[
"FromTime"] = new TimeSpan(0, 0, 0);
drEmpty[
"ToTime"] = new TimeSpan(0, 0, 0);
dtSlots.Rows.Add(drEmpty);
gvWorkingHours_New.DataSource = dtSlots;
gvWorkingHours_New.DataBind();
}
}
Regards
Sreedhar Ambati