I am trying to use filtering in Radgrid by this codes:

Asp:

​<telerik:RadGrid ID="ToolkitList" runat="server" AllowSorting="True" CssClass="RadGridCustomClass" OnNeedDataSource="ToolkitListNeedDataSource" AutoGenerateColumns="False" OnPreRender="ToolkitList_PreRender" Style="margin-right: 30px;" OnInit="ToolkitList_Init" OnUpdateCommand="ToolkitList_UpdateCommand" Width="1143px" OnItemDataBound="ToolkitList_ItemDataBound" OnItemCreated="ToolkitList_ItemCreated" OnItemCommand="ToolkitList_ItemCommand" >
<FilterMenu OnClientShowing="MenuShowing" />
<GroupingSettings CaseSensitive="False" />
<ClientSettings>
<ClientEvents OnFilterMenuShowing="filterMenuShowing" />
</ClientSettings>

<MasterTableView DataKeyNames="Toolkit ID,Progress,ProgressString,IsDistributed" GridLines="Vertical" EditMode="InPlace">
<PagerStyle Mode="NumericPages"></PagerStyle>
<RowIndicatorColumn Visible="False">
</RowIndicatorColumn>
<ExpandCollapseColumn Created="True">
</ExpandCollapseColumn>
<Columns>
<telerik:GridHyperLinkColumn DataNavigateUrlFields="Toolkit ID" SortExpression="Entity Name" AllowFiltering="true" AutoPostBackOnFilter="true" FilterControlAltText="Filter Entity Name column" DataNavigateUrlFormatString="~/Section/ToolkitIndex.aspx?_toolkitId={0}" DataTextField="Entity Name" DataTextFormatString="{0}" HeaderText="Entity Name" DataType="System.String" UniqueName="EntityName">

<HeaderStyle HorizontalAlign="Left" CssClass="gridheaderdark" ForeColor="white" />

</telerik:GridHyperLinkColumn>

<Telerik:GridImageColumn UniqueName="GridImageColumn" ShowFilterIcon="False" SortExpression="RestrictAccess" HeaderText="Restrict" DataImageUrlFields="RestrictAccess" HeaderImageUrl="~\Images\Restricted.png">
<HeaderStyle HorizontalAlign="Center" CssClass="gridheaderlight" ForeColor="white" />
</Telerik:GridImageColumn>

<telerik:GridBoundColumn AutoPostBackOnFilter="True" CurrentFilterFunction="Contains" DataField="Client Name" FilterControlAltText="Filter ClientName column" Groupable="False" HeaderText="Client Name" HtmlEncode="True" ReadOnly="true" SortExpression="Client Name" UniqueName="ClientName" DataType="System.String">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
<HeaderStyle HorizontalAlign="Left" CssClass="gridheaderdark" ForeColor="white" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AutoPostBackOnFilter="True" CurrentFilterFunction="Contains" DataField="Client Number" FilterControlAltText="Filter Client # column" Groupable="False" HeaderText="Client #" HtmlEncode="True" ReadOnly="true" SortExpression="Client Number" UniqueName="ClientNumber" DataType="System.String">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderlight" ForeColor="white"/>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" AllowSorting="False" AutoPostBackOnFilter="True" CurrentFilterFunction="Contains" DataField="BKD Office" FilterControlAltText="Filter BKD Office column" Groupable="False" HeaderText="BKD Office" HtmlEncode="True" ReadOnly="true" SortExpression="BKD Office" UniqueName="BKDOffice" DataType="System.String">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderdark" ForeColor="white"/>
</telerik:GridBoundColumn>

<telerik:GridTemplateColumn AllowFiltering="False" DataField="Progress" FilterControlAltText="Filter ProgressBar column" Groupable="False" HeaderText="Progress" ReadOnly="True" Reorderable="False" Resizable="False" UniqueName="ProgressBar">
<EditItemTemplate>
<telerik:RadHtmlChart ID="ProgressBarChart" runat="server" Height="25px">
<Legend>
<Appearance Visible="false">
</Appearance>
</Legend>
<PlotArea>
<Appearance Visible="False">
</Appearance>
<XAxis Visible="False">
<MajorGridLines Visible="False" />
<MinorGridLines Visible="False" />
</XAxis>
<YAxis MaxValue="100" MinValue="0" Visible="False">
<MajorGridLines Visible="False" />
<MinorGridLines Visible="False" />
</YAxis>
<Series>
<telerik:BarSeries DataFieldY="Progress" Gap="0" Spacing="0">
<LabelsAppearance Position="InsideBase">
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="Green" />
</Appearance>
<TooltipsAppearance Color="White" DataFormatString="{0}%" />
</telerik:BarSeries>
</Series>
</PlotArea>
<Navigator>
<SelectionHint Visible="False">
</SelectionHint>
</Navigator>
</telerik:RadHtmlChart>
</EditItemTemplate>
<ItemTemplate>
<telerik:RadHtmlChart ID="ProgressBarChart" runat="server" Height="25px">
<Legend>
<Appearance Visible="false">
</Appearance>
</Legend>
<PlotArea>
<Appearance Visible="False">
</Appearance>
<XAxis Visible="False">
<MajorGridLines Visible="False" />
<MinorGridLines Visible="False" />
</XAxis>
<YAxis MaxValue="100" MinValue="0" Visible="False">
<MajorGridLines Visible="False" />
<MinorGridLines Visible="False" />
</YAxis>
<Series>
<telerik:BarSeries DataFieldY="Progress" Gap="0" Spacing="0">
<LabelsAppearance Position="InsideBase">
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="Green" />
</Appearance>
<TooltipsAppearance Color="White" DataFormatString="{0}%" />
</telerik:BarSeries>
</Series>
</PlotArea>
<Navigator>
<SelectionHint Visible="False">
</SelectionHint>
</Navigator>
</telerik:RadHtmlChart>
</ItemTemplate>
<ItemStyle Width="120px" />
<HeaderStyle CssClass="gridheaderlight" HorizontalAlign="Center" ForeColor="white"></HeaderStyle>
</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn AutoPostBackOnFilter="True" CurrentFilterFunction="EqualTo" FilterControlWidth="70px" DataField="Year End" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime" FilterControlAltText="Filter Year End column" Groupable="False" HeaderText="Year-End" ReadOnly="True" SortExpression="Year End" UniqueName="YearEnd">
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderdark" ForeColor="white"/>
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn AutoPostBackOnFilter="True" CurrentFilterFunction="EqualTo" FilterControlWidth="70px" DataField="Distribution Date" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime" FilterControlAltText="Filter Distribution Date column" Groupable="False" HeaderText="Dist. Date" ReadOnly="true" SortExpression="Distribution Date" UniqueName="DistributionDate">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderlight" ForeColor="white"/>
</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn AutoPostBackOnFilter="True" CurrentFilterFunction="EqualTo" FilterControlWidth="70px" DataField="Toolkit Due Date" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime" FilterControlAltText="Filter Toolkit Due Date column" Groupable="False" HeaderText="Toolkit Due" ReadOnly="False" SortExpression="Toolkit Due Date" UniqueName="ToolkitDueDate">
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderdark" ForeColor="white"/>
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridDateTimeColumn>


<telerik:GridDateTimeColumn AutoPostBackOnFilter="True" CurrentFilterFunction="EqualTo" DataField="Board Meeting Date" FilterControlWidth="70px" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime" FilterControlAltText="Filter Board Meeting Date column" Groupable="False" HeaderText="Board Mtg." ReadOnly="False" SortExpression="Board Meeting Date" UniqueName="BoardMeetingDate">
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderlight" ForeColor="white"/>
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridDateTimeColumn>



<telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Progress" DataType="System.Int16" Display="False" FilterControlAltText="Filter Progress column" Groupable="False" HeaderText="Progress" ReadOnly="True" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="Progress">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="ProgressString" DataType="System.String" Display="False" FilterControlAltText="Filter Progress column" Groupable="False" HeaderText="ProgressString" ReadOnly="True" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="ProgressString">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Toolkit ID" Display="false" Groupable="False" HeaderText="Toolkit ID" ReadOnly="true" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="ToolkitID">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="Assigned" Groupable="False" HeaderText="Assigned" HtmlEncode="True" SortExpression="Assigned" UniqueName="Assigned" ReadOnly="true" Display="false">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="RestrictAccess" Groupable="False" HeaderText="RestrictAccess" HtmlEncode="True" SortExpression="RestrictAccess" UniqueName="RestrictAccess" ReadOnly="true" Display="False" >
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="IsDistributed" Groupable="False" HeaderText="IsDistributed" HtmlEncode="True" SortExpression="IsDistributed" UniqueName="IsDistributed" ReadOnly="true" Display="False" >
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>
<telerik:GridEditCommandColumn ButtonType="ImageButton" ColumnGroupName="Actions" HeaderStyle-CssClass="header" UniqueName="EditCommandColumn" >
<HeaderStyle CssClass="header" />
<ItemStyle HorizontalAlign="Center" Width="15" CssClass="MergedBorder"/>
</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" ColumnGroupName="Actions" HeaderStyle-CssClass="header" ImageUrl="~\Images\users-icon.png" UniqueName="ManageUserColumn" CommandName="Manageusers" >
<HeaderStyle CssClass="header"/>
<ItemStyle HorizontalAlign="Center" Width="5" CssClass="MergedBorder"/>
</telerik:GridButtonColumn>


<telerik:GridButtonColumn ButtonType="ImageButton" ColumnGroupName="Actions" HeaderStyle-CssClass="header" ImageUrl="~\Images\distribute.gif" UniqueName="DistributeColumn" CommandName="DistributeButtonColumn">
<HeaderStyle CssClass="header" />
<ItemStyle HorizontalAlign="Center" Width="5" CssClass="MergedBorder"/>
</telerik:GridButtonColumn>

<telerik:GridTemplateColumn UniqueName="DeleteColumn" ColumnGroupName="Actions" AllowFiltering="False">
<ItemTemplate>
<asp:ImageButton ID="DeleteImageButton" runat="server" AlternateText="Delete Toolkit" CommandName="Delete"
OnClientClick="javascript:if(!confirm('This action will delete the selected Toolkit. Are you sure?')){return false;}"
ImageUrl="~\Images\delete-icon.png" />
</ItemTemplate>
<HeaderStyle CssClass="header" />
<ItemStyle HorizontalAlign="Center" Width="5" CssClass="MergedBorder"/>
</telerik:GridTemplateColumn>

</Columns>
<ColumnGroups>
<telerik:GridColumnGroup HeaderStyle-HorizontalAlign="Center" HeaderText="Actions" Name="Actions" >
<HeaderStyle HorizontalAlign="Center" CssClass="gridheaderdark" ForeColor="white"/>

</telerik:GridColumnGroup>
</ColumnGroups>
<EditFormSettings>
<EditColumn UniqueName="EditCommandColumn" ButtonType="ImageButton" CancelImageUrl="~/RadControls/Grid/Skins/Default/Cancel.gif" UpdateImageUrl="~/RadControls/Grid/Skins/Default/Update.gif" >
</EditColumn>

<EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1" >
</EditColumn>
</EditFormSettings>

</MasterTableView>

<FilterMenu OnClientShowing="MenuShowing" />
</telerik:RadGrid>
</telerik:RadAjaxPanel>


<telerik:RadCodeBlock ID="CustomizingFiltersBlock" runat="server">
<script type="text/javascript">
var column = null;

function MenuShowing(sender, args) {
if (column == null) return;
var menu = sender;
var items = menu.get_items();
if (column.get_dataType() == "System.String") {
var i = 0;
while (i < items.get_count()) {
if (!(items.getItem(i).get_value() in { 'Contains': '', 'DoesNotContain': '', 'StartsWith': '', 'EndsWith': '', 'IsEmpty': '', 'NotIsEmpty': '', 'NoFilter': '' })) {
var item = items.getItem(i);
if (item != null)
item.set_visible(false);
}
else {
var item = items.getItem(i);
if (item != null)
item.set_visible(true);
} i++;
}
}
if (column.get_dataType() == "System.UInt32") {
var j = 0;
while (j < items.get_count()) {
if (!(items.getItem(j).get_value() in { 'EqualTo': '', 'NotEqualTo': '', 'GreaterThan': '', 'GreaterThanOrEqualTo': '', 'LessThan': '', 'LessThanOrEqualTo': '', 'NoFilter': '' })) {
var item = items.getItem(j);
if (item != null)
item.set_visible(false);
} else {
var item = items.getItem(j);
if (item != null)
item.set_visible(true);
} j++;
}
}
if (column.get_dataType() == "System.DateTime") {
var j = 0;
while (j < items.get_count()) {
if (!(items.getItem(j).get_value() in { 'EqualTo': '', 'NotEqualTo': '', 'GreaterThan': '', 'GreaterThanOrEqualTo': '', 'LessThan': '', 'LessThanOrEqualTo': '', 'NoFilter': '' })) {
var item = items.getItem(j);
if (item != null)
item.set_visible(false);
} else {
var item = items.getItem(j);
if (item != null)
item.set_visible(true);
} j++;
}
}
//if (column.get_uniqueName() == "EIN") {
// var j = 0;
// while (j < items.get_count()) {
// if (!(items.getItem(j).get_value() in { 'NoFilter': ''})) {
// var item = items.getItem(j);
// if (item != null)
// item.set_visible(false);
// } else {
// var item = items.getItem(j);
// if (item != null)
// item.set_visible(true);
// } j++;
// }
//}
column = null;
menu.repaint();
}

function filterMenuShowing(sender, eventArgs) {
column = eventArgs.get_column();
}


</script>
</telerik:RadCodeBlock>

and  Cs code:

​protected void ToolkitList_Init(object sender, EventArgs e)
{

#region Ordering Filter Options

// Get the single server side filter list.
GridFilterMenu menu = ToolkitList.FilterMenu;

// Get the "No Filter" menu choice.
var noFilter = menu.Items.FindItemByText("No Filter");

// Moves "No Filter" To the bottom of the list.
menu.Items.Remove(noFilter);
menu.Items.Add(noFilter);

// Get the "Less Than" menu choice and index.
var lessThan = menu.Items.FindItemByText("Less Than");
int lessThanIndex = lessThan.Index;

// Get the "Greater Than Or Equal To" menu choice and index.
var greaterThanOrEqualTo = menu.Items.FindItemByText("Greater Than Or Equal To");
int greaterThanOrEqualToIndex = greaterThanOrEqualTo.Index;

// Pull the old switch them around trick.
menu.Items[lessThanIndex] = greaterThanOrEqualTo;
menu.Items[greaterThanOrEqualToIndex] = lessThan;

#endregion
}
​ protected void ToolkitList_PreRender(object sender, EventArgs e)
{
#region Selecting Default Menu Option

// Loop through all the columns
int i = 0;
while (i < ToolkitList.Columns.Count)
{
// Check to make sure that there is no filter text.
if (string.IsNullOrEmpty(ToolkitList.MasterTableView.Columns[i].CurrentFilterValue))
{
// If it is a string column assign it the default of contains.
if (ToolkitList.Columns[i].DataType.ToString() == "System.String")
{
ToolkitList.Columns[i].CurrentFilterFunction = GridKnownFunction.Contains;
}

// If it is an integer or date column assign it the default of equal to.
if (ToolkitList.Columns[i].DataType.ToString() == "System.UInt32" ||
ToolkitList.Columns[i].DataType.ToString() == "System.DateTime")
{
ToolkitList.Columns[i].CurrentFilterFunction = GridKnownFunction.EqualTo;
}
}

i++;
}

this.ToolkitList.Rebind();

#endregion
             GridColumn gridCol = ToolkitList.MasterTableView.GetColumn("EditCommandColumn");
gridCol.HeaderStyle.Width = Unit.Pixel(50);
          }

but I get this error :
0x800a139e - JavaScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Index was out of range. Must be non-negative and less than the size of the collection.Parameter name: index

I need your help as soon as possible plz.

Hi,

I have a Radgrid from where i have to select multiple rows and on click on button in RadToolBar, i need to open a seperate Radwindow for each Row selected from code behind. All the Radwindows should be minimised except the last one.

Please suggest.

Thanks in advance!

Hi Team,
    I want to perform the testing for RadComboBox used in the webpage using selenium. My requirement is i need to Select the item in RadComboBox.


Code i tried:
var cboCountry = driver.FindElement(By.Id("cboCountry_Arrow"));
cboCountry.Click();
 IWebElement List = driver.FindElement(By.Id("cboCountry_Input"));
var item = List.FindElement(By.XPath("//li[text()='Malaysia']"));
item.Click();

I am not able to accomplish this. It gives the error, the element is not displayed in the page.

Could you please provide the code for all the Rad controls that i can use it for testing using Selenium

The UI for ASP.NET AJAX roadmap for Q3 2014 is coming soon!     WHEN will you post your road map for Q3 ?? 

I have an issue with the way scrolling is handled on the menu control when it is set to mobile mode. When you get to over about 6 items in the mobile menu, the items scroll inside the menu container. This is fine on a desktop browser, but is problematic when I tested on an iPhone. First, the fact that there are more items to scroll down too is not immediately evident to the user, as there are no scroll bars in the mobile browser until you begin to scroll.  Second, then scrolling doesn't always work in the menu's container, and the entire page scrolls rather then the menu.

Is there a setting for the menu that forces it to be 100% height, to function similar to how the mobile version of the Telerik.com menu works (as of writing this post)?

Hi Team,

How do I add an additional ComboBox on the AdvanceInsertTemplate while keeping the default items like subject, start time etc.

Thanks & Regards,
Sharanya

Hello

I have a RadGrid that works well : it shows the rows in the dataSource and I can use the seeded buttons to add rows etc ...

Now I want to some rows programmatically, so I modify the DataSource in the codeBehind then run RadGrid. Rebind() but it does not shows the new datasource rows.

What could be the explanation for this ?

Loko

Hi,

I have a radgrid with 2 columns, the first column has a dropdown and the second column has a textbox. outside the grid there is a Add "Add ROw" which should insert one row to the grid. The newly added row should have  a dropdown(binded with soime data) in 1st and textox in the 2nd column. The dat entered or selected for previous row must be retained.

Please let me know how this can be achevied.
Please reply at the earliest.

I've come across an issue with exporting the radgrid to csv and excel files when using the item template. I've poked around a bit on the forums to see what solutions are already present and from what I've gathered I should set the text field of my item template columns before exporting. The problem I am running into is when I try to find the control it keeps returning null (or in this case Object reference not set to an instance of an object).

My Grid Exporting Event:

The RadGrid:


The Account Id Template:

Any point in the right direction would be greatly appreciated. I'd really like to avoid having to set ExportOnlyData to false (another solution I've seen floating around) since it really ends up just not looking very nice.

i am using telerik rad editor 2013. now when user delete some image form RadEditor-Image Manger,it should show warning confirmation box . by default radEditor provides this thing.
but i want to customize this confirmation dialog.
i want to show following text.
"Are you sure you want to delete this image...?  This action can not be undone....." 

How to confirm box with this text when user try to delete image