Questions on UI for ASP.NET AJAX Forum

8 answers

504 views

cancel grid edit/insert mode from a button outside the grid

Hi,

I've got the requirement to cancel grid edit/insert mode from a button outside the grid. Please, advise whether this can be done.

Thanks
Vinhlan

Grid

answered on 13 Feb 2009

3 answers

200 views

DropDownListbox in a Nested RadGrid via InlineEdit

My development environtment
OS: WinXP
Browser: IE 7.0.5731
RadTools: Version=2008.2.826.20
.Net: 2.0

I am trying to edit information in a nested radgrid. I want to make Line 22-23 a DropDownlist box, that will allow a user to choose a different Assigned User upon Edit. The page runs fine when it is just a GridBoundColumn as you can see in this image:
Sample of my Nested Grid

Here is the code that is running the nested grid on the bottom:

    
            <telerik:RadGrid ID="rgGroupInformation" runat="server" AutoGenerateColumns="False" 
        
                                        GridLines="None" Skin="Office2007" OnDetailTableDataBind="rgGroupInformation_DetailTableDataBind" 
        
                                        OnEditCommand="rgGroupInformation_EditCommand" OnItemCreated="rgGroupInformation_ItemCreated">  
        
                                        <MasterTableView EditMode="InPlace" DataKeyNames="BatchGroupId">  
        
                                            <DetailTables> 
        
                                                <telerik:GridTableView runat="server" DataKeyNames="BatchId" DataMember="GroupDetails">  
        
                                                    <ParentTableRelation> 
        
                                                        <telerik:GridRelationFields DetailKeyField="BatchGroupId" MasterKeyField="BatchGroupId" /> 
        
                                                    </ParentTableRelation> 
        
                                                    <RowIndicatorColumn> 
        
                                                        <HeaderStyle Width="20px" /> 
        
                                                    </RowIndicatorColumn> 
        
                                                    <ExpandCollapseColumn> 
        
                                                        <HeaderStyle Width="20px" /> 
        
                                                    </ExpandCollapseColumn> 
        
                                                    <Columns> 
        
                                                        <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Edit">  
        
                                                        </telerik:GridButtonColumn> 
        
                                                        <telerik:GridBoundColumn DataField="CustodianName" HeaderText="Custodian" ReadOnly="True" 
        
                                                            UniqueName="Custodian">  
        
                                                        </telerik:GridBoundColumn> 
        
                                                        <telerik:GridBoundColumn DataField="AssignedUser" HeaderText="Assigned User" UniqueName="AssignedUser">  
        
                                                        </telerik:GridBoundColumn> 
        
                                                        <telerik:GridBoundColumn DataField="Priority" HeaderText="Priority" UniqueName="Priority">  
        
                                                        </telerik:GridBoundColumn> 
        
                                                        <telerik:GridCheckBoxColumn DataField="OnHold" HeaderText="On Hold" UniqueName="OnHold">  
        
                                                        </telerik:GridCheckBoxColumn> 
        
                                                        <telerik:GridBoundColumn DataField="StartDocRange" HeaderText="Start Doc Range" ReadOnly="True" 
        
                                                            UniqueName="StartDocRange">  
        
                                                        </telerik:GridBoundColumn> 
        
                                                        <telerik:GridBoundColumn DataField="EndDocRange" HeaderText="End Doc Range" ReadOnly="True" 
        
                                                            UniqueName="EndDocRange">  
        
                                                        </telerik:GridBoundColumn> 
        
                                                        <telerik:GridBoundColumn DataField="DocumentCount" HeaderText="Document Count" UniqueName="DocCount">  
        
                                                        </telerik:GridBoundColumn> 
        
                                                        <telerik:GridTemplateColumn UniqueName="TemplateColumn1">  
        
                                                            <ItemTemplate> 
        
                                                                <asp:LinkButton ID="imgBtnDelete" runat="server" CausesValidation="False" CommandArgument="" 
        
                                                                    CommandName="Delete" ForeColor="#044A7E" OnClientClick="javascript:if(!confirm('This action will delete the selected batch. Are you sure?')){return false;}" 
        
                                                                    Text="Delete" /> 
        
                                                            </ItemTemplate> 
        
                                                            <HeaderStyle Width="8%" /> 
        
                                                        </telerik:GridTemplateColumn> 
        
                                                    </Columns> 
        
                                                </telerik:GridTableView> 
        
                                            </DetailTables> 
        
                                            <RowIndicatorColumn> 
        
                                                <HeaderStyle Width="20px" /> 
        
                                            </RowIndicatorColumn> 
        
                                            <ExpandCollapseColumn Visible="True">  
        
                                                <HeaderStyle Width="20px" /> 
        
                                            </ExpandCollapseColumn> 
        
                                            <Columns> 
        
                                                <telerik:GridTemplateColumn UniqueName="TemplateColumn">  
        
                                                    <ItemTemplate> 
        
                                                        <asp:LinkButton ID="imgBtnEdit" runat="server" CommandName="" ForeColor="#044A7E" 
        
                                                            Text="Edit" /> 
        
                                                    </ItemTemplate> 
        
                                                    <HeaderStyle Width="7%" /> 
        
                                                </telerik:GridTemplateColumn> 
        
                                                <telerik:GridBoundColumn DataField="CriteriaValue" HeaderText="Criteria Value" ReadOnly="True" 
        
                                                    UniqueName="CriteriaValue">  
        
                                                </telerik:GridBoundColumn> 
        
                                                <telerik:GridBoundColumn DataField="BatchCount" HeaderText="Batch Count" ReadOnly="True" 
        
                                                    UniqueName="BatchCount">  
        
                                                </telerik:GridBoundColumn> 
        
                                                <telerik:GridBoundColumn DataField="Priority" HeaderText="Priority" ReadOnly="True" 
        
                                                    UniqueName="Priority">  
        
                                                </telerik:GridBoundColumn> 
        
                                                <telerik:GridBoundColumn DataField="OnHold" HeaderText="On Hold" ReadOnly="True" 
        
                                                    UniqueName="OnHold">  
        
                                                </telerik:GridBoundColumn> 
        
                                                <telerik:GridTemplateColumn UniqueName="TemplateColumn1">  
        
                                                    <ItemTemplate> 
        
                                                        <asp:LinkButton ID="imgBtnDelete" runat="server" CausesValidation="False" CommandArgument="" 
        
                                                            CommandName="Delete" ForeColor="#044A7E" OnClientClick="javascript:if(!confirm('This action will delete the selected batch. Are you sure?')){return false;}" 
        
                                                            Text="Delete" /> 
        
                                                    </ItemTemplate> 
        
                                                    <HeaderStyle Width="8%" /> 
        
                                                </telerik:GridTemplateColumn> 
        
                                            </Columns> 
        
                                        </MasterTableView> 
        
                                        <FilterMenu EnableTheming="True">  
        
                                            <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                                        </FilterMenu> 
        
                                    </telerik:RadGrid>

When I add a GridDropDown Column such as:

    
            <telerik:GridDropDownColumn UniqueName="DropDownListColumn" 
        
                                    ListTextField="AssignedUser" ListValueField="AssignedUser"   
        
                                    HeaderText="Assigned User" DataField="AssignedUser" > 
        
            </telerik:GridDropDownColumn>

It won't load up the nested grid for me to edit and test to make sure I am putting the correct control in there.

Have I set up my nested grids correctly? If so, what else do I need to do to get my nested grid to allow an editable dropdown list?

Grid

answered on 13 Feb 2009

1 answer

144 views

[Solved] Check value in grid

Hi there,

How can i check if a value in my gird in display mode is set to true or false? (the bound column is asp:checkbox)
I am trying to set an image visible status to true or false accordind to the grid column value.

Thanxs in advance

Grid

answered on 13 Feb 2009

3 answers

144 views

[Solved] RadChart ItemLable position

hi.
i am using asp.netajax radchart. i am binding radchart with code behind and SeriesOrientation="Horizontal" and BarWidthPercent = 25
issue is that i need to display display itemlabel above the bars but not over the bar.so itemlabel doesnot overlap with its bar.

thanks

Chart (Obsolete)

answered on 13 Feb 2009

1 answer

75 views

Switching User Controls inside a RadGrid

We've got a table of (physical) components and we're displaying some of their data in a RadGrid. When a user wants to edit a row, we want to display a user control particular to the type of component on that row. Can the UserControl property be changed at runtime?

Grid

answered on 13 Feb 2009

1 answer

103 views

Problem with using labels in grid templates

I have the following code in my aspx page.
      <telerik:RadGrid...>
                <mastertableview ...>
                    <Columns>
                         <telerik:GridTemplateColumn Visible = "false">
                         <EditItemTemplate>
                         <asp:Label runat= "server" ID = "test1" Text="bah1" Visible="false"></asp:Label>
                         </EditItemTemplate>
                         </telerik:GridTemplateColumn>
   <Columns>
            <mastertableview ...>
          <telerik:RadGrid>

however when visible is false, the text is hidden, however the autogenerated ":" is still visible. I can't remove the label, because I need it later on.

Grid

answered on 13 Feb 2009

3 answers

195 views

TextBox in TabStrip

Can i add a user control into TabStrip?

TabStrip

answered on 13 Feb 2009

5 answers

191 views

Custom Control ITemplate Property Error

I have created a custom control which includes a RadScheduler as one of its child controls. I exposed the AdvancedEditTemplate and AdvancedInsertTemplate properties of the RadScheduler in my custom control as shown in the example below.

                                Imports Telerik.Web.UI         
                                 
                        Public NotInheritable Class CustomScheduler         
                          Inherits CompositeControl         
                                 
                          Private WithEvents mScheduler As RadScheduler         
                                 
                          <TemplateContainer(GetType(BTAppointmentScheduler)), _         
                            PersistenceMode(PersistenceMode.InnerProperty)> _         
                          Public Property AppointmentFormTemplate() As ITemplate         
                            Get         
                              EnsureChildControls()         
                              Return mScheduler.AdvancedEditTemplate         
                            End Get         
                            Set(ByVal value As ITemplate)         
                              EnsureChildControls()         
                              mScheduler.AdvancedEditTemplate = value         
                              mScheduler.AdvancedInsertTemplate = value         
                            End Set         
                          End Property         
                                 
                          Protected Overrides Sub CreateChildControls()         
                            Controls.Clear()         
                            mScheduler = New RadScheduler()         
                            Controls.Add(mScheduler)         
                          End Sub         
                                 
                          Protected Overrides Sub Render(ByVal writer As HtmlTextWriter)         
                            mScheduler.RenderControl(writer)         
                          End Sub         
                        End Class         

Then I setup my aspx page similiar to the example below.

                                <my:CustomScheduler ID="CustomScheduler1" runat="server">         
                          <AppointmentFormTemplate>         
                            <asp:TextBox ID="SubjectTextBox" runat="server" Rows="5" Columns="20" Text='<%# Bind("Subject") %>' Width="95%" TextMode="MultiLine"></asp:TextBox>         
                            ...         
                          </AppointmentFormTemplate>         
                        </my:CustomScheduler>         

Whenever, I try to create an appointment I get the following exception:

Unable to cast object of type 'System.Web.UI.CompiledTemplateBuilder' to type 'System.Web.UI.IBindableTemplate'.

atTelerik.Web.UI.RadScheduler.CreateFormContainer()
atTelerik.Web.UI.RadScheduler.CreateChildControls(BooleanbindFromDataSource)
atTelerik.Web.UI.RadScheduler.CreateChildControls()
atSystem.Web.UI.Control.EnsureChildControls()
atSystem.Web.UI.Control.PreRenderRecursiveInternal()
atSystem.Web.UI.Control.PreRenderRecursiveInternal()
atSystem.Web.UI.Control.PreRenderRecursiveInternal()
atSystem.Web.UI.Control.PreRenderRecursiveInternal()
atSystem.Web.UI.Control.PreRenderRecursiveInternal()
atSystem.Web.UI.Control.PreRenderRecursiveInternal()
atSystem.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint,Boolean includeStagesAfterAsyncPoint)

What am I doing wrong?

Scheduler

answered on 13 Feb 2009

5 answers

149 views

Strange behavior with Link Manager in Firefox

Hello.

I'm getting some strange behavior when using the Link Manager in a non-IE browser. After creating the link and hitting OK, the link does not show. The text is not clickable. But, as soon as I select the text again and click the Link Manager button a second time, the link appears.

I've got a video showing the behavior. Where can I post/send that? Any help would be appreciated.

Thanks,

Cameron

WebParts for SharePoint

answered on 13 Feb 2009

1 answer

121 views

Menu Text Wrap for Fixed width Items

Hi there,

I'm trying to do a custom menu and have copied the CssBlue skin to modify.

I want my menu items to be fixed width and height but if the text doesn't fit I want it to wrap in its menu item space.

How do I achieve this using CSS Styles as currently it seems to push the size of the menu item out bigger than what i want and text stays to one line.

Thanks

Michael

Menu

answered on 13 Feb 2009

	<telerik:RadGrid ID="rgGroupInformation" runat="server" AutoGenerateColumns="False"
	GridLines="None" Skin="Office2007" OnDetailTableDataBind="rgGroupInformation_DetailTableDataBind"
	OnEditCommand="rgGroupInformation_EditCommand" OnItemCreated="rgGroupInformation_ItemCreated">
	<MasterTableView EditMode="InPlace" DataKeyNames="BatchGroupId">
	<DetailTables>
	<telerik:GridTableView runat="server" DataKeyNames="BatchId" DataMember="GroupDetails">
	<ParentTableRelation>
	<telerik:GridRelationFields DetailKeyField="BatchGroupId" MasterKeyField="BatchGroupId" />
	</ParentTableRelation>
	<RowIndicatorColumn>
	<HeaderStyle Width="20px" />
	</RowIndicatorColumn>
	<ExpandCollapseColumn>
	<HeaderStyle Width="20px" />
	</ExpandCollapseColumn>
	<Columns>
	<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Edit">
	</telerik:GridButtonColumn>
	<telerik:GridBoundColumn DataField="CustodianName" HeaderText="Custodian" ReadOnly="True"
	UniqueName="Custodian">
	</telerik:GridBoundColumn>
	<telerik:GridBoundColumn DataField="AssignedUser" HeaderText="Assigned User" UniqueName="AssignedUser">
	</telerik:GridBoundColumn>
	<telerik:GridBoundColumn DataField="Priority" HeaderText="Priority" UniqueName="Priority">
	</telerik:GridBoundColumn>
	<telerik:GridCheckBoxColumn DataField="OnHold" HeaderText="On Hold" UniqueName="OnHold">
	</telerik:GridCheckBoxColumn>
	<telerik:GridBoundColumn DataField="StartDocRange" HeaderText="Start Doc Range" ReadOnly="True"
	UniqueName="StartDocRange">
	</telerik:GridBoundColumn>
	<telerik:GridBoundColumn DataField="EndDocRange" HeaderText="End Doc Range" ReadOnly="True"
	UniqueName="EndDocRange">
	</telerik:GridBoundColumn>
	<telerik:GridBoundColumn DataField="DocumentCount" HeaderText="Document Count" UniqueName="DocCount">
	</telerik:GridBoundColumn>
	<telerik:GridTemplateColumn UniqueName="TemplateColumn1">
	<ItemTemplate>
	<asp:LinkButton ID="imgBtnDelete" runat="server" CausesValidation="False" CommandArgument=""
	CommandName="Delete" ForeColor="#044A7E" OnClientClick="javascript:if(!confirm('This action will delete the selected batch. Are you sure?')){return false;}"
	Text="Delete" />
	</ItemTemplate>
	<HeaderStyle Width="8%" />
	</telerik:GridTemplateColumn>
	</Columns>
	</telerik:GridTableView>
	</DetailTables>
	<RowIndicatorColumn>
	<HeaderStyle Width="20px" />
	</RowIndicatorColumn>
	<ExpandCollapseColumn Visible="True">
	<HeaderStyle Width="20px" />
	</ExpandCollapseColumn>
	<Columns>
	<telerik:GridTemplateColumn UniqueName="TemplateColumn">
	<ItemTemplate>
	<asp:LinkButton ID="imgBtnEdit" runat="server" CommandName="" ForeColor="#044A7E"
	Text="Edit" />
	</ItemTemplate>
	<HeaderStyle Width="7%" />
	</telerik:GridTemplateColumn>
	<telerik:GridBoundColumn DataField="CriteriaValue" HeaderText="Criteria Value" ReadOnly="True"
	UniqueName="CriteriaValue">
	</telerik:GridBoundColumn>
	<telerik:GridBoundColumn DataField="BatchCount" HeaderText="Batch Count" ReadOnly="True"
	UniqueName="BatchCount">
	</telerik:GridBoundColumn>
	<telerik:GridBoundColumn DataField="Priority" HeaderText="Priority" ReadOnly="True"
	UniqueName="Priority">
	</telerik:GridBoundColumn>
	<telerik:GridBoundColumn DataField="OnHold" HeaderText="On Hold" ReadOnly="True"
	UniqueName="OnHold">
	</telerik:GridBoundColumn>
	<telerik:GridTemplateColumn UniqueName="TemplateColumn1">
	<ItemTemplate>
	<asp:LinkButton ID="imgBtnDelete" runat="server" CausesValidation="False" CommandArgument=""
	CommandName="Delete" ForeColor="#044A7E" OnClientClick="javascript:if(!confirm('This action will delete the selected batch. Are you sure?')){return false;}"
	Text="Delete" />
	</ItemTemplate>
	<HeaderStyle Width="8%" />
	</telerik:GridTemplateColumn>
	</Columns>
	</MasterTableView>
	<FilterMenu EnableTheming="True">
	<CollapseAnimation Duration="200" Type="OutQuint" />
	</FilterMenu>
	</telerik:RadGrid>

	Imports Telerik.Web.UI

	Public NotInheritable Class CustomScheduler
	Inherits CompositeControl

	Private WithEvents mScheduler As RadScheduler

	<TemplateContainer(GetType(BTAppointmentScheduler)), _
	PersistenceMode(PersistenceMode.InnerProperty)> _
	Public Property AppointmentFormTemplate() As ITemplate
	Get
	EnsureChildControls()
	Return mScheduler.AdvancedEditTemplate
	End Get
	Set(ByVal value As ITemplate)
	EnsureChildControls()
	mScheduler.AdvancedEditTemplate = value
	mScheduler.AdvancedInsertTemplate = value
	End Set
	End Property

	Protected Overrides Sub CreateChildControls()
	Controls.Clear()
	mScheduler = New RadScheduler()
	Controls.Add(mScheduler)
	End Sub

	Protected Overrides Sub Render(ByVal writer As HtmlTextWriter)
	mScheduler.RenderControl(writer)
	End Sub
	End Class

	<my:CustomScheduler ID="CustomScheduler1" runat="server">
	<AppointmentFormTemplate>
	<asp:TextBox ID="SubjectTextBox" runat="server" Rows="5" Columns="20" Text='<%# Bind("Subject") %>' Width="95%" TextMode="MultiLine"></asp:TextBox>
	...
	</AppointmentFormTemplate>
	</my:CustomScheduler>