hi,
I am using the following code in aspx.cs and aspx page to turn off/on the filetring of radgrid, but its working in reverse. When I click on FilterOn button, filters hide and when I click on FilterOff button, filters show up..it should not work like that
protected void btnFilterOn_Click(object sender, EventArgs e)
{
rdgResult.MasterTableView.TableLayout = GridTableLayout.Auto;
rdgResult.AllowFilteringByColumn = true;
rdgResult.MasterTableView.AllowFilteringByColumn = true;
hdnFilterState.Value =
"ON"
;
this.BindGrid();
ibtnFilterOff.Visible = true;
ibtnFilterOn.Visible = false;
btnFilterOnBtm.Visible = false;
btnFilterOffBtm.Visible = true;
}
protected void btnFilterOff_Click(object sender, EventArgs e)
{
rdgResult.MasterTableView.TableLayout = GridTableLayout.Auto;
rdgResult.AllowFilteringByColumn = false;
rdgResult.MasterTableView.AllowFilteringByColumn = false;
hdnFilterState.Value =
"OFF"
;
this.BindGrid();
ibtnFilterOff.Visible = false;
ibtnFilterOn.Visible = true;
btnFilterOnBtm.Visible = true;
btnFilterOffBtm.Visible = false;
}
telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel">
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"rdgResult"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rdgResult"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel"
runat
=
"server"
Transparency
=
"50"
>
<
img
alt
=
"Loading..."
src
=
"Images/Loading.gif"
style
=
"border: 0px; margin-top: 60px;"
/>
</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadGrid
ID
=
"rdgResult"
runat
=
"server"
Skin
=
"Office2007"
Width
=
"957px"
BackColor
=
"White"
AutoGenerateColumns
=
"true"
PageSize
=
"10"
AllowSorting
=
"True"
AllowPaging
=
"True"
filtercontrolwidth
=
"5px"
AllowFilteringByColumn
=
"false"
showfiltericon
=
"true"
filterlistoptions
=
"VaryByDataType"
showsorticon
=
"true"
EnableViewState
=
"true"
ClientSettings-Scrolling-AllowScroll
=
"true"
OnNeedDataSource
=
"rdgResult_NeedDataSource"
OnItemDataBound
=
"rdgResult_ItemDataBound"
OnColumnCreated
=
"rdgResult_ColumnCreated"
OnItemCreated
=
"rdgResult_ItemCreated"
OnDetailTableDataBind
=
"rdgResult_DetailTableDataBind"
OnExcelMLExportRowCreated
=
"rdgResult_ExcelMLExportRowCreated"
OnExcelMLExportStylesCreated
=
"rdgResult_ExcelMLExportStylesCreated"
OnPreRender
=
"rdgResult_PreRender"
>
<
HeaderStyle
Width
=
"160px"
HorizontalAlign
=
"Center"
CssClass
=
"clsTableHeading1"
/>
<
ItemStyle
Font-Size
=
"8pt"
HorizontalAlign
=
"Left"
CssClass
=
"clsTableCellLeft"
/>
<
ExportSettings
FileName
=
"Detail Report"
IgnorePaging
=
"true"
Excel-Format
=
"ExcelML"
/>
<
ClientSettings
EnableRowHoverStyle
=
"false"
>
<
Selecting
AllowRowSelect
=
"false"
EnableDragToSelectRows
=
"false"
/>
<
Scrolling
AllowScroll
=
"false"
UseStaticHeaders
=
"true"
ScrollHeight
=
"100"
/>
</
ClientSettings
>
<
MasterTableView
TableLayout
=
"Auto"
Name
=
"DetailRpt"
Width
=
"100%"
Height
=
"90%"
AllowMultiColumnSorting
=
"false"
DataKeyNames
=
"Document #"
HierarchyLoadMode
=
"ServerOnDemand"
HeaderStyle-Font-Bold
=
"true"
HeaderStyle-HorizontalAlign
=
"Center"
AllowFilteringByColumn
=
"false"
ItemStyle-HorizontalAlign
=
"Left"
>
<%-- <
HeaderStyle
Width
=
"200px"
/>--%>
<
PagerStyle
AlwaysVisible
=
"true"
Mode
=
"NextPrevAndNumeric"
></
PagerStyle
>
<
NoRecordsTemplate
>
<
span
class
=
"clsTableCellCenter"
style
=
"padding-left: 250px;"
><
b
>Sorry, there is no
matching data available for display.</
b
></
span
>
</
NoRecordsTemplate
>
<
Columns
>
<
telerik:GridTemplateColumn
HeaderStyle-Width
=
"30px"
HeaderText
=
"Sel"
ShowFilterIcon
=
"false"
DataField
=
"column value"
HeaderStyle-HorizontalAlign
=
"Center"
AllowFiltering
=
"false"
ItemStyle-HorizontalAlign
=
"Center"
>
<
ItemTemplate
>
<
asp:Literal
ID
=
"RadioButtonMarkup"
runat
=
"server"
EnableViewState
=
"true"
></
asp:Literal
>
<
input
type
=
"hidden"
id
=
"hdnDocNo"
name
=
"hdnDocNo"
runat
=
"server"
value='<%# DataBinder.Eval(Container.DataItem,"Document #")%>' />
<
input
type
=
"hidden"
id
=
"hdnRevision"
name
=
"hdnRevision"
runat
=
"server"
value='<%# DataBinder.Eval(Container.DataItem,"Rev Ltr")%>' />
<
input
type
=
"hidden"
id
=
"hdnFlag"
name
=
"hdnFlag"
runat
=
"server"
value='<%# DataBinder.Eval(Container.DataItem,"SHOWHYPERLINK")%>' />
<
input
type
=
"hidden"
id
=
"hdnStatus"
name
=
"hdnStatus"
runat
=
"server"
value='<%# DataBinder.Eval(Container.DataItem,"STATUS")%>' />
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
RadScriptManager is trying to load WebUIValidation from an address that does not exist.
I have two scenarios:
1 - When the RadScriptManager is configure like below [0] the script tag [1] is generated which try to load the script from an unexistent place.
[0] -
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="500"
ScriptPath="~" ScriptMode="Release">
<Scripts>
.... custom 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>
[1] -
<script src="System.Web/4.0.0.0/4.6.1637.0/WebUIValidation.js" type="text/javascript"></script>
2 - When the RadScriptManager is configure like below [2] there is no error to load the script, however the error happens when a content is loaded via Ajax using the RadAjaxManagerProxy at this time it's triggered by an internal call of Telerik.Web.UI.WebResource.axd.
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="500"
EnablePageMethods="true" ScriptPath="~" ScriptMode="Release" >
<Scripts>
.... custom 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" />
<asp:ScriptReference Assembly="System.Web, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" Path="~/js/WebUIValidation.js" Name="WebUIValidation.js" />
</Scripts>
</telerik:RadScriptManager>
Hi,
In my application I want to display simple grid with paging and filtering functionality. I am using custom paging for pagination of the grid.
My NeedDataSoure look like this
protected void rgList_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
Meeting360Entities db = new Meeting360Entities();
var query = from c in db.Committees
select c;
var Data = query.ToList();
rgList.DataSource = Data.Skip(rgList.CurrentPageIndex * rgList.PageSize).Take(rgList.PageSize); // This line will selects records need to display on screen.
rgList.VirtualItemCount = Data.Count;
}
Like my above code in want select filtered data from data base. So how can in add WHERE clause into my linq query.
<telerik:RadGrid ID="rgList" runat="server" AutoGenerateColumns="false" OnItemCommand="rgList_ItemCommand" GridLines="None"
ClientSettings-EnableRowHoverStyle="true" PagerStyle-Position="Bottom" AllowPaging="True" AllowCustomPaging ="true" PageSize="10" OnNeedDataSource="rgList_NeedDataSource"
AllowFilteringByColumn="true">
<MasterTableView DataKeyNames="CommitteeID" ClientDataKeyNames="CommitteeID">
<Columns>
<telerik:GridBoundColumn DataField="CommitteeID" HeaderText="CommitteeID" UniqueName="CommitteeID" Visible="false">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="Name" UniqueName="Name" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" ShowFilterIcon="false">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn>
<ItemTemplate>
<telerik:RadButton ID="btnEdit" runat="server" CommandArgument='<% #Eval("CommitteeID")%>' CommandName="ItemEdit" Text="Edit"></telerik:RadButton>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect="true"></Selecting>
</ClientSettings>
</telerik:RadGrid>
Hi All,
GridLines are not working in RadGrid. Autogenerated columns = true
my coding:
<
telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource"
OnDetailTableDataBind="RadGrid1_DetailTableDataBind"
AutoGenerateHierarchy="true" GridLines="Both"
oncolumncreated="RadGrid1_ColumnCreated1" Skin="WebBlue" >
</telerik:RadGrid>
Hello,
I used the lightbox to show a list of data when the user is clicking on a information button. Everything is working as expected. But then on the mobile test of the feature i get to know that something is wrong with the scrolling feature on iOS Safari browser.
So there is a scrollable Content inside the lightbox but when you scroll by touching the glass of phone only the background is scrolling, not the content of the lightbox. On each other platform the Dom working like I expect the modal dialog.
I worked around with the z-indexes of the controls, but no setting get my issue to work. So I tested the issue on the demo site of telerik lightbox (http://demos.telerik.com/aspnet-ajax/lightbox/examples/overview/defaultcs.aspx) and have the same problem.
Is there any workaround to fix this scrolling problem?
Best Wishes
Roland Klug
<telerik:GridTemplateColumn HeaderText=
"Emp"
HeaderStyle-Width=
"27%"
UniqueName=
"EmpID"
DataField=
"EmpID"
> <FilterTemplate>
<telerik:RadComboBox RenderMode=
"Lightweight"
ID=
"RadComboBoxEmp"
DataSourceID=
"dsEmpNameFilter"
<br> DataTextField=
"EmpName"
<br> DataValueField=
"EmpID"
<br> Width=
"100%"
AppendDataBoundItems=
"true"
<br> SelectedValue=
'<%# TryCast(Container, GridItem).OwnerTableView.GetColumn("EmpID").CurrentFilterValue%>'<br> runat="server" OnClientSelectedIndexChanged="EmpNameIndexChanged"><br> <Items><br> <telerik:RadComboBoxItem Text="All" /><br> </Items><br> </telerik:RadComboBox><br> <telerik:RadScriptBlock ID="RadScriptBlock3" runat="server"><br> <script type="text/javascript"><br> function EmpNameIndexChanged(sender, args) {<br> var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID%>");<br> tableView.filter("EmpID", args.get_item().get_value(), "EqualTo");<br> }<br> </script><br> </telerik:RadScriptBlock><br> </FilterTemplate><br><br> <ItemTemplate><br> <%# Eval("EmpName")%><br> </ItemTemplate><br> <EditItemTemplate><br> <telerik:RadDropDownList RenderMode="Lightweight" runat="server" ID="EmpIDDropDown" DataValueField="EmpID"<br> DataTextField="EmpName" DataSourceID="dsEmployees"><br> </telerik:RadDropDownList><br> </EditItemTemplate><br> </telerik:GridTemplateColumn></p>
I am using the AutoComplete control in tag mode, and I have created a button which will drop down the full tag list, based on some code I found in the forums or knowledgebase somewhere. It works nicely, unless I wrap it in an ajax panel. After a postback, the button no longer works - I get a javascript error: "Unable to get property 'itemDataBound' of undefined or null reference" in jQueryPlugins.js at line 237.
Here is my code:
var autoComplete = $find("<%= tag_box.ClientID %>");
var dropDown = autoComplete._dropDown;
var itemData = autoComplete._dropDownItemData;
setTimeout(function (e) {
dropDown.populate(itemData, true);
dropDown.open(autoComplete._getDropDownPositionInfo());
dropDown.highlightNext();
$('li.racItem').css('display', 'list-item');
}, 200);
The error occurs during the call to 'populate()'
The AutoComplete control works fine by itself after the postback. The tags list is populated, and I can add and remove tags using the keyboard without any fuss.
The script and the AutoComplete are contained in a user control (ascx) which is contained in another user control which has the ajax panel. The script is wrapped in a RadScriptBlock.
I also have two event handlers which I add to the AutoComplete control, like this:
autoComplete.add_entryAdding(tagEntryAdding);
autoComplete.add_entryRemoved(tagEntryRemoved);
The events do not get called after a postback. I set the handlers from a jQuery 'ready' with a small timeout. Works fine before postback. but not after. The 'ready' code gets called (though for some reason I can't catch it in the browser debugger after postback).
I know I am missing something about how ajax and scripts and user controls work together, but I can't figure it out.