Questions on UI for ASP.NET AJAX Forum

1 answer

140 views

Replace Filter text box with a Button in Grid Filtering

Hi All,

I saw this post "Google like Filtering" using RadGrid in the below link.

http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandcombo/defaultcs.aspx?product=grid

It's something like filtering with a text box below the Grid's header..

I need to have 5 columns in my grid..For the first 3 columns alone i should have this filtering option. For the 4th and 5th column i should have a button in place of Filter box(TextBox).. On that button click i need to accomplish certain tasks too..

Any idea on how to do this will help me.

Grid

answered on 07 Jun 2012

0 answers

555 views

Setting or Binding From Column Item Template Text/Value To Selected Value In Custom Edit Temple

UPDATE: Decided just to use session variables to track the state and that works.

Hello,
For the past two days I have been having a difficult time with a particular issue related to selecting or binding the selected value in a RadComboBox within a custom grid edit template column that I cannot find examples for exactly and have not been able to get the scenario to work.

Scenario
There is a 100% programmatically created RadGrid where the columns are dynamically created. There is a GridTemplateColumn that can be created with a custom item template and edit template. The item template is relatively simple with just a literal control in it, while the edit template has a RadComboBox. The reason a GridDropDownColumn is not utilized is that the items in the RadComboBox contain localized text based on the user's context/language and this cannot be determined through a DataSourceID. When the user edits a row they see the correct items populated in the RadComboBox for that particular template and column, and the item template reflects their change (e.g. if they selected "Female" from the RadComboBox and save/insert their change they see the text "Female" in the item/non-edit tample). However when they edit a row after inserting the value the RadComboBox does not select the value they previously entered as the selected value.

Issue
The issue is that I cannot seem to find a way to bind the RadComboBox within the EditTemplate's selected value to the matching value from the text/item template. Every time the user clicks edit (the edit mode is PopUp) all the regular column values get set to the same values they were in read/non-edit mode, except the RadComboBox in the custom edit column template.

Maybe in the RadGrid's ItemDataBound event there is a way to get the value from the the label control in the item template and use that to set (or try to find then set) the selected value in the RadComboBox in the edit template? Or maybe i'm missing something crucial to the process.

Links Previously Viewed:
http://www.telerik.com/community/forums/aspnet/grid/radgrid-bind-dropdownlist-after-edit-mode.aspx (I cannot use the DataRowView type code without an exception like 'Unable to cast object of type 'Telerik.Web.UI.GridInsertionObject' to type 'System.Data.DataRowView'.

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

if ((e.Item is GridEditableItem || e.Item is GridDataItem) && e.Item.IsInEditMode)

{

GridEditableItem editForm = (GridEditableItem)e.Item;

(editForm.FindControl("ddlGridAdjBy") as DropDownList).SelectedValue = ((System.Data.DataRowView)(editForm.DataItem)).Row.ItemArray[1].ToString(); // throws an exception here

}

Many other links and of course http://www.telerik.com/help/aspnet-ajax/grid-programmatic-creation.html.

Code
Please note I utilized the converter at http://converter.telerik.com to convert VB.NET to C# since most people are working in C#. The converter sometimes does not convert things exactly.

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

{

if (e.Item is GridEditableItem && (e.Item as GridEditableItem).IsInEditMode) {

GridEditFormItem editItem = (GridEditFormItem)e.Item;

RadComboBox dropdownUOM = (RadComboBox)editItem.FindControl("editList");

// This PopulateDropDown works in populating the control with items

//

//For Each item As Something In CollectionThatGetsIterated

// Dim NewListItem As New RadComboBoxItem()

// NewListItem.Text = GetLocalizedText(item.Something1, item.Something2)

// NewListItem.Value = GetValue(item.Value)

// theDropDownControl.Items.Add(NewListItem)

//Next

PopulateDropDown(21, dropdownUOM);

dropdownUOM.DataBind();

}

This is the setup specific to this type of column, assume the column unique name, etc. have already been set.

// This is what sets the item and edit templates.  Since the items in the dropdown are added to the Items collection in a loop vs. against a dataset/collection the ListTextField and ListValueFields are not set.

private void BuildLookupListColumn(string columnName, GridTemplateColumn existingTemplateColumn)

{

existingTemplateColumn.ItemTemplate = new CustomItemTemplate(columnName);

KeyValuePair<string, string> emptyListItem = new KeyValuePair<string, string>("Select", string.Empty);

existingTemplateColumn.EditItemTemplate = new CustomEditTemplate(columnName, emptyListItem);

existingTemplateColumn.ConvertEmptyStringToNull = true;

}

Edit Template:

public class CustomEditTemplate: ITemplate, IBindableTemplate

{

private string _columnName;

private KeyValuePair<string, string> _emptyListItem;

public CustomEditTemplate()

{

}

public CustomEditTemplate(string columnName, KeyValuePair<string, string> emptyListItem)

{

this.ColumnName = columnName;

}

public string ColumnName {

get { return _columnName; }

set { _columnName = value; }

}

public KeyValuePair<string, string> EmptyListItem {

get { return _emptyListItem; }

set { _emptyListItem = value; }

}

public void InstantiateIn(Control container)

{

RadComboBox displayControl = new RadComboBox();

displayControl.ID = "editList";

displayControl.DataBinding += DisplayControl_DataBinding;

container.Controls.Add(displayControl);

}

private void DisplayControl_DataBinding(object sender, EventArgs e)

{

//Dim target As RadComboBox = DirectCast(sender, RadComboBox)

//Dim container As GridEditFormItem = DirectCast(target.NamingContainer, GridEditFormItem)

//Dim displayControl As RadComboBox = DirectCast(sender, RadComboBox)

//'Note: This line below throws a binding error on insert DataBinding: 'Telerik.Web.UI.GridInsertionObject' does not contain a property with the name 'AccountSettings'.

//displayControl.SelectedValue = DataBinder.Eval(container.DataItem, ColumnName).ToString()

//displayControl.SelectedValue = displayControl.SelectedValue

}

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

{

OrderedDictionary dict = new OrderedDictionary();

string value;

value = (((RadComboBox)((GridEditFormItem)container).FindControl("editList")).SelectedValue);

dict.Add(ColumnName, value);

return dict;

}

Item Template:

public class CustomItemTemplate : ITemplate

{

private string _columnName;

public CustomItemTemplate()

{

}

public CustomItemTemplate(string columnName)

{

this.ColumnName = columnName;

}

public string ColumnName {

get { return _columnName; }

set { _columnName = value; }

}

public void InstantiateIn(Control container)

{

LiteralControl displayControl = new LiteralControl();

displayControl.ID = "litEditList";

displayControl.DataBinding += DisplayControl_DataBinding;

container.Controls.Add(displayControl);

}

private void DisplayControl_DataBinding(object sender, EventArgs e)

{

LiteralControl target = (LiteralControl)sender;

GridDataItem container = (GridDataItem)target.NamingContainer;

target.Text = (DataRowView)container.DataItem(_columnName).ToString();

}

I want to do this without using Session variables. It seems really "hacky" to utilize them to store the drop down/combobox's selected state. Also imagine the case, where there are 20 rows of data in the RadGrid with multiple columns in each row that could be of this EditTemplate type with the dropdons, there are quite a few session variables that would be around just to track the selected state and they'd stick around until session expiration unless they are explicitly removed.

Grid

asked on 07 Jun 2012

0 answers

258 views

Binding RadGrid to Data from Session

Hi,

I am putting DataSource of RadGrid into a Session and when I've to re-bind the RadGrid I want to use the Session. I tried by using the following code.

Binding the RdaGrid for the first time,

var mentors = (dynamicModuleManager.GetDataItems(mentorType)).Where(i => i.Visible == true &&
i.Status == ContentLifecycleStatus.Live &&
(i.GetValue<IList<Guid>>("mentorshipcategories").Any(j => CategoriesChecked.Contains(j)) ||
i.GetValue<IList<Guid>>("industries").Any(j => CategoriesChecked.Contains(j)) ||
i.GetValue<IList<Guid>>("businessstages").Any(j => CategoriesChecked.Contains(j))));

MentorDetailsGrid.DataSource = mentors;
MentorDetailsGrid.DataBind();
Session["TempMentorsResult"] = mentors;

So ultimately mentors variable is of type IQueryable<DynamicContent>.

Now while rebinding the RadGrid, here are the lines used,

MentorDetailsGrid.DataSource= Session["TempMentorsResult"];
MentorDetailsGrid.DataBind(); //At this point I am getting the run-time error

The ObjectScope has already been disposed and it's managed persistent objects can no longer be accessed. The ObjectScope should be disposed at the end of the life cycle of your business logic instance. This can also be done in the Dispose of your ASP page or MVC controller.
Object name: 'OpenAccessRuntime.EnlistableObjectScope'.

Can someone please tell me where I am doing wrong?

Thanks.

General Discussions

asked on 06 Jun 2012

4 answers

163 views

HierarchicalDataTemplate in ASP.NET Treeview?

I'm working on a project for a client, where the app I'm building will serve to edit an XML file consumed by a live application. The application is written in Flash, and quite unstable, so I am kind of stuck with the less than optimal XML setup.

The XML is made up (simplified) like the following:

<MenuItem id="1" label="category1">

<Description>Description for Category 1</Description>

<Image>Image for category 1</Image>

<Item label ="Category1Item1">

<Price>12.99</Price>

<Type>Wood</Type>

<additionalElementsHere />

</Item>

<Item label ="Category1Item2">

<Price>112.99</Price>

<Type>Stone</Type>

<additionalElementsHere />

</Item>

<AdditionalItemsHere />

</MenuItem>

<AdditionMenuITemsHere />

I've been using a Telerik treeview bound to an XMLDataSource to display the data and allow users to interact with it (add/delete nodes, move nodes by means of drag and drop, or copy nodes and the underlying elements). So far, so good.

Now my client would like to know if it is somehow possible to use the <Type> Element of the Item elements as grouping containers.

So currently the treeview looks like this:

category1
--Category1Item1
--Category1Item2

And ideally, it should end up looking like this:

category1
--Wood
----Category1Item1
----Category1Item123
--Stone
----Category1Item2
----Category1Item456

I read up on HierarchicalDataTemnplates, but have not managed to figure out if these work in the ASP.NET controls supplied by Telerik. I would like to try and stick to what I have so far, as many hours of work have already gone into the product so far.

I'd appreciate it if someone could point me in the right direction of how to tackle this particular issue.

Thanks in advance :)

Peter

TreeView

answered on 06 Jun 2012

2 answers

69 views

Custom Header on slot duration

HI,
I am using TimeLine view on RadSchedular. Following is the code. time duration slot is for 2 Week.
I want to show column header as ( Week Start date- Week End date) . example - 05/31/2012 - 06/13/2012.
See attachment also. Is it possible to do that?

RadScheduler1.SelectedView = SchedulerViewType.TimelineView;

RadScheduler1.TimelineView.SlotDuration = TimeSpan.Parse("14.00:00:00");

RadScheduler1.TimelineView.ColumnHeaderDateFormat = "MM/dd/yyyy";

RadScheduler1.ColumnWidth = 180;

RadScheduler1.TimelineView.TimeLabelSpan = 1;

RadScheduler1.TimelineView.NumberOfSlots = 6;

Scheduler

answered on 06 Jun 2012

2 answers

311 views

Org chart with a large dataset

I trying to bind the orgChart to a large dataset and doesn't seem to work. The dataset contains about 150000 rows. I am using the latest Q2 Beta.
<telerik:RadOrgChart ID="RadOrgChart1" runat="server" EnableCollapsing="true" LoadOnDemand="NodesAndGroups" Skin="Office2010Blue">

</telerik:RadOrgChart>

protected void Page_Load(object sender, EventArgs e)
    {
        BindToDataSet(this.RadOrgChart1);
    }

    private static void BindToDataSet(RadOrgChart orgChart)
    {
        string dbConnectionString = ConfigurationManager.ConnectionStrings["mambophilprod"].ConnectionString;
        MySqlDataAdapter adapter = new MySqlDataAdapter("SELECT Id, ParentId, CurrentPosition From mambophil_flat_tree",
                                                    dbConnectionString);

DataSet links = new DataSet();
adapter.Fill(links);

        orgChart.DataTextField = "CurrentPosition";
        orgChart.DataFieldID = "Id";
        orgChart.DataFieldParentID = "ParentID";

        orgChart.DataSource = links;
        orgChart.DataBind();
    }

This is what I would like to do.
- I want to show the first few levels (say 10)
- When the user clicks on one of the last levels, the system fetches the next 10 levels.

Is this possible? Appreciate your help.
Sree

OrgChart

answered on 06 Jun 2012

1 answer

131 views

Moving RadCodeBlock code into External Files

How can I move RadCodeBlocks into an external .JS file? It seems like when I do, the <%= XXXX.ClientID %> formatting doesn't get parsed correctly.

Ajax

answered on 06 Jun 2012

1 answer

153 views

How to get Today date in Number format in server side

How to get Current date in Number format in server side e.g. Year/Month/day( 20120604000000)

Thanks
Tamim

UI for ASP.NET AJAX in ASP.NET MVC

answered on 06 Jun 2012

8 answers

153 views

[Solved] Develop Itemplate class to support icons in expand column

how can i Develop Itemplate class to support icons in expand column.

Thanks

Grid

answered on 06 Jun 2012

1 answer

152 views

appointments that span multiple days - monthview

I have a radscheduler that currently shows multi-day appointments on the start date with a small arrow indicating that it spans multiple days, however, i would like the appointment block to actually span the multiple days.

is this a setting i'm missing? i didn't find this functionality in any examples, however, in a related support ticket another user uploaded this screen shot:

http://www.telerik.com/ClientsFiles/299133_Multiday-monthview-bug.gif

ignore the red arrows and style issues - i want my appointments to span days like this.

any ideas?

Scheduler

answered on 06 Jun 2012