Hi Team,
I've attached the image. Please look over it..
Issues:
--------
1.In month View, the appointment is not fixed properly, i have given as
.RadScheduler_Web20 .rsMonthView .rsWrap
{
min-height: 150px !important;
}
The appointment should be bind flexible...
If there is single appointment on that row, the height must set appropriate to that appointment.
2. When i click the Day , Week , Timeline Tab , the link doesn't work.
Please reply me ASAP
here is my scheduer.css
/* RadScheduler Web20 skin */
/* common */
.RadScheduler_Web
20
, .RadScheduler_Web
20
a, .RadScheduler_Web
20
input, .RadScheduler_Web
20
select, .RadScheduler_Web
20
textarea
{
color
:
#333
;
font
:
normal
12px
/
14px
"Segoe UI"
,
Arial
,
sans-serif
;
}
.RadScheduler_Web
20
textarea
{
background
:
#fff
;
}
/* header */
/* header sprites */
.RadScheduler_Web
20
.rsHeader, .RadScheduler_Web
20
.rsHeader .rsDatePickerActivator, .RadScheduler_Web
20
.rsHeader .rsPrevDay, .RadScheduler_Web
20
.rsHeader .rsNextDay
{
background-image
:
url
(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web
20
.rsHeader
{
border
:
1px
solid
#243567
;
}
.RadScheduler_Web
20
.rsHeader, .RadScheduler_Web
20
.rsHeader a
{
color
:
#fff
;
}
.RadScheduler_Web
20
.rsHeader em
{
font-weight
:
bold
;
font-size
:
14px
;
color
:LightGreen;
}
.RadScheduler_Web
20
.rsHeader .rsToday
{
color
:
#CCC
;
}
/* content */
.RadScheduler_Web
20
.rsContent
{
background
:
#fff
;
}
/* <headers> */
.RadScheduler_Web
20
.rsHorizontalHeaderTable
{
color
:
#fff
;
background
:
#e4e4e4
;
}
.RadScheduler_Web
20
.rsHorizontalHeaderWrapper
{
border-color
:
#a4b7d0
;
background
:
#dce5f3
;
}
.RadScheduler_Web
20
.rsSpacerCell, .RadScheduler_Web
20
.rsAllDayHeader, .RadScheduler_Web
20
.rsVerticalHeaderWrapper, .RadScheduler_Web
20
.rsVerticalHeaderTable
{
background
:
#dce5f3
;
}
.RadScheduler_Web
20
.rsVerticalHeaderTable th
{
border-color
:
#868686
#a2b3c7
;
color
:
#45709b
;
}
.RadScheduler_Web
20
.rsHorizontalHeaderTable th
{
border-color
:
#a4b7d0
;
background-color
:
#C3D9F1
;
background-image
:
url
(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web
20
.rsVerticalHeaderTable th
{
border-color
:
transparent
#a2b3c7
;
border-top
:
0
;
}
.RadScheduler_Web
20
.rsVerticalHeaderTable .rsAlt th
{
border-color
:
#a4b7d0
#a2b3c7
;
}
/* </headers> */
/* <all-day-row> */
.RadScheduler_Web
20
.rsAllDayRow
{
background
:
#dce5f3
;
}
.RadScheduler_Web
20
.rsSpacerCell, .RadScheduler_Web
20
.rsAllDayHeader, .RadScheduler_Web
20
.rsVerticalHeaderTable .rsAllDayHeader
{
color
:
#45709b
;
border-color
:
#a4b7d0
#a2b3c7
;
}
.RadScheduler_Web
20
.rsAllDayRow td, .RadScheduler_Web
20
.rsContentTable .rsAllDayRow td
{
border-color
:
#a4b7d0
;
border-style
:
solid
;
}
.RadScheduler_Web
20
.rsVerticalHeaderTable .rsMainHeader th
{
border-bottom-color
:
#a4b7d0
;
}
.RadScheduler_Web
20
.rsSpacerCell, .RadScheduler_Web
20
.rsContent .rsAllDayHeader
{
border-bottom-color
:
#a4b7d0
;
}
/* </all-day-row> */
.RadScheduler_Web
20
.rsContent, .RadScheduler_Web
20
.rsTopWrap .rsFooter
{
border
:
1px
solid
#6788be
;
border-top
:
0
;
}
.RadScheduler_Web
20
.rsContentTable td
{
border-color
:
#e6eef8
;
border-bottom-style
:
dotted
;
}
.RadScheduler_Web
20
.rsContentTable .rsAlt td
{
border-color
:
#a4b7d0
#e6eef8
;
border-bottom-style
:
solid
;
}
.RadScheduler_Web
20
.rsMonthView .rsOtherMonth
{
background-color
:
#F9F9F9
;
}
.RadScheduler_Web
20
.rsDayView. .rs
{
width
:
10px
!important
;
}
/* <appointments> */
.RadScheduler_Web
20
.rsApt .rsArrowTop, .RadScheduler_Web
20
.rsApt .rsArrowBottom, .RadScheduler_Web
20
.rsApt .rsArrowLeft, .RadScheduler_Web
20
.rsApt .rsArrowRight, .RadScheduler_Web
20
.rsApt .rsAptDelete, .RadScheduler_Web
20
.rsApt .rsAptResize, .RadScheduler_Web
20
.rsApt .rsAptRecurrence, .RadScheduler_Web
20
.rsApt .rsAptRecurrenceException
{
background-color
:
transparent
;
background-image
:
url
(
'Scheduler/rsSprites.png'
);
background-repeat
:
no-repeat
;
}
.RadScheduler_Web
20
.rsApt .rsAptDelete
{
width
:
22px
;
}
.RadScheduler_Web
20
.rsAptCreate, .RadScheduler_Web
20
.rsMonthView .rsAptCreate
{
background-color
:
#ccdcf1
;
background-image
:
url
(
'Scheduler/rsSprites.png'
);
background-repeat
:
repeat-x
;
}
.RadScheduler_Web
20
.rsAptCreateRow
2
, .RadScheduler_Web
20
.rsMonthView .rsAptCreateRow
2
{
background-color
:
#ccdcf1
;
background-image
:
url
(
'Scheduler/rsSprites.png'
);
background-repeat
:
repeat-x
;
}
.RadScheduler_Web
20
.rsSunCol, .RadScheduler_Web
20
.rsSatCol
{
background-color
:
#f5fcff
;
}
.RadScheduler_Web
20
.rsAptCreateRow
3
, .RadScheduler_Web
20
.rsMonthView .rsAptCreateRow
3
, .RadScheduler_Web
20
.rsAptCreateRow
4
, .RadScheduler_Web
20
.rsMonthView .rsAptCreateRow
4
, .RadScheduler_Web
20
.rsAptCreateRow
5
, .RadScheduler_Web
20
.rsMonthView .rsAptCreateRow
5
{
background
:
#ccdcf1
;
}
.RadScheduler_Web
20
.rsAptContent, .RadScheduler_Web
20
.rsAptIn, .RadScheduler_Web
20
.rsAptMid, .RadScheduler_Web
20
.rsAptOut
{
background-image
:
url
(
'Scheduler/rsAppointmentBg.png'
);
}
/* Added by Daniel for increasing the Month View Height only without affecting other types*/
.RadScheduler_Web
20
.rsMonthView .rsAptContent, .RadScheduler_Web
20
.rsMonthView .rsAptIn, .RadScheduler_Web
20
.rsMonthView .rsAptMid, .RadScheduler_Web
20
.rsMonthView .rsAptOut
{
margin-top
:
-120px
!important
;
height
:
auto
!important
;
}
/* Added by Daniel for increasing the Timeline View Height only without affecting other types*/
.RadScheduler_Web
20
.rsTimelineView .rsAptContent, .RadScheduler_Web
20
.rsTimelineView .rsAptIn, .RadScheduler_Web
20
.rsTimelineView .rsAptMid, .RadScheduler_Web
20
.rsTimelineView .rsAptOut
{
height
:
auto
!important
;
}
/* Added by Daniel for setting the DayView width for appointment only without affecting other types*/
.RadScheduler_Web
20
.rsDayView .rsAptContent, .RadScheduler_Web
20
.rsDayView .rsAptIn, .RadScheduler_Web
20
.rsDayView .rsAptMid, .RadScheduler_Web
20
.rsDayView .rsAptOut
{
width
:
200px
!important
;
}
/* </appointments> */
/* <month view> */
.RadScheduler_Web
20
.rsMonthView .rsDateBox
{
background-color
:
#d0dbed
;
background-image
:
url
(
'Scheduler/rsSprites.png'
);
border-bottom
:
1px
solid
#81a5da
;
}
/* Added by Daniel for increasing the Month and Timeline View of Content Height only without affecting other types*/
.RadScheduler_Web
20
.rsMonthView .rsWrap
{
min-height
:
150px
!important
;
}
/* Added by Daniel for increasing the Month and Timeline View of Content Height only without affecting other types*/
.RadScheduler_Web
20
.rsTimelineView .rsWrap
{
min-height
:
150px
!important
;
height
:
auto
!important
;
}
/* </month view> */
/* <footer> */
.RadScheduler_Web
20
div.rsFooter
{
background-color
:
#f0fafd
;
background-image
:
url
(
'Scheduler/rsSprites.png'
);
background-repeat
:
repeat-x
;
border-color
:
#a2a2a2
;
}
.RadScheduler_Web
20
div.rsFooter .rsFullTime
{
color
:
#000
;
background-position
:
0
-248px
;
padding
:
3px
0
4px
17px
;
background-color
:
transparent
;
background-image
:
url
(
'Scheduler/rsSprites.png'
);
background-repeat
:
no-repeat
;
}
.RadScheduler_Web
20
div.rsFooter .rsFullTime:hover
{
color
:
#333
;
background-position
:
0
-271px
;
}
/* </footer> */
/* <inline edit form> */
.RadScheduler_Web
20
.rsAptEditResizeHandle, .RadScheduler_Web
20
.rsAptEditFormWrapper
{
background-image
:
url
(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web
20
.rsAptEditFormOuter,
/* top */
.RadScheduler_Web
20
.rsAptEditFormInner
/* bottom */
{
background-image
:
url
(
'Scheduler/rsInlineEditHSprite.png'
);
}
.RadScheduler_Web
20
.rsAptEditFormMiddle,
/* left */
.RadScheduler_Web
20
.rsAptEditFormMiddle
2
/* right */
{
background-image
:
url
(
'Scheduler/rsInlineEditVSprite.png'
);
}
.RadScheduler_Web
20
.rsAptEditFormWrapper .rsAptEditTextareaWrapper
{
border-color
:
#bcd2f1
;
background
:
#fff
;
}
.RadScheduler_Web
20
.rsAptEditFormWrapper .rsAptEditTextareaWrapper textarea
{
background
:
#fff
;
}
/* <inline edit form template and edit background> */
.RadScheduler_Web
20
.rsAptEditFormWrapper .rsTemplateWrapper, .RadScheduler_Web
20
.rsAptEditFormWrapper .rsEditOptions
{
background
:
#e7f1ff
;
}
/* </inline edit form template and edit background> */
/* </inline edit form> */
/* <advanced edit form> */
.RadScheduler_Web
20
.rsAdvancedEdit .rsAdvContentWrapper
{
background
:
#fff
;
border
:
1px
solid
#6788be
;
border-top-color
:
#47689e
;
}
/* <xref input skins> */
.RadScheduler_Web
20
.rsAdvancedEdit .rsAdvInput, .RadScheduler_Web
20
.rsAdvancedEdit select, .RadScheduler_Web
20
.rsAdvancedEdit .textareaWrapper
{
border-color
:
#6788be
;
}
.RadScheduler_Web
20
.rsAdvancedEdit .rsInvalid textarea
{
background-image
:
url
(
'Input/sprite.gif'
);
}
.RadScheduler_Web
20
.rsAdvancedEdit .textareaWrapper
{
background
:
#fff
;
}
.RadScheduler_Web
20
.rsAdvancedEdit .rsInvalid
{
border-color
:
#F32800
;
color
:
#F32800
;
}
/* </xref input skins> */
.RadScheduler_Web
20
.rsAdvancedEdit h
2
, .RadScheduler_Web
20
.rsAdvancedEdit h
3
{
color
:
#5e83a8
;
}
.RadScheduler_Web
20
.rsAdvancedEdit h
2
{
border-bottom
:
1px
solid
#CCC
;
}
.RadScheduler_Web
20
.rsAdvancedEdit h
2
span
{
background
:
#fff
;
}
.RadScheduler_Web
20
.rsAdvancedEdit .rsAdvRecurrenceFreq
{
border-right
:
1px
solid
#fff
;
}
.RadScheduler_Web
20
.rsAdvancedEdit ul.rsRecurrenceOptionList
/* ??? */
{
border-right
:
1px
solid
#CCC
;
}
.RadScheduler_Web
20
.rsAdvancedEdit div.rsAdvPatternPanel
{
border-left
:
0
;
}
.RadScheduler_Web
20
.rsAdvancedEdit .rsAdvancedSubmitArea
{
border-color
:
#CCC
;
}
/* </advanced edit form> */
/* <date/time picker> */
.RadScheduler_Web
20
.rsAdvancedEdit .rsAdvEditClose, .RadScheduler_Web
20
.rsTimePick .RadInput_Web
20
input.riEnabled, .RadScheduler_Web
20
.rsTimePick .RadInput_Web
20
input.riHover, .RadScheduler_Web
20
.rsTimePick .RadInput_Web
20
input.riFocused, .RadScheduler_Web
20
.rsTimePick .RadInput_Web
20
input.riEmpty
{
background-image
:
url
(
'Scheduler/rsSprites.png'
);
}
/* </date/time picker> */
/* <modal dialogs> */
.RadScheduler_Web
20
.rsAdvancedEdit .rsAdvTitle, .RadScheduler_Web
20
.rsModalWrapper .rsModalOuter
{
border-color
:
#416094
;
background-image
:
url
(
'Scheduler/rsModalOuterBg.png'
);
}
.RadScheduler_Web
20
.rsAdvancedEdit .rsAdvInnerTitle, .RadScheduler_Web
20
.rsModalWrapper .rsModalOuterTitle
{
background-image
:
url
(
'Scheduler/rsModalOuterTitleBg.png'
);
}
.RadScheduler_Web
20
.rsAdvancedEdit .rsAdvInnerTitle
{
color
:
#FFF
;
}
.RadScheduler_Web
20
div.rsModalWrapper .rsModalWindowClose
{
background-image
:
url
(
'Scheduler/rsSprites.png'
);
height
:
19px
;
margin-top
:
-24px
;
width
:
31px
;
opacity:
0.8
;
-moz-opacity:
0.8
;
filter: alpha(opacity=
80
);
}
.RadScheduler_Web
20
.rsModalWrapper .rsModalWindowClose:hover
{
opacity:
1
;
-moz-opacity:
1
;
filter: alpha(opacity=
100
);
}
.RadScheduler_Web
20
.rsModalWrapper .rsModalTitle
{
color
:
#fff
;
background-image
:
url
(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web
20
.rsModalWrapper .rsModalInner
{
border-color
:
#6788be
;
background
:
#fff
;
}
.RadScheduler_Web
20
.rsModalWrapper .rsModalIcon
{
background-image
:
url
(
'Scheduler/rsSprites.png'
);
}
/* Inline Edit buttons + ModalDialog buttons */
.RadScheduler_Web
20
.rsModalWrapper .rsModalButtons a, .RadScheduler_Web
20
.rsAdvancedEdit div.rsAdvancedSubmitArea a, .RadScheduler_Web
20
.rsTopWrap .rsAptEditFormWrapper .rsEditOptions a
{
color
:
#FFF
;
background-image
:
url
(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web
20
.rsTopWrap
{
min-height
:
10px
!important
;
}
.RadScheduler_Web
20
.rsModalWrapper .rsModalButtons a:hover, .RadScheduler_Web
20
.rsAdvancedEdit div.rsAdvancedSubmitArea a:hover, .RadScheduler_Web
20
.rsTopWrap .rsAptEditFormWrapper .rsEditOptions a:hover
{
color
: Blue;
}
/* </modal dialogs> */
Hi,
I'm using radeditor((Q2 2008 version). below mention code I written but I didn't get proper alignment for tool bar.
<rad:RadEditor ID="rdEditorAgenda" Editable="true" runat="server" NewLineBr="true" Width="100%"
Skin="WebBlue" ToolsFile="~/Template/DynamicContentEditorToolsFile.xml"
CssFiles="~/CSS/RadEditor.css" ShowSubmitCancelButtons="false" >
</rad:RadEditor>
but if I'm add ToolbarMode="ShowOnFocus" this property, that time when default page open, toolbar is not enabled. when you click on inside the radeditor toolbar display with correct format.
<rad:RadEditor ID="rdEditorAgenda" Editable="true" runat="server" NewLineBr="true" Width="100%"
Skin="WebBlue" ToolsFile="~/Template/DynamicContentEditorToolsFile.xml"
CssFiles="~/CSS/RadEditor.css" ShowSubmitCancelButtons="false" ToolbarMode="ShowOnFocus" >
</rad:RadEditor>
Thanks in Advance
Mr. Perfect.
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
div
>
<
telerik:RadGrid
DataSourceID
=
"ObjectDataSource1"
Skin
=
"Vista"
GridLines
=
"None"
AutoGenerateColumns
=
"False"
ID
=
"RadGrid1"
runat
=
"server"
>
<
MasterTableView
CommandItemDisplay
=
"Top"
DataKeyNames
=
"ID"
EnableNoRecordsTemplate
=
"true"
DataSourceID
=
"ObjectDataSource1"
>
<
NestedViewTemplate
>
<
asp:Panel
runat
=
"server"
ID
=
"InnerContainer"
Visible
=
"false"
>
<
telerik:RadTabStrip
ID
=
"RadTabStrip1"
MultiPageID
=
"mpLocalizationDataSection"
runat
=
"server"
SelectedIndex
=
"2"
Skin
=
"Vista"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Tabulka 1"
PageViewID
=
"pgv"
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Tabulka 2"
PageViewID
=
"pgv2"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
<
telerik:RadMultiPage
runat
=
"server"
ID
=
"mpLocalizationDataSection"
SelectedIndex
=
"2"
RenderSelectedPageOnly
=
"false"
>
<
telerik:RadPageView
runat
=
"server"
ID
=
"pgv"
>
<
telerik:RadGrid
ID
=
"RadGrid2"
Width
=
"100%"
DataSourceID
=
"ObjectDataSource2"
Skin
=
"Vista"
GridLines
=
"None"
AutoGenerateColumns
=
"false"
runat
=
"server"
onprerender
=
"RadGrid2_PreRender"
>
<
MasterTableView
CommandItemDisplay
=
"Top"
AutoGenerateColumns
=
"false"
DataKeyNames
=
"ID"
Width
=
"100%"
ExpandCollapseColumn-Display
=
"false"
ExpandCollapseColumn-Visible
=
"false"
EnableNoRecordsTemplate
=
"true"
DataSourceID
=
"ObjectDataSource2"
>
<
Columns
>
<
telerik:GridBoundColumn
HeaderText
=
"ID"
Visible
=
"false"
DataField
=
"ID"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
HeaderText
=
"Meno"
Visible
=
"false"
DataField
=
"Name"
>
</
telerik:GridBoundColumn
>
</
Columns
>
<
NestedViewTemplate
>
<
asp:Panel
ID
=
"NesteViewPanel"
runat
=
"server"
>
<
asp:Label
runat
=
"server"
ID
=
"lblLocationPremisesTypeCode"
Text='<%# (Eval("ID")) %>' >
</
asp:Label
>
<
asp:Label
runat
=
"server"
ID
=
"Label3"
Text='<%# (Eval("Name")) %>' >
</
asp:Label
>
</
asp:Panel
>
</
NestedViewTemplate
>
</
MasterTableView
>
</
telerik:RadGrid
>
<
asp:ObjectDataSource
ID
=
"ObjectDataSource2"
DataObjectTypeName
=
"TestRadgridInsert.DTO2"
TypeName
=
"TestRadgridInsert.DS1"
SelectMethod
=
"Select2"
runat
=
"server"
>
</
asp:ObjectDataSource
>
</
telerik:RadPageView
>
<
telerik:RadPageView
runat
=
"server"
ID
=
"pgv2"
>
text
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
</
asp:Panel
>
</
NestedViewTemplate
>
<
Columns
>
<
telerik:GridBoundColumn
HeaderText
=
"ID"
DataField
=
"ID"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
HeaderText
=
"Meno"
DataField
=
"Name"
>
</
telerik:GridBoundColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
<
asp:ObjectDataSource
ID
=
"ObjectDataSource1"
DataObjectTypeName
=
"TestRadgridInsert.DTO1"
TypeName
=
"TestRadgridInsert.DS1"
SelectMethod
=
"Select1"
runat
=
"server"
>
</
asp:ObjectDataSource
>
</
div
>
</
form
>
</
body
>
</
html
>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
namespace TestRadgridInsert
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
RadGrid1.ItemCreated += new Telerik.Web.UI.GridItemEventHandler(RadGrid1_ItemCreated);
RadGrid1.PreRender += new EventHandler(RadGrid1_PreRender);
RadGrid1.ItemCommand += new GridCommandEventHandler(RadGrid1_ItemCommand);
}
void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
{
if (e.CommandName == RadGrid.ExpandCollapseCommandName)
{
((GridDataItem)e.Item).ChildItem.FindControl("InnerContainer").Visible = !e.Item.Expanded;
}
}
void RadGrid1_PreRender(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
RadGrid1.MasterTableView.Items[0].Expanded = true;
RadGrid1.MasterTableView.Items[0].ChildItem.FindControl("InnerContainer").Visible = true;
}
}
void RadGrid1_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
if (e.Item is GridNestedViewItem)
{
e.Item.FindControl("InnerContainer").Visible = ((GridNestedViewItem)e.Item).ParentItem.Expanded;
}
}
protected void RadGrid2_PreRender(object sender, EventArgs e)
{
RadGrid grid = sender as RadGrid;
if (grid.MasterTableView.Items.Count > 0)
{
grid.MasterTableView.Items[0].Expanded = true;
GridExpandColumn collapseCol = grid.MasterTableView.ExpandCollapseColumn as GridExpandColumn;
//collapseCol.Display = false;
}
}
}
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace TestRadgridInsert
{
public class DS1
{
public List<
DTO1
> Select1()
{
List<
DTO1
> list = new List<
DTO1
>();
for (int i = 0; i <
3
; i++)
{
DTO1
dto1
=
new
DTO1();
dto1.ID
=
i
;
dto1.Name
=
"meno "
+ i.ToString();
list.Add(dto1);
}
return list;
}
public List<DTO2> Select2()
{
List<
DTO2
> list = new List<
DTO2
>();
//for (int i = 0; i < 1; i++)
//{
// DTO2 dto2 = new DTO2();
// dto2.ID = i;
// dto2.Name = "meno " + i.ToString();
// list.Add(dto2);
//}
return list;
}
public void Insert2(DTO2 item)
{
}
}
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace TestRadgridInsert
{
public class DTO1
{
public DTO1()
{
}
public int ID { get; set; }
public string Name { get; set; }
}
public class DTO2
{
public DTO2()
{
}
public int ID { get; set; }
public string Name { get; set; }
}
}
<
EditFormSettings
InsertCaption
=
"Add Note"
CaptionFormatString
=
"View Note"
EditFormType
=
"Template"
>
<
PopUpSettings
Modal
=
"true"
/>
<
FormTemplate
>
<
table
id
=
"tblAddNote"
cellspacing
=
"1"
cellpadding
=
"1"
width
=
"250px"
border
=
"0"
>
<
tr
>
<
td
>
<
asp:TextBox
ReadOnly='<%# !(Container is GridEditFormInsertItem) %>' Width="400px" Height="150px" TextMode="MultiLine" ID="txtNote" Text='<%# Bind( "Content") %>' runat="server">
</
asp:TextBox
>
</
td
>
</
tr
>
</
table
>
<
table
style
=
"width: 100%"
>
<
tr
>
<
td
align
=
"right"
colspan
=
"2"
>
<
asp:Button
ID
=
"btnUpdate"
Text='<%# (Container is GridEditFormInsertItem) ? "Add" : "Close" %>'
runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Cancel" %>'>
</
asp:Button
>
<
asp:Button
ID
=
"btnCancel"
Visible="<%# (Container is GridEditFormInsertItem) %>" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel">
</
asp:Button
>
</
td
>
</
tr
>
</
table
>
</
FormTemplate
>
</
EditFormSettings
>
<
telerik:GridTemplateColumn DataField="RequestedHidden" Visible="false" ReadOnly="true" HeaderStyle-HorizontalAlign="Center"
UniqueName="Requested" HeaderText="Requested" ShowSortIcon="false">
<EditItemTemplate>
<telerik:RadNumericTextBox ID="tbxReqHidden" Value='<%#Bind("Requested") %>' CssClass="RightAlign"
runat="server" Culture="English (United States)" Type="Number" NumberFormat-DecimalDigits="0"
Width="90px" MinValue="0" DataType="System.Int32" Enabled="false" Visible="false" >
</telerik:RadNumericTextBox>
</EditItemTemplate>
</telerik:GridTemplateColumn>
Here is the JS:
function RequestedTotal(sender, args) {
var rdgrid = $find("<%=RadGrid1.ClientID %>");
var cell = sender.get_element().parentNode.parentNode;
var index = cell.parentNode.rowIndex;
var MasterTable = rdgrid.get_masterTableView();
var original = MasterTable.get_dataItems()[index - 2].findControl("tbxReqHidden");
tempValueRequested = sumInputRequested.get_value() - original;
sumInputRequested.set_value(tempValueRequested + sender.get_value());
}