Questions on UI for ASP.NET AJAX Forum

1 answer

55 views

How to save Aggregations/Cells attributes when rebind (Client-side)?

Hello,

I work on a Grid and use .Aggregate() and .CellAction() (for cell.HtmlAttributes["style"]).

Everything works except when I rebind the grid on the client-side (after edit, delete, etc.). I lost my aggregations and all my cells style too. How can I keep this parameters during a rebind ?

Here is my grid :

@{

Html.Telerik().Grid(Model)

.Name("Grid")

.DataBinding(dataBinding =>

{

dataBinding.Ajax()

.Select("Select", "MyController")

.Insert("Insert", "MyController")

.Update("Update", "MyController")

.Delete("Delete", "MyController");

})

.ClientEvents(events => events

.OnDataBinding("onDataBinding")

.OnComplete("onComplete")

.OnEdit("onEdit")

.OnRowDataBound("onRowDataBound"))

.Columns(columns =>

{

columns.Command(commands =>

{

commands.Edit().ButtonType(GridButtonType.Image);

commands.Delete().ButtonType(GridButtonType.Image);

}).Width(30); ;

columns.Bound(o => o.Id);

columns.Bound(o => o.col1);

.Aggregate(aggregates => aggregates.Sum())

.GroupFooterTemplate(@<text>@item.Sum</text>);

columns.Bound(o => o.col2)

.Aggregate(aggregates => aggregates.Sum())

.GroupFooterTemplate(@<text>@item.Sum</text>);

columns.Bound(o => o.col3)

.Aggregate(aggregates => aggregates.Sum())

.GroupFooterTemplate(@<text>@item.Sum</text>);

})

.CellAction(cell =>

{

if ((cell.Column.Member == "col1")

{

cell.HtmlAttributes["style"] = "background-color: red";

}

})

.Sortable(sorting => sorting

.SortMode(GridSortMode.MultipleColumn)

)

.Filterable()

.Render();

}

}

Thank in advance for your help,

Alexandre G.

Grid

answered on 26 Sep 2013

1 answer

290 views

Web Method[Page Method] is not working after Migrating Telerik from 2012 to 2013 version

Hi Team,

We upgraded Telerik version from 2012 to 2013.After migration,All "webmethods" calls are failling.we are getting "Authentication Failed" error.The same code is working fine in Telerik version 2012.Our Implementaion is as follows,

In Class1.cs

[WebMethod(enablesession="true")]
Public static string Test(String s)
{
return "Sucess";
}

In Aspx
    function OnSuccess(response)
     {
           alert(response);
     }
    function OnError(error)
    {
          alert(error);
    }
    function CallTest()
    {
        PageMethods.Test("sample",OnSuccess, OnError);
    }

Incase someone has faced a similar issue and fixed it,Could you please share the steps/settings what you have done for fixing this issue.

Thanks in advance,
Raj

General Discussions

answered on 26 Sep 2013

1 answer

77 views

Strange UI Skin Error (Not the regular issue of not referencing correctly :)

Hello,

My site wasn't applying Skins.

UPDATE:
I just found that my site doesn't include following css references. A different sample site I made, however, does include this.

I can't find where and how this gets included as I fail to find any difference between the codes/libraries in my working and non working websites.

This is the code that isn't generated in the faulty site: I have also added an image of this code if it helps.
<head>
<link href="/WebSite1/WebResource.axd?d=0i1mhVJ1-dCV5bBQXa0WNXmbYGESRkFTq4w1-p04ECHlsK4EoLUX1v8K-ZEziSa6NLLuG8CQam_hjdn0a-QT8ONr_XN7EfGhnC1BbK_yM-K8wo4J3O3HvSi491O8V-ldsembv4hJx1QV2zWuP_rnWQ2&t=635095910640000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" /> <link href="/WebSite1/WebResource.axd?d=TmmFO1tq-7uTu5j8SekrhtT8osQVDICIU-WZILvwTtp5huwNHWvgSDpEn1MLG9QybLXZ6_uafB0lE_k2xCKvNKCoWQcyDqsJlB1Q6bZ_zeIiLH_L1HAe1W8TBdRZsDvJfNNOsOjyqep5yJauApJnsBJ3hh1SdpYZo_dmjWVp0zg1&t=635095910640000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" /> </head>

I have a radgrid that is supposed to be styles according to an embedded skin.

1 - I have added the matching version of the Telerik.web....UI.skins.dll to my bin
2 - I referenced the file
3 - I can see all skins in the "design" mode. I can select a skin and the grid even get those colours (in the design mode)
4 - But at run time, the grid gets data but is displayed as a very raw HTML table.
(Please see attached)

5 - I created a similar grid (using same settings and same methods to populate) for a different website and that works fine! so my referencing must be correct.

My project uses many css files.

So is it possible to override skins by one of those files accidentally?

If so, what should I do?

Is there a way to find it out please?

Please help...

Kind Regards,
Menol

Grid component control code:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<DataDriven.Rooster.UI.Models.TGridComponentModel>" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<div id="TGrid">
<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True"
CellSpacing="0" Skin="Glow"
OnNeedDataSource="Model.PopulateGridOn_NeedDataSource"
OnItemDataBound="Model.RadGrid1_ItemDataBound"
OnPreRender="Model.RadGrid1_PreRender1" AutoGenerateColumns="False">
</telerik:RadGrid>
</div>

General Discussions

answered on 26 Sep 2013

2 answers

239 views

Class to create Radgrid dynamically

I am trying to create a class that will allow me to create a radgrid dynamically. Then i have it load on page_load or page_init and i get the same problem. It creates the grid no problem, but when i click on delete, it deletes one record, and then if i click on delete again, it just refreshes the page and nothing happens. Also if i click on insert, it will insert one record and that's it, and then if i try to insert another record, the last record inserted gets deleted.

Class File (invoicer.cs)

public class invoicer

{

public invoicer()

{

//

// TODO: Add constructor logic here

//

string currentSession = HttpContext.Current.Session.SessionID;

DataTable dt = GetTable();

HttpContext.Current.Session.Add(currentSession, dt);

}

public class MyTemplate : ITemplate

{

private string colname;

protected Label lControl;

public MyTemplate(string cName)

{

colname = cName;

}

public void InstantiateIn(System.Web.UI.Control container)

{

lControl = new Label();

lControl.ID = "Label-DurationType";

lControl.DataBinding += new EventHandler(lControl_DataBinding);

container.Controls.Add(lControl);

}

public void lControl_DataBinding(object sender, EventArgs e)

{

Label l = (Label)sender;

GridDataItem container = (GridDataItem)l.NamingContainer;

l.Text = ((DataRowView)container.DataItem)[colname].ToString() + "<br />";

}

public class MyEditTemplate : IBindableTemplate

{

public void InstantiateIn(Control container)

{

GridDataItem item = ((GridDataItem)(container.NamingContainer));

DropDownList drop = new DropDownList();

drop.ID = "DurationType-DDL";

drop.DataSource = (DataTable)GetTableForDropDown();

drop.DataTextField = "DurationType";

drop.DataValueField = "DurationType";

container.Controls.Add(drop);

}

public System.Collections.Specialized.IOrderedDictionary ExtractValues(System.Web.UI.Control container)

{

OrderedDictionary od = new OrderedDictionary();

od.Add("DurationType", ((DropDownList)(((GridDataItem)(container)).FindControl("DurationType-DDL"))).DataValueField);

return od;

}

protected void grid_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridEditFormItem && e.Item.IsInEditMode)

{

GridEditFormItem editItem = (GridEditFormItem)e.Item;

DropDownList ddl = (DropDownList)editItem.FindControl("DurationType-DDL");

ddl.DataSource = (DataTable)GetTableForDropDown();

ddl.DataTextField = "DurationType";

ddl.DataValueField = "DurationType";

ddl.SelectedIndex = editItem.ItemIndex;

}

public void DefineGridStructure(int i, PlaceHolder ph)

{

RadGrid grid = new RadGrid();

grid.ID = "RadGrid" + i.ToString();

grid.NeedDataSource += new GridNeedDataSourceEventHandler(grid_NeedDataSource);

grid.AutoGenerateEditColumn = true;

grid.AutoGenerateDeleteColumn = true;

grid.AllowAutomaticInserts = false;

grid.Width = Unit.Percentage(100);

grid.PageSize = 15;

grid.AllowPaging = true;

grid.AllowFilteringByColumn = true;

grid.PagerStyle.Mode = GridPagerMode.NextPrevAndNumeric;

grid.AutoGenerateColumns = false;

grid.MasterTableView.Width = Unit.Percentage(100);

grid.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.TopAndBottom;

grid.AllowAutomaticDeletes = false;

grid.AllowAutomaticUpdates = false;

grid.ItemDataBound += new GridItemEventHandler(grid_ItemDataBound);

grid.InsertCommand += grid_InsertCommand;

grid.DeleteCommand += grid_DeleteCommand;

grid.UpdateCommand += grid_UpdateCommand;

grid.MasterTableView.DataKeyNames = new string[] { "RowNumber" };

GridBoundColumn boundColumn = new GridBoundColumn();

boundColumn.DataField = "RowNumber";

boundColumn.HeaderText = "RowNumber";

boundColumn.ReadOnly = true;

grid.MasterTableView.Columns.Add(boundColumn);

boundColumn = new GridBoundColumn();

boundColumn.DataField = "Size";

boundColumn.HeaderText = "Size";

grid.MasterTableView.Columns.Add(boundColumn);

boundColumn = new GridBoundColumn();

boundColumn.DataField = "Description";

boundColumn.HeaderText = "Description";

grid.MasterTableView.Columns.Add(boundColumn);

boundColumn = new GridBoundColumn();

boundColumn.DataField = "Quantity";

boundColumn.HeaderText = "Quantity";

grid.MasterTableView.Columns.Add(boundColumn);

boundColumn = new GridBoundColumn();

boundColumn.DataField = "Unit";

boundColumn.HeaderText = "Unit";

grid.MasterTableView.Columns.Add(boundColumn);

boundColumn = new GridBoundColumn();

boundColumn.DataField = "Duration";

boundColumn.HeaderText = "Duration";

grid.MasterTableView.Columns.Add(boundColumn);

GridTemplateColumn objGridTemplateColumn = new GridTemplateColumn();

objGridTemplateColumn.HeaderText = "DurationType";

objGridTemplateColumn.DataField = "DurationType";

objGridTemplateColumn.ItemTemplate = new MyTemplate("DurationType");

objGridTemplateColumn.EditItemTemplate = new MyEditTemplate();

grid.MasterTableView.Columns.Add(objGridTemplateColumn);

boundColumn = new GridBoundColumn();

boundColumn.DataField = "Amount";

boundColumn.HeaderText = "Amount";

grid.MasterTableView.Columns.Add(boundColumn);

grid.MasterTableView.EditMode = GridEditMode.InPlace;

ph.Controls.Add(grid);

}

public void grid_UpdateCommand(object sender, GridCommandEventArgs e)

{

GridEditableItem editItem = e.Item as GridEditableItem;

Hashtable newValues = new Hashtable();

newValues["RowNumber"] = (editItem["RowNumber"].Controls[0] as TextBox).Text;

newValues["Size"] = (editItem["Size"].Controls[0] as TextBox).Text;

newValues["Description"] = (editItem["Description"].Controls[0] as TextBox).Text;

newValues["Quantity"] = (editItem["Quantity"].Controls[0] as TextBox).Text;

newValues["Unit"] = (editItem["Unit"].Controls[0] as TextBox).Text;

newValues["Duration"] = (editItem["Duration"].Controls[0] as TextBox).Text;

newValues["DurationType"] = (editItem.FindControl("DurationType-DDL") as DropDownList).SelectedValue;

newValues["Amount"] = (editItem["Amount"].Controls[0] as TextBox).Text;

DataTable dtCurrentTable = (DataTable)HttpContext.Current.Session[HttpContext.Current.Session.SessionID];

foreach (DictionaryEntry entry in newValues)

{

dtCurrentTable.Rows[e.Item.ItemIndex][entry.Key.ToString()] = entry.Value;

}

public void grid_DeleteCommand(object sender, GridCommandEventArgs e)

{

GridDataItem item = e.Item as GridDataItem;

DataTable dt = (DataTable)HttpContext.Current.Session[HttpContext.Current.Session.SessionID];

dt.Rows.Remove(dt.Rows[item.ItemIndex]);

ResetRowID(dt);

}

public void grid_InsertCommand(object sender, GridCommandEventArgs e)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

GridEditManager editMan = editedItem.EditManager;

//Set new values

Hashtable newValues = new Hashtable();

//The GridTableView will fill the values from all editable columns in the hash

DataTable dtCurrentTable = (DataTable)HttpContext.Current.Session[HttpContext.Current.Session.SessionID];

DataRow dr = null;

int count = dtCurrentTable.Rows.Count;

count++;

dr = dtCurrentTable.NewRow();

dr["RowNumber"] = count;

newValues["RowNumber"] = count;

newValues["Size"] = (editedItem["Size"].Controls[0] as TextBox).Text;

newValues["Description"] = (editedItem["Description"].Controls[0] as TextBox).Text;

newValues["Quantity"] = (editedItem["Quantity"].Controls[0] as TextBox).Text;

newValues["Unit"] = (editedItem["Unit"].Controls[0] as TextBox).Text;

newValues["Duration"] = (editedItem["Duration"].Controls[0] as TextBox).Text;

newValues["DurationType"] = (editedItem.FindControl("DurationType-DDL") as DropDownList).SelectedValue;

newValues["Amount"] = (editedItem["Amount"].Controls[0] as TextBox).Text;

foreach (DictionaryEntry entry in newValues)

{

dr[entry.Key.ToString()] = entry.Value;

}

dtCurrentTable.Rows.Add(dr);

}

void grid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

DataTable current = (DataTable)HttpContext.Current.Session[HttpContext.Current.Session.SessionID];

RadGrid grid = (RadGrid)sender;

grid.DataSource = current;

}

static DataTable GetTable()

{

//

// Here we create a DataTable with a few columns.

//

// Create Datatable to store all colums

DataTable dt = new DataTable();

DataRow dr = null;

dt.Columns.Add(new DataColumn("RowNumber", typeof(string)));

dt.Columns.Add(new DataColumn("Size", typeof(string)));

dt.Columns.Add(new DataColumn("Description", typeof(string)));

dt.Columns.Add(new DataColumn("Quantity", typeof(string)));

dt.Columns.Add(new DataColumn("Unit", typeof(string)));

dt.Columns.Add(new DataColumn("Duration", typeof(string)));

dt.Columns.Add(new DataColumn("DurationType", typeof(string)));

dt.Columns.Add(new DataColumn("Amount", typeof(string)));

dr = dt.NewRow();

dr["RowNumber"] = 1;

dr["Size"] = string.Empty;

dr["Description"] = string.Empty;

dr["Quantity"] = string.Empty;

dr["Unit"] = string.Empty;

dr["Duration"] = string.Empty;

dr["DurationType"] = string.Empty;

dr["Amount"] = string.Empty;

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["RowNumber"] = 2;

dr["Size"] = string.Empty;

dr["Description"] = string.Empty;

dr["Quantity"] = string.Empty;

dr["Unit"] = string.Empty;

dr["Duration"] = string.Empty;

dr["DurationType"] = string.Empty;

dr["Amount"] = string.Empty;

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["RowNumber"] = 3;

dr["Size"] = string.Empty;

dr["Description"] = string.Empty;

dr["Quantity"] = string.Empty;

dr["Unit"] = string.Empty;

dr["Duration"] = string.Empty;

dr["DurationType"] = string.Empty;

dr["Amount"] = string.Empty;

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["RowNumber"] = 4;

dr["Size"] = string.Empty;

dr["Description"] = string.Empty;

dr["Quantity"] = string.Empty;

dr["Unit"] = string.Empty;

dr["Duration"] = string.Empty;

dr["DurationType"] = string.Empty;

dr["Amount"] = string.Empty;

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["RowNumber"] = 5;

dr["Size"] = string.Empty;

dr["Description"] = string.Empty;

dr["Quantity"] = string.Empty;

dr["Unit"] = string.Empty;

dr["Duration"] = string.Empty;

dr["DurationType"] = string.Empty;

dr["Amount"] = string.Empty;

dt.Rows.Add(dr);

return dt;

}

static DataTable GetTableForDropDown()

{

//

// Here we create a DataTable with a few columns.

//

// Create Datatable to store all colums

DataTable dt = new DataTable();

DataRow dr = null;

dt.Columns.Add(new DataColumn("DurationType", typeof(string)));

dr = dt.NewRow();

dr["DurationType"] = "Hours";

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["DurationType"] = "Days";

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["DurationType"] = "Weeks";

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["DurationType"] = "Months";

dt.Rows.Add(dr);

return dt;

}

private void ResetRowID(DataTable dt)

{

int rowNumber = 1;

if (dt.Rows.Count > 0)

{

foreach (DataRow row in dt.Rows)

{

row[0] = rowNumber;

rowNumber++;

}

I try to add it to the default.aspx,cs page

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

{

protected void Page_Init(object sender, System.EventArgs e)

{

invoicer inv = new invoicer();

inv.DefineGridStructure(1, PlaceHolder1);

}

protected void Page_Load(object sender, EventArgs e)

{

}

I'm sure i'm doing something wrong, any help is very much appreciated.

Grid

answered on 26 Sep 2013

3 answers

76 views

Formatting issue with radGrid and GridDateTimeColumn in Internet Explorer 10

Hello everybody,

I am working on an application that was developed using IE 8 and the Q2 2012 AJAX controls (2012.2.607.40)

We have recently upgraded to Internet Explorer 10 and have encountered a number of formatting issues.
Attached are a couple of screen shots - the page as it looks in IE 8 and the same screen in IE 10.

I have tried adjusting the size of the columns but no matter what width they are the DatePicker and TimePicker fields use the entire width which results in the required field validator asterisk being pushed under the control.

<telerik:GridDateTimeColumn DataField="NULLABLE_TIMESHEET_ITEM_DATE" HeaderText="Date"

PickerType="DatePicker" DataFormatString="{0:dd/MM/yyyy}" UniqueName="DateTimeColumEditor">

<HeaderStyle Width="120px" />

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn HeaderText="Start Time" PickerType="TimePicker" DataField="NULLABLE_START_TIME"

UniqueName="StartTimeColumn" DataFormatString="{0:HH:mm}" ColumnEditorID="DateTimeColumEditor">

<HeaderStyle Width="105px" />

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn HeaderText="End Time" PickerType="TimePicker" DataField="NULLABLE_END_TIME"

UniqueName="EndTimeColumn" DataFormatString="{0:HH:mm}" ColumnEditorID="DateTimeColumEditor">

<HeaderStyle Width="105px" />

</telerik:GridDateTimeColumn>

Can anybody suggest a way to control the width of the Date and Time picker fields?

Thanks.

Grid

answered on 26 Sep 2013

8 answers

460 views

Example code for ClientEvents OnBatchEditCellValueChanged

Could you please provide sample code for the new batch editing functionality for OnBatchEditCellValueChanged. I need to know the following:
1. The index of the row (to get values of other columns)
2. The ID of the column
3. Old value
4. New value

Thank you,
-Sam

Grid

answered on 26 Sep 2013

1 answer

90 views

VS 2013 RC & Win 8.1 RTM

I installed ASP.NET Ajax. I chose the Visual Studio 2013 option. I see no Telerik templates when I select New Project.

I am using VS 2013 RC on Windows 8.1 RTM.

Any ideas about a fix?

bill b

General Discussions

answered on 26 Sep 2013

3 answers

104 views

Scheduler Web Part w/Exchange - time zone wrong

I'm using a Scheduler Web Part against Exchange server as it's data source. All calendar events in the web part seem to be presenting in UTC 0 time zone, rather than the local time zone, and I cannot find a way to change this setting.

I did read some API documentation that states in the absence of explicitly setting a time zone for the control, it will default to UTC 0 which is exactly what appears to be happening, however, there is not a settable web part property in the GUI in SharePoint for changing the Time Zone, nor can I figure out how to code it manually.

I've verified the regional settings on my SharePoint server are all correct for our local time.

Any help appreciated!
Bob

WebParts for SharePoint

answered on 26 Sep 2013

3 answers

382 views

RadTextBox Clears on Postback while ASP Textbox Doesn't

Hello,

I've come across a strange issue I can't seem to get my head around:

I currently have a Dynamic TabStrip/MultiPageView setup going, which dynamically load controls as tabs are added. I have been replacing the regular ASP TextBox controls with RadTextBox controls, however I have noticed that upon changing tabs back and forth, all information in the RadTextBox controls are erased, while the ASP TextBox controls all stay filled in. I'm curious as to what the difference with the TextBoxes are that might be causing this.

It's a little tricky to get workable code to reproduce this, but from what I can tell changes are lost on any postbacks (placing a RadTextBox outside my tabstrip to test also causes information to be lost)

While I would normally assume this is all due to my lack of understanding of ASP page cycles, the fact that I get the expected behavior with an ASP box but not with a RAD box is confusing. Any help in the right direction or even what I can do to try and isolate the problem would be greatly appreciated.

Thank you.

EDIT:

I've narrowed this down to find that Loading a control seems to break the persistence (although it doesn't seem to matter whether the text boxes are in the control our outside the tabstrip completely - the same thing happens). My understanding is that the ViewState/Postback shouldn't affect text boxes (and they don't affect the regular ones) as per this article here. So on the loading of a control, what's destroying the changes in the RadTextBox, but not destroying the changes in the ASP TextBox?

Input

answered on 26 Sep 2013

1 answer

89 views

Editor Toolbar and Compatibility View

Hi,

Using the editor both within our product and also on your online demos, if you view the page using IE10 in compatibility view some of the icons on the toolbars fail to load. If this is fine first time, try changing the skin to something else like Default. If you switch out of compatibility view, this resolves itself. By default IE is in compatibility view when viewing a website on a local intranet and this is causing us some issues.

Can you explain why this is happening and why this is only affecting some icons? We have tried using a meta tag to force IE10 out of compatibility view but this have no effect any more. Do you have a solution?

Thanks

Rob

Editor

answered on 26 Sep 2013