Questions on UI for ASP.NET AJAX Forum

1 answer

699 views

[Solved] Doubleclick of a radgrid row to edit a record in a RadWindow

Hi,

it is possible that to call a already existing OnClick - Event in my Grid (for example OnClick="lbEdit_Click") in my <ItemTemplate> node?

I have to try $find("<%= RadGrid1.MasterTableView.ClientID %>").editItem(editedRow), but i think this is only to use for a Inline-Edit-Mode, or?

What can be the solution?

Regards

ASCX

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AL.ascx.cs" Inherits="AL" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
                   <!-- content start --> 
        
                   <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
            <script type="text/javascript">  
        
                //-----------------------------------------------------------  
        
                function OnClientCloseHandler(sender, args) {  
        
                    document.getElementById("btnRefresh").click();  
        
                }  
        
                //-----------------------------------------------------------  
        
                function RowDblClick(sender, eventArgs) {  
        
                    document.getElementById("toEditRow").value = eventArgs.get_itemIndexHierarchical();  
        
                    document.getElementById("btnRefresh").click();  
        
                    //alert($find("<%= RadGrid1.MasterTableView.ClientID %>").editItem(editedRow));   
        
                }  
        
                //-----------------------------------------------------------  
        
            </script> 
        
             </telerik:RadCodeBlock> 
        
            <input type="text" id="toEditRow" name="toEditRow" value="-1"  style="display:none" /> 
        
            <input type="submit" id="btnRefresh" name="btnRefresh" style="display:none" /> 
        
            <telerik:RadGrid ID="RadGrid1" runat="server"    
        
                AllowPaging="true" 
        
                PageSize="5" 
        
                AutoGenerateColumns="False"   
        
                onneeddatasource="RadGrid1_NeedDataSource"   
        
                AllowSorting="True" 
        
                onitemcreated="RadGrid1_ItemCreated"   
        
                AllowAutomaticInserts="True"   
        
                Width="100%">  
        
                <PagerStyle Mode="NextPrevAndNumeric" /> 
        
                <ClientSettings allowrowsdragdrop="false" AllowColumnsReorder="false"    
        
                    AllowDragToGroup="false" ReorderColumnsOnClient="false">  
        
                    <Selecting AllowRowSelect="True" /> 
        
                    <ClientEvents OnRowDblClick="RowDblClick" /> 
        
                    <Resizing   
        
                        AllowColumnResize="true" 
        
                        AllowRowResize="true"   
        
                        ClipCellContentOnResize="false"   
        
                        ResizeGridOnColumnResize="false" /> 
        
                </ClientSettings> 
        
                <HeaderContextMenu> 
        
                </HeaderContextMenu> 
        
                <MasterTableView CommandItemDisplay="None"   
        
                    DataKeyNames="NumberofInfotypeRecordWithSameKey" EditMode="EditForms"   
        
                    CellSpacing="-1">  
        
                    <EditFormSettings EditFormType="Template"></EditFormSettings> 
        
                    <RowIndicatorColumn Visible="True"></RowIndicatorColumn> 
        
                    <Columns> 
        
                        <telerik:GridTemplateColumn UniqueName="Name1"   
        
                            AllowFiltering="true" HeaderText="Name1"   
        
                            SortExpression="Name1" Visible="true">  
        
                            <ItemTemplate> 
        
                                <asp:Label ID="Name1" runat="server"   
        
                                    Text="Name1"></asp:Label> 
        
                            </ItemTemplate> 
        
                        </telerik:GridTemplateColumn> 
        
                        <telerik:GridBoundColumn DataField="Name9" DataFormatString="{0:d}"   
        
                            HeaderText="Name9" UniqueName="Name9" SortExpression="Name9"   
        
                            Visible="true" AllowFiltering="true"/>  
        
                        <telerik:GridBoundColumn DataField="Name10" DataFormatString="{0:d}"   
        
                            HeaderText="Name10" UniqueName="Name10" SortExpression="Name10"   
        
                            Visible="true" AllowFiltering="true" /> 
        
                        <telerik:GridBoundColumn DataField="Name2" HeaderText="Name2"   
        
                            UniqueName="Name2" SortExpression="Name2" Visible="true"   
        
                            AllowFiltering="true"/>  
        
                        <telerik:GridBoundColumn DataField="Name3" HeaderText="Name3" UniqueName="Name3"   
        
                            SortExpression="Name3" Visible="true" AllowFiltering="true" /> 
        
                        <telerik:GridBoundColumn DataField="Name4" HeaderText="Name4"   
        
                            UniqueName="Name4" SortExpression="Name4"   
        
                            Visible="true" AllowFiltering="true"/>  
        
                        <telerik:GridTemplateColumn UniqueName="Name5" AllowFiltering="true"   
        
                            HeaderText="Name5" SortExpression="Name5" Visible="true""> 
        
                            <ItemTemplate> 
        
                                <asp:Label ID="CK" runat="server" Text='<%# Eval("C") %>' ToolTip='<%# GetCD(Eval("CK")) %>'>  
        
                                </asp:Label> 
        
                            </ItemTemplate> 
        
                        </telerik:GridTemplateColumn> 
        
                        <telerik:GridTemplateColumn UniqueName="TemplateEditColumn"   
        
                            AllowFiltering="false">  
        
                            <ItemTemplate> 
        
                                <asp:LinkButton ID="lbtnEdit" runat="server" Text="Edit" CommandName="Edit"   
        
                                    OnClick="lbEdit_Click">  
        
                                </asp:LinkButton> 
        
                            </ItemTemplate> 
        
                        </telerik:GridTemplateColumn> 
        
                        <telerik:GridTemplateColumn UniqueName="TemplateDeleteColumn"   
        
                            AllowFiltering="false">  
        
                            <ItemTemplate> 
        
                                <asp:LinkButton ID="lbtnDelete" runat="server" Text="Delete"   
        
                                    CommandName="Delete" OnClick="lbDelete_Click">  
        
                                </asp:LinkButton> 
        
                            </ItemTemplate> 
        
                        </telerik:GridTemplateColumn> 
        
                    </Columns> 
        
                </MasterTableView> 
        
            </telerik:RadGrid> 
        
            <telerik:RadWindow ID="rwUserListDialog" runat="server" Title="AD"   
        
                Height="100px" OnClientClose="OnClientCloseHandler" 
        
                Width="170px" Left="150px" Behaviors="Close" Modal="True"   
        
                VisibleStatusbar="False" Behavior="Close" ReloadOnShow="false" InitialBehavior="None" NavigateUrl="" style="display: none;" Top="" />

I want to use the (Line 103) onclick="lbEdit_Click"

Codebehind

    
                    protected void lbEdit_Click(object sender, EventArgs e)  
        
                    {  
        
                        LinkButton lbtn = sender as LinkButton;  
        
                        if (lbtn != null)  
        
                        {  
        
                            if (lbtn.CommandName == "Edit")  
        
                            {  
        
                                int index                           = Convert.ToInt32(lbtn.CommandArgument);  
        
                                rwUserListDialog.NavigateUrl        = "ADP.aspx?Event=" + lbtn.CommandName + "&Index=" + index.ToString();  
        
                                rwUserListDialog.VisibleOnPageLoad  = true;  
        
                            }  
        
                        }  
        
                    }

Grid

answered on 09 Apr 2009

1 answer

130 views

Scroll In Grid

Hi,

I am using Scrolling option in Grid. But both the Horizontal and vertical scroll bars occur simultaneously. Is there any solution to make only one scroll bar to appear.

Grid

answered on 09 Apr 2009

2 answers

136 views

Get Value from: GridTextBoxColumnEditor

How in the world do I get the value from a GridTextBoxColumnEditor control? I've tried every way I can find and it always comes back empty on the update command of my grid.

Grid

answered on 09 Apr 2009

2 answers

202 views

[Solved] Validation RadGrid Template Fields

Hello,
I have a number of template fields in a RadGrid which I wish to validate.
I've managed most validation using the Client side "RequiredFieldValidator" and server side validation using the CustomValidator.
I now want to validate one control based on the value of another control in the template.

eg
In the template field I have a Radiobuttonlist with 3 options (ie "Yes", "No", "NA"). If the user selects "No" then they have to enter text in a Textbox or the update should not proceed. If the answer is Yes they dont need to complete the Textbox.

Previously I achieved this in Gridview through something like the following. Its clunky but it works. It checks the Update data when the user tries to update. If it fails the validation they get a message and the update is cancelled.

    
                Private Sub GridView2_RowUpdating(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewUpdateEventArgs) Handles GridView2.RowUpdating  
        
                    Dim InCompliance As String = e.NewValues("Incompliance")  ' this is the value of the selected Radiobutton item
        
                    ' test if there are any comments
        
                    If e.NewValues("Comments") Is System.DBNull.Value Or e.NewValues("Comments") = "" Then 'no comments in textbox
        
                        If ((Trim(InCompliance) <> "Yes")) Then ' User has selected No or NA from Radiobuttonlist
        
                            MessageBox("You must enter a comment if you have entered a No or N/A answer")  
        
                            e.Cancel = True 'Cancel update
        
                        End If 
        
                    End If 
        
                End Sub

How do I achieve the same in the Radgrid?

Cheers
Robert

Grid

answered on 09 Apr 2009

2 answers

131 views

Has anyone gotten RadControls working in MVC RTM yet?

I know all the examples are for Beta 1, but I haven't been on that for a while. Using the getting started example, I don't get any errors, but I also don't get my RadMenu to display. Has anyone gotten this (or any RadControls) working in MVC RTM?

UI for ASP.NET AJAX in ASP.NET MVC

answered on 09 Apr 2009

2 answers

116 views

Selected ComboBox for Changing the plotted RadChart

Hi,
I tried to display the line chart from database. In order to display several dynamic linechart in the same place, I add a Combobox which is also connected to the database, so user can select the ID to display the linechart interactively. The following code is working to display the line chart based on the default value from combobox. However, when I change the selected value in the combobox, the linechart did not change. Could you help me please, how to make the linechart change based on the selected value from combobox ? Thank you very much in advanced.
Example of MyDB coulmn :   ID , SampleNum, Y1
                       1 , 1 ,              2
                       1 ,    2 ,              10
                                               1 ,    3 ,               4
                                               2 ,    1,               3
                                               2 ,    2,               15
                                               2 ,    3,                6

Regards.

<body>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

</div>

<telerik:RadComboBox ID="RadComboBox1" Runat="server" DataSourceID="ds1"

DataTextField="ID" DataValueField="ID">

</telerik:RadComboBox>

<asp:AccessDataSource ID="ds1" runat="server" DataFile="~/App_Data/MyDB.mdb"

SelectCommand="SELECT [ID] FROM [Station]"></asp:AccessDataSource>

<telerik:RadChart ID="RadChart1" runat="server" DataSourceID="ds2"

DefaultType="Line" Width="1016px">

</telerik:RadChart>

<asp:AccessDataSource ID="ds2" runat="server" DataFile="~/App_Data/MyDB.mdb"

SelectCommand="SELECT [Y1] FROM [Data] WHERE ([ID] = ?) ORDER BY [SampleNum]">

<asp:ControlParameter ControlID="RadComboBox2" DefaultValue="ID" Name="ID"

PropertyName="SelectedValue" Type="String" />

</SelectParameters>

</asp:AccessDataSource>

</form>

</body>

ComboBox

answered on 09 Apr 2009

2 answers

121 views

RadChart and Selected Value of ComboBox

Hi,
I tried to display the line chart from database. In order to display several dynamic linechart in the same place, I add a Combobox which is also connected to the database, so user can select the ID to display the linechart interactively. The following code is working to display the line chart based on the default value from combobox. However, when I change the selected value in the combobox, the linechart did not change. Could you help me please, how to make the linechart change based on the selected value from combobox ? Thank you very much in advanced.
Example of MyDB coulmn :   ID , SampleNum, Y1
                       1 , 1 ,              5
                       1 ,    2 ,              10
                                               1 ,    3 ,               4
                                               2 ,    1,               3
                                               2 ,    2,               15
                                               2 ,    3,                6

Regards.

<body>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

</div>

<telerik:RadComboBox ID="RadComboBox1" Runat="server" DataSourceID="ds1"

DataTextField="ID" DataValueField="ID">

</telerik:RadComboBox>

<asp:AccessDataSource ID="ds1" runat="server" DataFile="~/App_Data/MyDB.mdb"

SelectCommand="SELECT [ID] FROM [Station]"></asp:AccessDataSource>

<telerik:RadChart ID="RadChart1" runat="server" DataSourceID="ds2"

DefaultType="Line" Width="1016px">

</telerik:RadChart>

<asp:AccessDataSource ID="ds2" runat="server" DataFile="~/App_Data/MyDB.mdb"

SelectCommand="SELECT [Y1] FROM [Data] WHERE ([ID] = ?) ORDER BY [SampleNum]">

<asp:ControlParameter ControlID="RadComboBox2" DefaultValue="ID" Name="ID"

PropertyName="SelectedValue" Type="String" />

</SelectParameters>

</asp:AccessDataSource>

</form>

</body>

Chart (Obsolete)

answered on 08 Apr 2009

2 answers

75 views

[Solved] Need Help for Dynamic Line Chart controlled by ComboBox

Hi,
I have a database with 4 Columns, Lets say: ID, t, Y1, Y2
I would like to plot two RadCharts (Line charts), the first chart display the "Y1" value at Y-axis and "t" value at the X-axis. The second chart will display the "Y2" value at the Y-axis and "t" value at X-axis. The value of both charts will change when the value of "ID" in the Combo Box is changing when user select different ID. Also, I just wondering if we could make both of the line charts can be zoom-in and zoom-out. Please guide me with the simple steps.
Thank you very much for helping.

Kind Regards

Chart (Obsolete)

answered on 08 Apr 2009

1 answer

265 views

Can you make a radAlert popup on a .ascx page when the page loads?

Using Javascript, is there a way to do this? Every time the .ascx page loads I want to use Javascript to popup a radAlert box.

This .ascx has no form or body.

Thanks

Window

answered on 08 Apr 2009

7 answers

126 views

Rad Ajax LoadingPanel only shows up the first time in firefox

Hello everybody!

All my radajaxloadingpanels suddenly don't show up anymore after they have been displayed for the first time.

This issue only occurs in FF not in IE. I guess this issue airsed when I updated the telerik.web.ui the other month but I'm not 100% sure.

Are there any known issues about this ?

Kind Regards

Ajax

answered on 08 Apr 2009

	<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AL.ascx.cs" Inherits="AL" %>
	<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

	<!-- content start -->
	<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

	<script type="text/javascript">

	//-----------------------------------------------------------

	function OnClientCloseHandler(sender, args) {
	document.getElementById("btnRefresh").click();
	}
	//-----------------------------------------------------------

	function RowDblClick(sender, eventArgs) {

	document.getElementById("toEditRow").value = eventArgs.get_itemIndexHierarchical();
	document.getElementById("btnRefresh").click();

	//alert($find("<%= RadGrid1.MasterTableView.ClientID %>").editItem(editedRow));
	}

	//-----------------------------------------------------------
	</script>
	</telerik:RadCodeBlock>

	<input type="text" id="toEditRow" name="toEditRow" value="-1" style="display:none" />
	<input type="submit" id="btnRefresh" name="btnRefresh" style="display:none" />

	<telerik:RadGrid ID="RadGrid1" runat="server"
	AllowPaging="true"
	PageSize="5"
	AutoGenerateColumns="False"
	onneeddatasource="RadGrid1_NeedDataSource"
	AllowSorting="True"
	onitemcreated="RadGrid1_ItemCreated"
	AllowAutomaticInserts="True"
	Width="100%">
	<PagerStyle Mode="NextPrevAndNumeric" />

	<ClientSettings allowrowsdragdrop="false" AllowColumnsReorder="false"
	AllowDragToGroup="false" ReorderColumnsOnClient="false">
	<Selecting AllowRowSelect="True" />
	<ClientEvents OnRowDblClick="RowDblClick" />
	<Resizing
	AllowColumnResize="true"
	AllowRowResize="true"
	ClipCellContentOnResize="false"
	ResizeGridOnColumnResize="false" />
	</ClientSettings>

	<HeaderContextMenu>
	</HeaderContextMenu>
	<MasterTableView CommandItemDisplay="None"
	DataKeyNames="NumberofInfotypeRecordWithSameKey" EditMode="EditForms"
	CellSpacing="-1">

	<EditFormSettings EditFormType="Template"></EditFormSettings>
	<RowIndicatorColumn Visible="True"></RowIndicatorColumn>

	<Columns>
	<telerik:GridTemplateColumn UniqueName="Name1"
	AllowFiltering="true" HeaderText="Name1"
	SortExpression="Name1" Visible="true">
	<ItemTemplate>
	<asp:Label ID="Name1" runat="server"
	Text="Name1"></asp:Label>
	</ItemTemplate>
	</telerik:GridTemplateColumn>

	<telerik:GridBoundColumn DataField="Name9" DataFormatString="{0:d}"
	HeaderText="Name9" UniqueName="Name9" SortExpression="Name9"
	Visible="true" AllowFiltering="true"/>

	<telerik:GridBoundColumn DataField="Name10" DataFormatString="{0:d}"
	HeaderText="Name10" UniqueName="Name10" SortExpression="Name10"
	Visible="true" AllowFiltering="true" />

	<telerik:GridBoundColumn DataField="Name2" HeaderText="Name2"
	UniqueName="Name2" SortExpression="Name2" Visible="true"
	AllowFiltering="true"/>

	<telerik:GridBoundColumn DataField="Name3" HeaderText="Name3" UniqueName="Name3"
	SortExpression="Name3" Visible="true" AllowFiltering="true" />

	<telerik:GridBoundColumn DataField="Name4" HeaderText="Name4"
	UniqueName="Name4" SortExpression="Name4"
	Visible="true" AllowFiltering="true"/>

	<telerik:GridTemplateColumn UniqueName="Name5" AllowFiltering="true"
	HeaderText="Name5" SortExpression="Name5" Visible="true"">
	<ItemTemplate>
	<asp:Label ID="CK" runat="server" Text='<%# Eval("C") %>' ToolTip='<%# GetCD(Eval("CK")) %>'>
	</asp:Label>
	</ItemTemplate>
	</telerik:GridTemplateColumn>

	<telerik:GridTemplateColumn UniqueName="TemplateEditColumn"
	AllowFiltering="false">
	<ItemTemplate>
	<asp:LinkButton ID="lbtnEdit" runat="server" Text="Edit" CommandName="Edit"
	OnClick="lbEdit_Click">
	</asp:LinkButton>
	</ItemTemplate>
	</telerik:GridTemplateColumn>
	<telerik:GridTemplateColumn UniqueName="TemplateDeleteColumn"
	AllowFiltering="false">
	<ItemTemplate>
	<asp:LinkButton ID="lbtnDelete" runat="server" Text="Delete"
	CommandName="Delete" OnClick="lbDelete_Click">
	</asp:LinkButton>
	</ItemTemplate>
	</telerik:GridTemplateColumn>

	</Columns>
	</MasterTableView>

	</telerik:RadGrid>

	<telerik:RadWindow ID="rwUserListDialog" runat="server" Title="AD"
	Height="100px" OnClientClose="OnClientCloseHandler"
	Width="170px" Left="150px" Behaviors="Close" Modal="True"
	VisibleStatusbar="False" Behavior="Close" ReloadOnShow="false" InitialBehavior="None" NavigateUrl="" style="display: none;" Top="" />

	protected void lbEdit_Click(object sender, EventArgs e)
	{
	LinkButton lbtn = sender as LinkButton;
	if (lbtn != null)
	{
	if (lbtn.CommandName == "Edit")
	{
	int index = Convert.ToInt32(lbtn.CommandArgument);
	rwUserListDialog.NavigateUrl = "ADP.aspx?Event=" + lbtn.CommandName + "&Index=" + index.ToString();
	rwUserListDialog.VisibleOnPageLoad = true;
	}
	}
	}