Questions on UI for ASP.NET AJAX Forum

2 answers

321 views

RadMaskedTextBox setting the mask client side

Hello,
I do have a litte Problem setting the Mask of a RadMaskedTextBox via Javascript. Actually the mask gets set correct and I'd say my code works. However, the mask only gets displayed if I start typing in the Textbox. If I set the value to something that satisfied the mask, the value isn't displayed either.
I've already found the previous Thread on this topic, but neither setting the value nor setting the length worked for me.
Here's the code I use:

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function valueChanged(sender, eventArgs) {

var db1TextBox = $find("<%= txtFoo.ClientID %>");

var db1value = db1TextBox.get_value();

var db2TextBox = $find("<%= txtBar.ClientID %>");

var masks = [

new Telerik.Web.UI.RadLiteralMaskPart(db1value[0]),

new Telerik.Web.UI.RadLiteralMaskPart(db1value[1]),

new Telerik.Web.UI.RadLiteralMaskPart(db1value[2]),

new Telerik.Web.UI.RadLiteralMaskPart(db1value[3]),

new Telerik.Web.UI.RadLiteralMaskPart(db1value[4]),

new Telerik.Web.UI.RadLiteralMaskPart(db1value[5]),

new Telerik.Web.UI.RadNumericRangeMaskPart(0, 9, false, true),

new Telerik.Web.UI.RadNumericRangeMaskPart(0, 9, false, true)

];

db2TextBox._length = 0;

db2TextBox._setMask(masks);

db2Textbox._setValue('');

}

</script>

</telerik:RadScriptBlock>

<div>

<telerik:RadMaskedTextBox ID="txtFoo" Mask="<0..9><0..9><0..9><0..9><0..9><0..9>" runat="server" ClientEvents-OnValueChanged="valueChanged"/>

<telerik:RadMaskedTextBox ID="txtBar" runat="server"></telerik:RadMaskedTextBox>

</div>

Thanks in advance

General Discussions

answered on 04 Jan 2011

3 answers

131 views

Hide Detail table headers on Excel export when there are no data

Hi,

Is there a way to hide a detail table's headers during Excel export when there is no data for that detail table? I've set the setting

ShowHeadersWhenNoRecords="false"

on the detail tables. This works fantastic on the PDF export, but for some reason, the headers still display on the Excel export. The layout of the our grid is a master table with two detail tables underneath, to show different properties of the parent item. I bind all the tables dynamically, using OnNeedDatasource for the main table and OnDetailTableBind on the detail tables. The detail tables are not shown in the page, and only appear during the grid export.

Any help would be appreciated.
Ernest

Grid

answered on 04 Jan 2011

4 answers

71 views

RadMenu Subitems not appearing when I hover over Root Items

I have a RadMenu thats works well in development, however when I deploy it to Umbraco CMS submenu items do not appear.

Menu

answered on 04 Jan 2011

1 answer

146 views

Rad Grid RadPageView

How to pass parameter in ContentUrl of RadPageView

Not only Url ContentUrl="http://blogs.telerik.com">

Like

ContentUrl

=http://blogs.telerik.com?OrderID=>

How to give value from Form Control or any other way?

Grid

answered on 04 Jan 2011

2 answers

70 views

Can we limit the amount of callbacks when EnableLoadOnDemand and MarkFirstMatch=true?

I have a RadComboBox with EnableLoadOnDemand=true with an ItemsRequested event that fires when you type any character into the combobox text field. This all works, but it is too slow because of all the callbacks after every character is entered. Let's take this example:

I am looking for the value 1422 in my combobox list. I type '1' and it calls the server and shows me all items that start with '1'. Then I type '4' and it calls the server again to show me all items that start with '14'. This seems unnecessary. If we already have a list of all items that start with '1', then why do we need to call the server again to get the subset that starts with '14'? After the initial results are returned to the client, can I somehow search those results on the client for the '14' entries. After all, they have already been sent from the server, there's no need for any additional callbacks unless I delete back past the '1'.

Any help would be much appreciated.

thanks!
Brandon

ComboBox

answered on 04 Jan 2011

0 answers

79 views

accessing Rad Grid selected row data and display in details view using server side Events through sql queries

my requirement is to access radgrid selected row data and display it in details view using server side events through sql queries
it is quite a bit urgent....
eagerly waiting for reply

thanks
rajesh

Grid

asked on 04 Jan 2011

5 answers

677 views

GridNumericColumn format

I think there is a bug regarding GridNumericColumn and formatting. I use currency format as follows: {0:#,##0;(#,##0);0} .
In the view mode column looks OK. The problem is when the row/item is in edit mode and yet the column is readonly.
If the column is readonly, I should see the same formatting as in the view mode. Is this a bug?

I see a lot of threads on the same topic and yet could not find definite answer from TELERIK on the topic.
Is there a manual fix?

Chris

Grid

answered on 04 Jan 2011

6 answers

142 views

Script error for some users but not for others

Some users are getting the following script errors when trying to add or edit. But I'm not getting it from the server or running it in Visual Studio 2010. Please see the code below and help.

Error:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; MDDR; InfoPath.2; .NET CLR 1.1.4322; .NET4.0C; .NET4.0E; MS-RTC LM 8)

Timestamp: Wed, 10 Nov 2010 15:48:23 UTC

Message: Sys.WebForms.PageRequestManagerServerErrorException: Object reference not set to an instance of an object.

Line: 3

Char: 74672

Code: 0

URI: http://10.137.12.91/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=cphAdmin_cphCMS_RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bAjaxControlToolkit%2c+Version%3d4.1.40412.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3aacfc7575-cdee-46af-964f-5d85d9cdcf92%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2010.2.929.40%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a183fb741-216d-4765-9b46-4a1f5d38fdd7%3a16e4e7cd%3aed16cbdc%3a58366029%3ab7778d6c%3af7645509%3a8674cba1%3ac08e9f8a%3aa51ee93e%3a59462f1

<%@ Page Title="NextGen Portal : Home Page Quick Links" Language="C#" MasterPageFile="~/themes/CMS.master" AutoEventWireup="true" CodeFile="HomeQuickLinks.aspx.cs" Inherits="CMS_HomeQuickLinks" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphheaderCMS" Runat="Server"></asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphCMS" Runat="Server">

<h1>Home Page Quick Link</h1>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadGrid

ID="gridQL"

runat="server"

AutoGenerateColumns="false"

OnItemCommand="RadGrid_ItemCommand"

Height="300"

OnItemDataBound="RadGrid_ItemDataBound"

OnRowDrop="grdPendingOrders_RowDrop">

<MasterTableView DataKeyNames="HomeQuickLinkID">

<Columns>

<telerik:GridBoundColumn DataField="HomeQuickLinkID" Display="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LinkTitle" HeaderText="Link Title"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LongShowDate" HeaderText="Show Date"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LongUpdatedDate" HeaderText="Last Updated"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UpdatedName" HeaderText="Last Updated By"></telerik:GridBoundColumn>

<telerik:GridButtonColumn ButtonType="LinkButton" Text="Move Up" CommandName="UpQL"><ItemStyle Width="50px"></ItemStyle></telerik:GridButtonColumn>

<telerik:GridButtonColumn ButtonType="LinkButton" Text="Move Down" CommandName="DownQL"><ItemStyle Width="70px"></ItemStyle></telerik:GridButtonColumn>

<telerik:GridButtonColumn ButtonType="LinkButton" Text="Edit" CommandName="EditQL"></telerik:GridButtonColumn>

<telerik:GridButtonColumn ButtonType="LinkButton" Text="Delete" CommandName="DeleteQL"></telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<ClientSettings EnablePostBackOnRowClick="true" AllowRowsDragDrop="false">

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="true"/>

</ClientSettings>

</telerik:RadGrid>

<br />

<asp:HiddenField ID="hideID" runat="server" />

<table id="entrySettings">

<tr>

<td class="label">Title: </td>

<td>

<telerik:RadTextBox

ID="txtLinkTitle"

runat="server"

Width="400"

MaxLength="400"

ValidationGroup="HomeQuickLink"></telerik:RadTextBox>

<asp:RequiredFieldValidator

ID="RequiredLinkTitle"

runat="server"

ValidationGroup="HomeQuickLink"

ControlToValidate="txtLinkTitle"

ErrorMessage="Link Title can not be blank!"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td class="label">Link: </td>

<td>

<telerik:RadTextBox

ID="txtLinkURL"

runat="server"

Width="400"

MaxLength="400"></telerik:RadTextBox>

<asp:RequiredFieldValidator

ID="RequiredLinkURL"

runat="server"

ValidationGroup="HomeQuickLink"

ControlToValidate="txtLinkURL"

ErrorMessage="Link Title can not be blank!"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td class="label" id="FieldLabel">Show Date:</td>

<td>

<telerik:RadDatePicker ID="dateShowDate" runat="server"></telerik:RadDatePicker>

<asp:RequiredFieldValidator

ID="RequiredShowDate"

runat="server"

ErrorMessage="Please enter the show date!"

ControlToValidate="dateShowDate"

Display="Dynamic"

ValidationGroup="HomeQuickLink"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td class="label">Created: </td>

<td><asp:Label

ID="lblCreated"

runat="server"></asp:Label>

</td>

</tr>

<tr>

<td class="label">Updated: </td>

<td><asp:Label

ID="lblUpdated"

runat="server"></asp:Label>

</td>

</tr>

</table>

<div style="text-align:right">

<asp:Button

ID="btnAdd"

runat="server"

Text="Add"

ValidationGroup="HomeQuickLink"

onclick="btnAdd_Click" />

<asp:Button

ID="btnUpdate"

runat="server"

Text="Update"

onclick="btnUpdate_Click"

ValidationGroup="HomeQuickLink"

Visible="false" />

<asp:Button

ID="btnClear"

runat="server"

Text="Clear"

onclick="btnClear_Click" />

</div>

</telerik:RadAjaxPanel>

</asp:Content>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

public partial class CMS_HomeQuickLinks : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

LoadGrid();

}

public void LoadGrid()

{

gridQL.DataSource = new List<string>(0);

gridQL.DataBind();

gridQL.DataSource = NextGen.core.CMS.HomeQuickLinkManager.GetList();

gridQL.DataBind();

}

protected void btnAdd_Click(object sender, EventArgs e)

{

NextGen.core.CMS.HomeQuickLink QL = new NextGen.core.CMS.HomeQuickLink();

NextGen.core.CMS.HomeQuickLinkManager m = new NextGen.core.CMS.HomeQuickLinkManager();

QL.LinkTitle = txtLinkTitle.Text;

QL.LinkURL = txtLinkURL.Text;

QL.ShowDate = (DateTime)dateShowDate.SelectedDate;

QL.CreatedID = Int32.Parse(Session["ProfileID"].ToString());

m.Add(QL);

LoadGrid();

ClearFields();

}

protected void btnUpdate_Click(object sender, EventArgs e)

{

NextGen.core.CMS.HomeQuickLink QL = new NextGen.core.CMS.HomeQuickLink();

NextGen.core.CMS.HomeQuickLinkManager m = new NextGen.core.CMS.HomeQuickLinkManager();

QL.HomeQuickLinkID = Int32.Parse(hideID.Value);

QL.LinkTitle = txtLinkTitle.Text;

QL.LinkURL = txtLinkURL.Text;

QL.ShowDate = (DateTime)dateShowDate.SelectedDate;

QL.UpdatedID = Int32.Parse(Session["ProfileID"].ToString());

m.Edit(QL);

LoadGrid();

ClearFields();

}

public void ClearFields()

{

hideID.Value = "";

txtLinkTitle.Text = "";

txtLinkURL.Text = "";

dateShowDate.Clear();

lblCreated.Text = "";

lblUpdated.Text = "";

LoadGrid();

btnAdd.Visible = true;

btnUpdate.Visible = false;

}

protected void RadGrid_ItemCommand(object source, GridCommandEventArgs e)

{

ClearFields();

int QLID = (int)e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["HomeQuickLinkID"];

if (e.CommandName == "RowClick" || e.CommandName == "EditQL")

GetQL4Edit(QLID);

if (e.CommandName == "DeleteQL")

{

NextGen.core.CMS.HomeQuickLinkManager m = new NextGen.core.CMS.HomeQuickLinkManager();

m.Remove(QLID);

ClearFields();

}

if (e.CommandName == "UpQL")

{

NextGen.core.CMS.HomeQuickLinkManager m = new NextGen.core.CMS.HomeQuickLinkManager();

m.OrderUp(QLID);

LoadGrid();

}

if (e.CommandName == "DownQL")

{

NextGen.core.CMS.HomeQuickLinkManager m = new NextGen.core.CMS.HomeQuickLinkManager();

m.OrderDown(QLID);

LoadGrid();

}

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

{

//if (e.Item is GridDataItem)

//{

// foreach (GridDataItem item in gridAnnouncements.MasterTableView.Items)

// {

// if (item.ItemIndex == 0)

// {

// LinkButton btn = (LinkButton)item["UpAnnouncement"].Controls[0];

// btn.Visible = false;

// item.Display = false;

// break; //terminates the for loop

// }

//}

}

public void GetQL4Edit(int intID)

{

NextGen.core.CMS.HomeQuickLink QL = NextGen.core.CMS.HomeQuickLinkManager.GetRecord(intID);

hideID.Value = intID.ToString();

txtLinkTitle.Text = QL.LinkTitle;

txtLinkURL.Text = QL.LinkURL;

dateShowDate.SelectedDate = QL.ShowDate;

lblCreated.Text = QL.CreatedName + " on " + QL.CreatedDate.ToShortDateString() + " " + QL.CreatedDate.ToShortTimeString();

lblUpdated.Text = QL.UpdatedName + " on " + QL.UpdatedDate.ToShortDateString() + " " + QL.UpdatedDate.ToShortTimeString();

btnAdd.Visible = false;

btnUpdate.Visible = true;

}

protected void btnClear_Click(object sender, EventArgs e)

{

ClearFields();

}

protected void grdPendingOrders_RowDrop(object sender, GridDragDropEventArgs e)

{

//int o = 0;

//NextGen.core.CMS.HomeQuickLinkManager m = new NextGen.core.CMS.HomeQuickLinkManager();

//foreach (GridDataItem i in e.[ReorderedItemsLists])

//{

// o = o + 1;

// m.EditOrder((int)draggedItem.GetDataKeyValue("HomeQuickLinkID"), o);

//}

//LoadGrid();

}

Ajax

answered on 04 Jan 2011

4 answers

65 views

Problem in SlidingPaneDock?

Hi,

I created as RadSlider as below

<telerik:RadSplitter ID="RadS_Filter" runat="server" Height="22px"
Orientation="Horizontal" Width="820px">
<telerik:RadPane ID="RadP_Filter" runat="server" Height="22px" Scrolling="none">
<telerik:RadSlidingZone ID="RadSZ_Filter" runat="server" Height="22px"
SlideDirection="Bottom" Font-Size="Medium" Width="500px">
<telerik:RadSlidingPane ID="RadSP_Filter" runat="server"
BackColor="ButtonFace" Title="Filter" Height="120" OnClientDocked="changesizefilter" OnClientUndocked="ChangeUndockSizeFilter">
<table cellspacing="10" id="tbl_comboTable" runat="server">
<tr>
<td>
<asp:Label ID="lbl_FilParent" runat="server" Text="Parent"></asp:Label>
</td>
<td>
<telerik:RadComboBox ID="RadcmbFil_Parent" runat="server" AutoPostBack="True" AllowCustomText="True" onselectedindexchanged="RadcmbFil_Parent_SelectedIndexChanged" Width="300">
</telerik:RadComboBox>
</td>
<td>
<asp:Label ID="lbl_FilStudent" runat="server" Text="Student"></asp:Label>
</td>
<td>
<telerik:RadComboBox ID="RadcmbFil_Student" runat="server" Skin="Hay" AllowCustomText="True" Height="22px" Width="300">
</telerik:RadComboBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="lbl_FilSubject" runat="server" Text="Subject"></asp:Label>
</td>
<td>
<telerik:RadComboBox ID="RadcmbFil_subject" runat="server" AutoPostBack="True" AllowCustomText="True" Width="300">
</telerik:RadComboBox>
    </td>
    <td colspan="2">
            <asp:Button ID="btn_FilterSearch" runat="server" Text="Search" Width="100" />
    </td>
    </tr>
            </table>
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
</telerik:RadSplitter>

After this i used two Java script Functions for ClientDocked and Undocked

When the client Docks

function changesizefilter()
{
var splitter = $find("<%=RadS_Filter.ClientID%>");
var height = 150;
splitter.set_height(height);
__doPostBack('<UpdatePanel>',');
}

When The Click Undocks

function ChangeUndockSizeFilter()
{
var splitter = $find("<%=RadS_Filter.ClientID%>");
var height = 22;
splitter.set_height(height);
window.location.reload(true);
}

But the problem is getting at onclientDocked.
when the client docks the page is refreshing Multiple Times......Why it is happening..Does it acheives in other way?
Regards
Bhuvan

Slider

answered on 04 Jan 2011

2 answers

79 views

How to implement multi view to Grid?

Hi all,
I want to design multi views for my Grid but I don't have idea to do that.
For example: we have 2 views (UI) for the Grid and User can choose which view to be viewed (of course, we only have one datasource)

P/S: sorry for my bad English

Any help will be appreciated
Thanks
Dan

Grid

answered on 04 Jan 2011