Questions on UI for ASP.NET AJAX Forum

2 answers

197 views

Hi,

I'm wondering if there's an easy way to always displays both of the sort icons (up and down) for all columns in a grid, (when AllowNaturalSort is set to false), all of the time. I know I can add the icons to the header cell myself, but was wondering if there was a cleaner approcach.

I know that the out of the box functionality is for a column to be clicked on, then the sort an icon appears beside the title letting the user see the column that we're sorting on and allowing them to "reverse" the sort.

The reason for this is the business user wants to limit the number of mouse clicks used for sorting... if this makes sense :-)

Thanks in advance for your help.

Rgds
Liam

Grid

answered on 07 Jun 2011

1 answer

35 views

Migration from RadMenu for ASP.NET to ASP.NET AJAX

Hi All,

I would like to ask that I am migrating from Classic RadMenu to ASP.NET AJAX radMenu, following is my code for Classic control. Can any please tell me code for ASP.NET AJAX

MenuGroup TopGroup = new MenuGroup(rmColumnPicker);
TopGroup.CssClass = "CP_MenuGroup";
rmColumnPicker.RootGroup = TopGroup;

Telerik.WebControls.MenuItem miRoot = new Telerik.WebControls.MenuItem(this.rmColumnPicker.RootGroup);
miRoot.ID = "miRoot";
miRoot.Width = 164;
miRoot.Text = "Column Picker";
miRoot.RightLogo = "../RadControls/Menu/Skins/IWFAlertMenu/dropdown.gif";
miRoot.RightLogoDisabled = "../RadControls/Menu/Skins/IWFAlertMenu/dropdownDisabled.gif";
miRoot.RightLogoClicked = "../RadControls/Menu/Skins/IWFAlertMenu/dropdown.gif";
miRoot.CssClass = "CP_MainItem";
miRoot.CssClassOver = "CP_MainItemOver";
miRoot.CssClassDisabled = "CP_MainItemDisabled";
this.rmColumnPicker.RootGroup.AddItem(miRoot);

rmColumnPicker is my Classic RADMENU

General Discussions

answered on 07 Jun 2011

1 answer

110 views

null grid in javascript function

I can't seem to get to the grid in a function
the function throws a null object error

<telerik:RadGrid ID="rgEditOrder" OnNeedDataSource="rgEditOrder_NeedDataSource" OnItemCommand="rgEditOrder_ItemCommand" OnItemUpdated="rgEditOrder_UpdateRow" OnItemCreated="rgEditOrder_OnItemCreated" runat="server">

<GroupingSettings CaseSensitive="false" />

<MasterTableView DataKeyNames="OrderSeq" AutoGenerateColumns="false" AllowSorting="true" AllowPaging="true" AllowFilteringByColumn="False" EditMode="InPlace" >

<Columns>

<telerik:GridBoundColumn UniqueName="StoreNumber" DataField="StoreNumber" HeaderText="Store #" DataFormatString="{0:#####}" DataType="System.Int32" ReadOnly="True">

<HeaderStyle Width="40px" />

</telerik:GridBoundColumn>

a bunch of columns

<telerik:GridTemplateColumn UniqueName="Qty" HeaderText="Cases" >

<ItemTemplate>

<asp:Label ID="lblQty" Text='<%# Bind("Qty") %>' Width="40px" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="rntbQty" Text='<%# Eval("Qty") %>' MinValue='<%# Bind("Qty") %>' Width="40px" runat="server">

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<HeaderStyle Width="40px" />

</telerik:GridTemplateColumn>

more columns

<telerik:GridBoundColumn UniqueName="OrderSeq" DataField="OrderSeq" DataType="System.Int64" Visible="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings EnablePostBackOnRowClick="true" >

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

<html xmlns="http://www.w3.org/1999/xhtml" >

<head id="Head1" runat="server">

<title>Edit Order</title>

<script language="javascript" type="text/javascript">

<!--

// this function handles the onbeforeprint event of the body object

function window_onbeforeprint()

{

// idprint is the id assigned to the div tag of the javascript

// injected into the response object in the code behind which

// actually prints the screen

var divEle = document.getElementById("idPrint");

// remove the display=none i.e. show the div element

if (divEle != null)

{

divEle.style.display = "";

}

// hide the div elements

idShow.style.display="none";

// idShow.style.display="none";

// idShow1.style.display="none";

idShow1.style.display="none";

idHeader.style.display="none";

}

// this function handles the onafterprint event of the body object

function window_onafterprint()

{

// idprint is the id assigned to the div tag of the javascript

// injected into the response object in the code behind which

// actually prints the screen

var divEle = document.getElementById("idPrint");

// hide the div element

if (divEle != null)

{

divEle.style.display = "none";

}

// remove the style.display='none'-show the div element

idShow.style.display="";

// idShow1.style.display="";

idShow1.style.display="";

idHeader.style.display="";

}

var idx = 0;

function RowDblClick(sender, eventArgs) {

idx = eventArgs.get_itemIndexHierarchical();

sender.get_masterTableView().editItem(idx);

}

// this function is called on the click event of the Finalize Order button

// it is wired to the button in the page load event

function check_input() {

// both the first and last name need to be entered-if either of them is not

// popup message box and cancel update

var strName = document.getElementById('txtFirstName');

if (trim(strName.value) == "") {

alert("Please Enter First Name");

return (false);

}

strName = document.getElementById('txtLastName');

if (trim(strName.value) == "") {

alert("Please Enter Last Name");

return (false);

}

return (true);

}

// use regular expression to format first or last name

// per Derek-remove any imbedded white space

function trim(str) {

return str.replace(/^\s+|\s+$/g, '');

}

// this functiom was added because the code behind is looking for it

function PrintPage() {

return true;

}

-->

</script>

</head>

protected void rgEditOrder_OnItemCreated(object source, GridItemEventArgs e)

{

StringBuilder sb;

GridEditableItem geItem;

TableCell tcQty;

RadNumericTextBox rntbQty;

char DoubleQuote;

string EscapeChar,str;

DoubleQuote = (char) 34;

sb = new StringBuilder(DoubleQuote);

EscapeChar = sb.ToString();

str = DoubleQuote.ToString();

if (e.Item.IsInEditMode)

{ }

else

return;

if (e.Item is GridEditableItem)

{ }

else

return;

geItem = (GridEditableItem)(e.Item);

sb = new StringBuilder("<script language=");

sb.Append(@"'");

sb.Append("javascript");

sb.Append(@"'");

sb.Append(" ");

sb.Append(@"'");

sb.Append("text/javascript");

sb.Append(@"'");

sb.Append(">");

sb.Append("function QtyOnValueChanged(sender, eventArgs) { ");

sb.Append("alert(");

sb.Append(@"'");

sb.Append("gorkomatic");

sb.Append(@"'");

sb.Append("); ");

sb.Append("var grid = $find(");

sb.Append(@"'");

sb.Append("<%= ");

sb.Append("rgEditOrder.ClientID");

sb.Append(" %>");

sb.Append(@"'");

sb.Append(").get_masterTableView(); ");

sb.Append("grid.updateItem(grid.get_dataItems()[");

sb.Append(geItem.DataSetIndex.ToString());

sb.Append("].get_element()); ");

sb.Append("alert(");

sb.Append(@"'");

sb.Append("qty on value changed");

sb.Append(@"'");

sb.Append("); }");

sb.Append("</script>");

str = sb.ToString();

rcBlock.Controls.Add(new LiteralControl(str));

// ScriptManager.RegisterStartupScript(this,this.GetType(), "Update", str, false);

tcQty = geItem.Cells[1];

rntbQty = (RadNumericTextBox)tcQty.FindControl("rntbQty");

if (rntbQty == null)

return;

rntbQty.ClientEvents.OnValueChanged = "QtyOnValueChanged";

}

Grid

answered on 07 Jun 2011

0 answers

259 views

Enabling MS Word Spell Checking

Please, find attached a sample working project, which demonstrates how to enable MS Word spell check provider of RadSpell for ASP.NET AJAX.

Microsoft Word support is not enabled by default for RadSpell. Follow the steps below to enable it:

You need to have installed Microsoft Word on your server.
Put the WordSpellCheckProvider.cs provider in the App_Code folder (the provider is available in the attachment).
Put the Microsoft.Office.Interop.Word.dll and Microsoft.Vbe.Interop.dll in the project's /bin folder (both dll files are available in the attachment)
Set the SpellCheckProviderTypeName property of RadSpell:

RadSpell1.SpellCheckProviderTypeName = typeof(Telerik.Web.UI.WordSpellCheckProvider).AssemblyQualifiedName;

The SpellCheckProviderTypeName property of RadSpell allows the developers to specify a custom spell check provider (in our case it is WordSpellCheckProvider.cs) instead of the default one.
Configure the web site in the web.config to use ASP.NET impersonation (see also <identity> Element):

<system.web>
      <identity impersonate="true" userName="domain\username"
          password="xxxxxxx"/>
          ...

Spell

asked on 07 Jun 2011

3 answers

231 views

RadFilter get dataSource after filtering

I want to get the filtered data source after applying filtering using RadFilter. Or alternatively, I want to get the filter expression that I can apply to my original data source to get the filtered results. Please let me know how to do this. Thanks in advance.

Filter

answered on 07 Jun 2011

8 answers

112 views

How to get TimeSlot's CssClass in OnClientTimeSlotClick event

Hi Telerik Team,

I am having problem. I have radSchedular that is populating from database. I wrote TimeSlotCreated server side event in which I set the disabled/enabled class based on my required condition (e.TimeSlot.CssClass = "Disabled";)

In my ASPX page i wrote

function OnClientTimeSlotClick(sender, eventArgs)
{
   var now = new Date();
if (sender.get_selectedView() == Telerik.Web.UI.SchedulerViewType.WeekView) {
   if (eventArgs.get_time() < now) {
   alert("Time slot not available");
   }
   }
}

this event simply shows alert if the tiemslot time is less than current time.
I need to get the CssClass and check if CssClass is "disabled" or "enabled". So that I can show alert('Time slot not available') if the CssClass is 'disabled'.

Prompt response is highly appreciated.

Regards,
Mohsin

Scheduler

answered on 07 Jun 2011

2 answers

202 views

Change Insert button text

Hi,

I would like to change the name "Insert" to "Add". How can I achieve this? Thanks

Grid

answered on 07 Jun 2011

1 answer

64 views

How to scroll rotator to look like a radgrid

Hi,

I looked at this thread:

http://www.telerik.com/community/forums/aspnet-ajax/rotator/how-to-bind-radrotator-to-list-lt-t-gt.aspx

What I'd like to do is to create what looks like a scrollable radgrid reproducing the look of the embedded radgrid skins using tables and a radrotator.

My thought is to pick apart the output of a radgrid (view source) pull the css styles out of the skin files and then create a row template in the template of the rotator that matches the columns defined in the header row of the table for multiple attributes of a bound list.

My question is if I create a header row for the table outside of the rotator declaration and then define the row templates in the template of the radrotator will this mess up the table layout i.e will the table columns stay the same width? could you provide a working example of this approach. Also is there an alternating style on the radrotator to emulate the alternating row style on the radrid?

Thanks,

Jonathan

Rotator

answered on 07 Jun 2011

1 answer

93 views

Starts with Operator Issue in Grid Filter Column

We have column name Member Name in Data Set and we are using following sql query for getting this name into data set.

Select

COALESCE(

STUFF

(

SELECT DISTINCT

''; '' + FirstName + CASE WHEN MI IS NULL THEN '''' ELSE '' '' + MI END + '' '' + LastName

FROM

TestTable1

INNER JOIN TestTable2 on TestTable1.customerid = TestTable2.customerid

WHERE

TestTable2.MemberID = TestTable1.customerid

FOR XML PATH('''')

)

,1,1,''''

),''N/A'') AS [Name]

From TestTable

Based on above query we are getting customer name successfully in data set and bind to grid. Now issue is that we are not able to use Starts with operator and column filter is not returning any result. However when we use “Contains” operator we are able to retrieve correct result.

Also we have another column that simply returns column data as below

Select TestTable.PersonName From TestTable

Using above query we are successfully use starts with operator.

So what can be the problem and how can we resolve it?

Regards,

Dharmesh Solanki

Grid

answered on 07 Jun 2011

10 answers

763 views

How to set FilterExpression manually using dates

I want to do something like

RadGrid1.MasterTableView.FilterExpression = "SubmitDate >= '01/10/2008' and SubmitDate <= '02/01/2008'";
RadGrid1.Rebind();

But I get an error (something about a character literal can't be greater than 1 character). SubmitDate is a DatTime field in the db.

Maybe this can't be done, not sure.

Any Ideas on how I can accomplish this?

Thanks

Grid

answered on 07 Jun 2011