Questions on UI for ASP.NET AJAX Forum

1 answer

160 views

I'd like to go beyond using a template for editing a row in a radgrid, so I'm showing a user control. I do like the formatting of the radGrid for Edit and Insert buttons.

I can bring up the user control with no problems -

protected void rgv_ItemCommand(object sender, GridCommandEventArgs e)
{
string Cmd = e.CommandName.ToString();

if (Cmd == "Edit" || Cmd == "InitInsert")
                ProviderEdit.Visible = true;
else
                ProviderEdit.Visible = false;
}
First, what editmode should I use to suppress the automatic template?
Second, how do I pull in the ID of the table row to pass to the control for an edit?

Grid

answered on 22 Oct 2014

3 answers

104 views

Add Button Near The Spinning RadAjaxLoadingPanel

Hello,

I am working on a project with RadGrid and RadAjaxLoadingPanel.

When the user clicks on a button, the RadGrid gets updated.
The project requirements are that after the user clicks on the button and the spinning RadAjaxLoadingPanel icon shows, another button will appear
next to the spinning RadAjaxLoadingPanel icon. When the operation of the RadAjaxLoadingPanel ends, the button (near the RadAjaxLoadingPanel) will disappear.

Is it possible? If yes, I'd glad to get a solution.

Thanks,
Daniel.

Ajax

answered on 22 Oct 2014

1 answer

119 views

RadRotator Controlbutton placement

HI,

I have a rotator with type 'CoverFlowButtons'.
Since the Container where the rotator is placed can change in (height) size, there are cases where the contol Buttons are not visible anymore.
To make sure that the contol Buttons are always visible (even if the height of the rotator is very small) I want to

have the control Buttons placed right below the TOP of rotator and NOT in the (vertical) middle of the rotator.

What style do I have to override to influence the 'vertical alignment' of the Rotator Controlbuttons ?

Hope someone can help.
Thanks for Feedback in advance.
Regards
Hans-Juergen

Rotator

answered on 22 Oct 2014

1 answer

134 views

RadEditor not saving changes in DNN 7

Hi I am having issues with RadEditor, sometimes Radeditor doesn't save changes to DNN7, I tried on firefox as well as IE, can someone please help me with this.
Thanks

Editor

answered on 22 Oct 2014

1 answer

109 views

Japanese Calendar Support

In my application I am using Telerik RadDateTime Picker control to let the user select a Date.

The calendar used by the application is Japanese Emperor Calendar.
Please find the documentation here: http://msdn.microsoft.com/query/dev12.query?appId=Dev12IDEF1&l=EN-US&k=k(System.Globalization.JapaneseCalendar);k(TargetFrameworkMoniker-.NETFramework,Version%3Dv4.5);k(DevLang-csharp)&rd=true

The Japanese Emperor Calendar has years which are different than the Gregorian year, all other things are same as the Gregorian year. The year is counted from the current emperor's year of rule. For example the current year is '平成 26'

There are currently 2 issues with the control:
1) The control shows the correct emperor year after the postback. But before the postback, the year shown is the Gregorian year.
2) When the control is selected, i.e. it is "inFocus", the year shown is Gregorian year. The year is changed to Emperor year when the control is not in Focus.

Will you please suggest how can I solve the above two issues.
If they are the issues in current implementation of RadDateTime Control, will you support the Japanese Calendar in next release or in some hotfix?

Calendar

answered on 22 Oct 2014

1 answer

168 views

RadDropDownList inside RadWindow

Hi,

I have a RadDropDownList inside a RadWindow.
But because the window is small, the RadDropDownlist expand below the RadWindow bottom border and triggers Scrollbar to appear.
If I try to move the scrollbar down, the DropDownList closes.

Is there a way to make the dropdown expand 'above' the border of the Popup ?

DropDownList

answered on 22 Oct 2014

5 answers

197 views

ItemCommand of nested grid

Hi,

I have a RadGrid inside the NestedViewTemplate of another grid. The "outer" grid has row selection enabled with the "EnablePostBackOnRowClick" set to "true" while the "inner" grid has row selection disabled.

The problem occures when a row of the inner grid is clicked. This click triggers the OnItemCommand handler of the outer grid which results in some undefined behaviour (some other row of the outer grid is selected). If I set another OnItemCommand handler for the inner grid, still the handler of the outer grid gets called.

What's the reason for this behaviour? Is there a way to fix this?

Best regards,

Robert

Grid

answered on 22 Oct 2014

9 answers

573 views

SCRIPT7002: XMLHttpRequest: Error 0x800c0007, No data is available for the requested resource.

Hi All,

I'm currently facing a very frustating and untraceable bug with my Telerik web app as the web controls did not show any exceptions at all. I am able to insert and delete the records on the grid but CANNOT EDIT them. I hope someone can shed some light into my problem. here's the code that I am using...

ASPX

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="RadGrid1"

GridLines="None"

AutoGenerateColumns="false"

PageSize="10"

AllowPaging="true"

AllowSorting="true"

runat="server"

DataSourceID="MasterViewDataSource"

OnItemDataBound="OnItemDataBoundHandler"

AllowAutomaticInserts="True"

AllowAutomaticUpdates="true"

AllowAutomaticDeletes="true"

ShowStatusBar="true">

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView ShowFooter="false" DataKeyNames="TrxId" EditMode="InPlace" CommandItemDisplay="TopAndBottom">

<Columns>

<telerik:GridBoundColumn DataField="TrxId" HeaderText="Trx No." ReadOnly="true"/>

<telerik:GridTemplateColumn HeaderText="Job Type" ItemStyle-Width="240px">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "TypeName")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="RadComboBox2" DataTextField="TypeName"

DataValueField="TypeId" DataSourceID="CategoriesDataSource" SelectedValue='<%#Bind("TypeId") %>'>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ObjId" HeaderText="Container No."

SortExpression="ObjSN">

<FooterTemplate>Template footer</FooterTemplate>

<FooterStyle VerticalAlign="Middle" HorizontalAlign="Center" />

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "ObjSN")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="RadComboBox1" EnableLoadOnDemand="True" DataTextField="ObjSN"

OnItemsRequested="RadComboBox1_ItemsRequested" OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged"

DataValueField="ObjId" AutoPostBack="true" HighlightTemplatedItems="true" Height="140px" Width="220px"

DropDownWidth="300px">

<HeaderTemplate>

<ul>

<li class="col1">Container No.</li>

<li class="col2">Container Type</li>

</ul>

</HeaderTemplate>

<ItemTemplate>

<ul>

<li class="col1">

<%# DataBinder.Eval(Container, "Text")%>

</li>

<li class="col2">

<%# DataBinder.Eval(Container, "Attributes['ObjType']")%>

</li>

</ul>

</ItemTemplate>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="STCPO">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "StateName")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="RadComboBox3" DataTextField="StateName"

DataValueField="StateId" DataSourceID="LoadStatesDataSource" SelectedValue='<%#Bind("StateId") %>'>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Voy. No.">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "VoyName")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="RadComboBox4" DataTextField="VoyName"

DataValueField="VoyId" DataSourceID="VoyagesDataSource" SelectedValue='<%#Bind("VoyId") %>'>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Shipper">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "Shipr")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="RadComboBox5" DataTextField="Shipr" MinFilterLength="4"

OnItemsRequested="RadComboBox5_ItemsRequested" EnableLoadOnDemand="true"

DataValueField="ShipprId" OnSelectedIndexChanged="RadComboBox5_SelectedIndexChanged"

SelectedValue='<%#Bind("ShiprId") %>'>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Consignee">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "Cons")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="RadComboBox6" DataTextField="Cons"

OnItemsRequested="RadComboBox6_ItemsRequested" EnableLoadOnDemand="true"

DataValueField="ConsId" OnSelectedIndexChanged="RadComboBox6_SelectedIndexChanged"

SelectedValue='<%#Bind("ConsId") %>'>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="TrxWeight" HeaderText="GWT" UniqueName="TrxWeight"/>

<telerik:GridBoundColumn DataField="TrxSeal" HeaderText="Seal No." UniqueName="TrxSeal"/>

<telerik:GridBoundColumn DataField="TrxRemarks" HeaderText="Remarks" UniqueName="TrxRemarks"/>

<telerik:GridTemplateColumn HeaderText="Bill To">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "BillCompany")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="RadComboBox7" DataTextField="BillCompany"

DataValueField="BillId" DataSourceID="BillingDataSource" SelectedValue='<%#Bind("BillId") %>'>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn FooterText="EditCommand footer" UniqueName="EditCommandColumn"

HeaderText="Edit" HeaderStyle-Width="100px" UpdateText="Update">

</telerik:GridEditCommandColumn>

<telerik:GridClientDeleteColumn ConfirmTextFields="TrxId" ConfirmTextFormatString="Are you sure you want to delete transaction No. {0:0000}?"

HeaderStyle-Width="35px" ButtonType="ImageButton" ImageUrl="Delete.gif">

</telerik:GridClientDeleteColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="MasterViewDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:ZEUS %>"

SelectCommand="SELECT TransactsData.TrxId, TransactsData.TypeId, TransactsData.StateId, TransactsData.ObjId, TransactsData.VoyId,

TransactsData.BillId, TransactsData.TrxWeight, TransactsData.TrxSeal, TransactsData.ShiprId, TransactsData.ConsId,

a1.CustName AS Shipr, a2.CustName AS Cons, ObjectsData.ObjSN, ObjectsData.ObjType,

WorkTypes.TypeName, BillingData.BillCompany, LoadStates.StateName, VoysData.VoyName, VoysData.VoyDate

FROM TransactsData INNER JOIN

Customers AS a1 ON a1.CustId = TransactsData.ShiprId INNER JOIN

Customers AS a2 ON a2.CustId = TransactsData.ConsId INNER JOIN

BillingData ON TransactsData.BillId = BillingData.BillId INNER JOIN

WorkTypes ON TransactsData.TypeId = WorkTypes.TypeId INNER JOIN

ObjectsData ON TransactsData.ObjId = ObjectsData.ObjId INNER JOIN

LoadStates ON TransactsData.StateId = LoadStates.StateId INNER JOIN

VoysData ON TransactsData.VoyId = VoysData.VoyId"

InsertCommand="INSERT INTO [TransactsData] ([TypeId], [StateId], [ObjId], [VoyId], [ShiprId], [ConsId], [TrxWeight], [TrxSeal],

[TrxRemarks], [BillId], [TimeCreated])

VALUES (@TypeId, @StateId, @ObjId, @VoyId, @ShiprId, @ConsId, @TrxWeight, @TrxSeal, @TrxRemarks, @BillId, GETDATE())"

UpdateCommand="UPDATE [TransactsData] SET [TypeId] = @TypeId, [StateId] = @StateId, [ObjId] = @ObjId,

[VoyId] = @VoyId, [ShiprId] = @ShiprId, [ConsId] = @ConsId, [TrxWeight] = @TrxWeight,

[TrxSeal] = @TrxSeal, [TrxRemarks] = @TrxRemarks, [BillId] = @BillId, [TimeUpdated] = GETDATE()

WHERE [TrxId] = @TrxId"

DeleteCommand="DELETE FROM [TransactsData] WHERE [TrxId] = @TrxId">

<InsertParameters>

<asp:Parameter Name="TrxId" Type="Int64" />

<asp:SessionParameter SessionField="ObjId" Name="ObjId" Type="Int64" />

<asp:Parameter Name="TypeId" Type="Int32" />

<asp:Parameter Name="StateId" Type="Int32" />

<asp:Parameter Name="VoyId" Type="Int64" />

<asp:Parameter Name="ShiprId" Type="Int64" />

<asp:Parameter Name="ConsId" Type="Int64" />

<asp:Parameter Name="TrxWeight" Type="Int32" />

<asp:Parameter Name="TrxSeal" Type="String" />

<asp:Parameter Name="TrxRemarks" Type="String" />

<asp:Parameter Name="BillId" Type="Int32" />

<asp:Parameter Name="TimeCreated" Type="DateTime" />

</InsertParameters>

<UpdateParameters>

<asp:Parameter Name="TrxId" Type="Int64" />

<asp:SessionParameter SessionField="ObjId" Name="ObjId" Type="Int64" />

<asp:Parameter Name="TypeId" Type="Int32" />

<asp:Parameter Name="StateId" Type="Int32" />

<asp:Parameter Name="VoyId" Type="Int64" />

<asp:Parameter Name="ShiprId" Type="Int64" />

<asp:Parameter Name="ConsId" Type="Int64" />

<asp:Parameter Name="TrxWeight" Type="Int32" />

<asp:Parameter Name="TrxSeal" Type="String" />

<asp:Parameter Name="TrxRemarks" Type="String" />

<asp:Parameter Name="BillId" Type="Int32" />

<asp:Parameter Name="TimeUpdated" Type="DateTime" />

</UpdateParameters>

<DeleteParameters>

<asp:Parameter Name="TrxId" Type="Int64" />

</DeleteParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="CategoriesDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:ZEUS %>"

SelectCommand="SELECT [TypeId], [TypeName] FROM [WorkTypes]"></asp:SqlDataSource>

<asp:SqlDataSource ID="LoadStatesDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:ZEUS %>"

SelectCommand="SELECT [StateId], [StateName] FROM [LoadStates]"></asp:SqlDataSource>

<asp:SqlDataSource ID="VoyagesDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:ZEUS %>"

SelectCommand="SELECT [VoyId], [VoyName] FROM [VoysData]"></asp:SqlDataSource>

<asp:SqlDataSource ID="BillingDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:ZEUS %>"

SelectCommand="SELECT [BillId], [BillCompany] FROM [BillingData]"></asp:SqlDataSource>

</asp:Content>

C# Code Behind

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Configuration;

using System.Data;

using System.Data.SqlClient;

using Telerik.Web.UI;

namespace TMSv2

{

public partial class TestBed : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

//GridEvents

protected void OnItemDataBoundHandler(object sender, GridItemEventArgs e)

{

if (e.Item.IsInEditMode)

{

GridEditableItem item = (GridEditableItem)e.Item;

if (!(e.Item is IGridInsertItem))

{

RadComboBox combo = (RadComboBox)item.FindControl("RadComboBox1");

RadComboBoxItem selectedItem = new RadComboBoxItem();

selectedItem.Text = ((DataRowView)e.Item.DataItem)["ObjSN"].ToString();

selectedItem.Value = ((DataRowView)e.Item.DataItem)["ObjId"].ToString();

selectedItem.Attributes.Add("ObjType", ((DataRowView)e.Item.DataItem)["ObjType"].ToString());

combo.Items.Add(selectedItem);

selectedItem.DataBind();

Session["ObjId"] = selectedItem.Value;

}

// ComboboxEvents

protected void RadComboBox1_ItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

{

string sql = "SELECT [ObjId], [ObjSN], [ObjType], [ObjOID] FROM [ObjectsData] WHERE ObjSN LIKE @ObjSN + '%'";

SqlDataAdapter adapter = new SqlDataAdapter(sql,

ConfigurationManager.ConnectionStrings["ZEUS"].ConnectionString);

adapter.SelectCommand.Parameters.AddWithValue("@ObjSN", e.Text);

DataTable dt = new DataTable();

adapter.Fill(dt);

RadComboBox comboBox = (RadComboBox)sender;

comboBox.Items.Clear();

foreach (DataRow row in dt.Rows)

{

RadComboBoxItem item = new RadComboBoxItem();

item.Text = row["ObjSN"].ToString();

item.Value = row["ObjId"].ToString();

item.Attributes.Add("ObjType", row["ObjType"].ToString());

comboBox.Items.Add(item);

item.DataBind();

}

protected void RadComboBox1_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

Session["ObjId"] = e.Value;

}

protected void RadComboBox5_ItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

{

string sql = "SELECT [CustId], [CustName] FROM [Customers] WHERE CustName LIKE @CustName + '%'";

var con = new SqlConnection(ConfigurationManager.ConnectionStrings["ZEUS"].ConnectionString);

var cmd = new SqlCommand(sql, con);

var reader = default(SqlDataReader);

cmd.Parameters.AddWithValue("@CustName", e.Text);

try

{

con.Open();

reader = cmd.ExecuteReader(CommandBehavior.CloseConnection);

var obj = default(object);

RadComboBox comboBox = (RadComboBox)sender;

while (reader.Read())

{

obj = reader["CustId"];

var id = obj == DBNull.Value ? 0 : Convert.ToInt64(obj);

obj = reader["CustName"];

var name = obj == DBNull.Value ? string.Empty : Convert.ToString(obj);

RadComboBoxItem item = new RadComboBoxItem();

item.Text = name;

item.Value = id.ToString();

comboBox.Items.Add(item);

}

finally

{

if (reader != null && !reader.IsClosed) reader.Close();

if (con != null && con.State == ConnectionState.Open) con.Close();

}

protected void RadComboBox5_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

Session["CustId"] = e.Value;

}

protected void RadComboBox6_ItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

{

string sql = "SELECT [CustId], [CustName] FROM [Customers] WHERE CustName LIKE @CustName + '%'";

var con = new SqlConnection(ConfigurationManager.ConnectionStrings["ZEUS"].ConnectionString);

var cmd = new SqlCommand(sql, con);

var reader = default(SqlDataReader);

cmd.Parameters.AddWithValue("@CustName", e.Text);

try

{

con.Open();

reader = cmd.ExecuteReader(CommandBehavior.CloseConnection);

var obj = default(object);

RadComboBox comboBox = (RadComboBox)sender;

while (reader.Read())

{

obj = reader["CustId"];

var id = obj == DBNull.Value ? 0 : Convert.ToInt64(obj);

obj = reader["CustName"];

var name = obj == DBNull.Value ? string.Empty : Convert.ToString(obj);

RadComboBoxItem item = new RadComboBoxItem();

item.Text = name;

item.Value = id.ToString();

comboBox.Items.Add(item);

}

finally

{

if (reader != null && !reader.IsClosed) reader.Close();

if (con != null && con.State == ConnectionState.Open) con.Close();

}

protected void RadComboBox6_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

Session["CustId"] = e.Value;

}

Grid

answered on 22 Oct 2014

1 answer

190 views

How do I add validation summary to grid with EditItemTemplate

I just have a basic editable grid with EditMode of EditForms.

All of the validation works for each item but I would like a rad modal pop up notification of the summary or even a message saying some fields are not correct.

I have tried several example from the forums with no luck. I've added it on itemcreated, and manully, and even above the grid. Just does not seem to work.

A typical column looks like this:

<telerik:GridTemplateColumn HeaderText="*Address" UniqueName="address" DataField="address"

Display="false">

<ItemTemplate>

<asp:Label ID="lbladdress" runat="server" Text='<%# Eval("address") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox ID="txbaddress" Width="300px" runat="server"

Text='<%# Eval("address") %>'>

</telerik:RadTextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator_address" runat="server" ControlToValidate="txbaddress"

ErrorMessage="Required" Text="*"></asp:RequiredFieldValidator>

</EditItemTemplate>

<ItemStyle VerticalAlign="Top"></ItemStyle>

</telerik:GridTemplateColumn>

help would be great!

Marty

Grid

answered on 22 Oct 2014

7 answers

204 views

"Error while executing filter XHTML - TypeError: e is null"

We have a customer reporting this error when switching from Design mode to HTML mode.

The editor content is:

<p><ul><li></li></ul></p>

I get the same error with this content:

<p><table></table></p>

Disabling the ConvertToXhtml filter prevents the error from occurring.

Editor version is: 2014.1.403.45.

Has this been fixed in a later version of the editor? Or can you provide a workaround to this problem?

Thanks,
Trevor.

Editor

answered on 22 Oct 2014