Questions on UI for ASP.NET AJAX Forum

2 answers

51 views

How to save sorted state of detail view?

Hello Everyone,

Is there a way to save the sorted state of detail table?

I have 2 detail tables and AllowSorting is set to true and EditMode = Inplace. When I sort the detail table and edited one row, the detail table rebinds again and the row that I was trying to edit was not the original one.

Attached are the image for reference and code snippets for Sort Command.

protected void gridCPDiag_SortCommand(object source, GridSortCommandEventArgs e)

{

GridTableView tableView = e.Item.OwnerTableView;

if (e.Item.OwnerTableView.Name == "Detail2" && e.SortExpression == "VisitFrequency")

{

e.Canceled = true;

GridSortExpression expression = new GridSortExpression();

expression.FieldName = "VisitFrequency";

if (tableView.SortExpressions.Count == 0 || tableView.SortExpressions[0].FieldName != "VisitFrequency")

{

expression.SortOrder = GridSortOrder.Descending;

}

else if (tableView.SortExpressions[0].SortOrder == GridSortOrder.Descending)

{

expression.SortOrder = GridSortOrder.Ascending;

}

else if (tableView.SortExpressions[0].SortOrder == GridSortOrder.Ascending)

{

expression.SortOrder = GridSortOrder.None;

}

tableView.SortExpressions.AddSortExpression(expression);

tableView.Rebind();

}

Any help is greatly appreciated. Please let me know what else you need from my code.

Thanks!
Zel

Grid

answered on 18 Dec 2012

1 answer

49 views

Dropdown is not binding a value at update form ?

Hi,

I have opened update form after save then dropdown selected value is not showing in the UI.

<telerik:RadGrid ID="AttachmentGrid" GridLines="None" runat="server" AllowAutomaticDeletes="True"

AllowAutomaticInserts="True" AllowAutomaticUpdates="False" AllowPaging="True"

DataSourceID="AttachmentDataSource" Skin="Metro" AllowSorting="True" AutoGenerateDeleteColumn="False"

OnItemCommand="AttachmentGrid_ItemCommand">

<MasterTableView Width="100%" DataKeyNames="id" DataSourceID="AttachmentDataSource"

HorizontalAlign="NotSet" AutoGenerateColumns="False" EditMode="PopUp">

<telerik:GridTemplateColumn UniqueName="InitiatorName" Groupable="False" HeaderText="Which entity or company did you receive this file from?"

DataField="InitiatorName" Visible="false">

<headerstyle width="1000px" />

<itemtemplate>

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

</itemtemplate>

<edititemtemplate>

<asp:DropDownList ID="InitiatorName" runat="server" CssClass="textbox" SelectedValue='<%# Bind("InitiatorName") %>'

DataSourceID="CompanyNameDataSource" DataTextField="InitiatorName" Width="300px"

DataValueField="InitiatorName" OnSelectedIndexChanged="InitiatorName_SelectedIndexChanged"

AutoPostBack="true">

</asp:DropDownList>

<asp:RequiredFieldValidator ID="ReqInitiatorName" runat="server" ControlToValidate="InitiatorName"

ErrorMessage="Please Select a Company Name" Display="Dynamic" SetFocusOnError="true" />

</edititemtemplate>

<asp:SqlDataSource ID="CompanyNameDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:TaskManagementConnectionString %>"

SelectCommand="select distinct InitiatorName from t_TaskMaster where (InitiatorName<>'' and InitiatorName is not null )union all select '' order by InitiatorName asc">

</asp:SqlDataSource>

<asp:SqlDataSource ID="AttachmentDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:TaskManagementConnectionString %>"

SelectCommand="SELECT id,refid,[filename],[Description],[Content],upper(Status) as [Status],DateUpdated,UpdatedBy, isnull(FileCategory,'') as FileCategory ,isnull(FileMainCategory,'') as FileMainCategory,isnull([MainClassofInsurance],'') as [MainClassofInsurance],isnull([InitiatorName],'') as [InitiatorName],emailrefid FROM [t_Attachments] WHERE (FileCategory is null  or FileCategory='') and  (([UpdatedBy] = @UpdatedBy)) AND [Status] <>'DELETED' and refid<>'0'"

DeleteCommand="delete from t_Attachments where id=@id ">

<SelectParameters>

<asp:SessionParameter Name="UpdatedBy" SessionField="UserName" Type="String" />

</SelectParameters>

</asp:SqlDataSource>

PLease help me on this why it's not showing selected value even SelectedValue='<%# Bind("InitiatorName") %>' is there ?

Grid

answered on 18 Dec 2012

1 answer

73 views

Example code for a megadropdown menu that mimics the Telerik home page menu

Example code for a megadropdown menu that mimics the Telerik home page menu:

Hi,
I love the Telerik home page menu where you have a black bar, logo on the left, product families in the middle, account info/about us on the right. When clicked on the 'product families' link a 'megadropdown' menu appears. For my project I need a megadropdown menu that have exactly the same functionality: a megadropdown menu that is shown by clicking a button/link in the middle.

Will you share a sample code that will mimic the menu in Telerik's website?

Menu

answered on 18 Dec 2012

2 answers

171 views

Radcalendar hover issue

Hi.,
I'm using RadCalendar to select highlighted days. The issue is that whenever I hover on these highlighted dates., the date gets selected, which shouldn't be the case. I want the date to get selected only when i click it but no on hover. How can i overcome this issue..??
I'm using this css class to highlight special days
.CalendarHolidays a
{
color: red !important;
font-weight: bold !important;
background-color: #f2f2f2 !important;
}

Regards,
Aditya

General Discussions

answered on 18 Dec 2012

7 answers

265 views

ChartTitle and SubTitle

How can I do a subtitle with different font and size? Is possible?

Chart (Obsolete)

answered on 18 Dec 2012

1 answer

71 views

LoadingPanel doesn't show when using ClientSide Binding and RequestStart

I have a grid that binds using the clientside method - I want to have the LoadingPanel display but can't seem to get it working - any help is appreciated:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<asp:Panel ID="Panel1" runat="server">

<div id="dashtabs-comments" class="box-content no-padding">

<telerik:Radgrid id="RadGrid1" runat="server" allowmultirowselection="False" allowpaging="True"

allowsorting="True" gridlines="None" pagesize="25" showstatusbar="True" autogeneratecolumns="False"

CellSpacing="0">

<ClientSettings>

<DataBinding Location="manageUsers.aspx" SelectMethod="GetDataAndCount" />

<ClientEvents OnGridCreated="AddAllFilterExpressions" OnDataBinding="RadGrid1_DataBinding" OnRowDataBound="OnGridRowDataBound" />

</ClientSettings>

<HeaderContextMenu EnableTheming="True">

<CollapseAnimation Duration="200" Type="OutQuint" />

</HeaderContextMenu>

<MasterTableView ClientDataKeyNames="UserId" TableLayout="Fixed">

<Columns>

telerik:GridBoundColumn DataField="FirstName" UniqueName="FirstName" HeaderText="First Name" HeaderStyle-Width="15%"/>

<telerik:GridBoundColumn DataField="LastName" UniqueName="LastName" HeaderText="Last Name" HeaderStyle-Width="15%"/>

<telerik:GridBoundColumn DataField="Email" UniqueName="Email" HeaderText="Email" HeaderStyle-Width="15%"/>

<telerik:GridBoundColumn DataField="PhoneNumber" UniqueName="PhoneNumber" HeaderText="Phone" HeaderStyle-Width="10%"/>

</Columns>

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" />

</ClientSettings>

<FilterMenu EnableTheming="True">

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

</telerik:Radgrid>

</div>

</asp:Panel>

and JavaScript:

<script type="text/javascript">

function RadGrid1_DataBinding(sender, args) {

// get data source location, method name and arguments

var dataSourceLocation = args.get_location();

var selectMethodName = args.get_methodName();

var methodArguments = args.get_methodArguments();

// set data source location and method name

args.set_location(dataSourceLocation);

args.set_methodName(selectMethodName);

var startRowIndexParameterName = sender.ClientSettings.DataBinding.StartRowIndexParameterName;

var maximumRowsParameterName = sender.ClientSettings.DataBinding.MaximumRowsParameterName;

var sortParameterName = sender.ClientSettings.DataBinding.SortParameterName;

var filterParameterName = sender.ClientSettings.DataBinding.FilterParameterName;

}

function AddFilter(name, value) {

var grid = $find("<%= RadGrid1.ClientID %>");

var filterExpression = new Telerik.Web.UI.GridFilterExpression();

var column = grid.get_masterTableView().getColumnByUniqueName("linkColumn");

var filterFunction = Telerik.Web.UI.GridFilterFunction.Contains;

column.set_filterFunction(filterFunction);

filterExpression.set_fieldName(name);

filterExpression.set_fieldValue(value);

filterExpression.set_filterFunction(filterFunction);

filterExpression.set_columnUniqueName("name");

grid.get_masterTableView()._updateFilterControlValue(value, "name", filterFunction);

grid.get_masterTableView()._filterExpressions.add(filterExpression);

}

function AddAllFilterExpressions(sender, args) {

AddFilter("aname", document.getElementById('<%= tAccountName.ClientID %>').value);

AddFilter("fname", document.getElementById('<%= tFirstName.ClientID %>').value);

AddFilter("lname", document.getElementById('<%= tLastName.ClientID %>').value);

AddFilter("email", document.getElementById('<%= tEmail.ClientID %>').value);

AddFilter("uname", document.getElementById('<%= tUserName.ClientID %>').value);

}

var currentLoadingPanel = null;

var currentUpdatedControl = "<%= Panel1.ClientID %>";

function RequestStart(sender, args) {

currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");

//show the loading panel over the updated control

currentLoadingPanel.show(currentUpdatedControl);

}

function ResponseEnd() {

//hide the loading panel and clean up the global variables

if (currentLoadingPanel != null)

currentLoadingPanel.hide(currentUpdatedControl);

currentUpdatedControl = null;

currentLoadingPanel = null;

}

</script>

Grid

answered on 18 Dec 2012

1 answer

170 views

filter expression for grid

Hi,
In my page, i use a rad grid, which creates programatically by adding gridboundcolumns, and to filter the columns i use a rad filter.
I use the grid to bind different data source to display the contents. when i set the data source to this grid , it displays the header text in filter expression. and when i change the datasource to another, the filter expression changes to the new header texts.
The datafield of one column in first datasource is same as the datafield of second. so when displaying the grid with first datasource, the filter expression is same as the header text but when binding the second datasource, because of using the same datafield mentioned in first datasource, the header text which is used in first datasource is showing in the filter expression.
how can i display the header text of second datasource in the filter expression.

thanks in advance
Jiju

Filter

answered on 18 Dec 2012

1 answer

76 views

Resizing Croping box

Hi guys,
we have a problem using the resize feature for the cropping box. The error also appears on your telerik demo pages. I have made a video which describes the error:

http://screencast.com/t/PDns6kPb

The problem only appears when using the resize corners on the left and upper side.

Kind regards,
Frank Rademacher

ImageEditor

answered on 18 Dec 2012

1 answer

101 views

Advanced Form Resource Combobox selected value is always null

The problem I am having is that I want to customize the insert form of a radscheduler. I have a resource that I want to use and I have a radeditor for the description box. The problem I am having is that I I can add the resource and the combobox populates the correct resource everything looks great but when I submit the resource value is 0 or rather the resource selectedvalue is null. So it appears that when I click on the combobox and select an item it never changes the selected item.

I figured out the problem. Make sure that the ID of the resource user control in the advanced form does Not match the resourceType as this causes it to not validate the values properly. Because the two way binding needs use the same name as the resource type. In other words:

(works)

<ul class="rsResourceControls">

<li>

<scheduler:ResourceControl runat="server" ID="ResourceTypeID" Type="ResourceType" Label="Resource type:"

Skin='<%# Owner.Skin %>' />

</li>

</ul>

[Bindable(BindableSupport.Yes, BindingDirection.TwoWay)]

public object ResourceType

{

get

{

return ResourceTypeID.Value;

}

set

{

ResourceTypeID.Value = value;

}

(doesn't work)

<ul class="rsResourceControls">

<li>

<scheduler:ResourceControl runat="server" ID="ResourceType" Type="ResourceType" Label="Resource type:"

Skin='<%# Owner.Skin %>' />

</li>

</ul>

[Bindable(BindableSupport.Yes, BindingDirection.TwoWay)]

public object ResourceTypeID

{

get

{

return ResourceType.Value;

}

set

{

ResourceType.Value = value;

}

Scheduler

answered on 18 Dec 2012

3 answers

203 views

RadListBox drag and drop position problem

Hi there,

I am experiencing a problem when using drag and drop with Radlistboxes.

Here is the scenario:

I drag an item from one Radlistbox and drop into the middle position of a second Radlistbox, When I iterate the items in the second Radlistbox using a foreach loop, it seems that the item I just dropped was iterated at the end of the loop. Isnt it suppose to be looped in the middle? Any help or suggestions would be greatly appreciated.

Thanks,
Meng

ListBox

answered on 18 Dec 2012