Questions on UI for ASP.NET AJAX Forum

1 answer

163 views

RadMaskedTextBox Change The Focus Automatically

I have 3 controls 'RadMaskedTextBox': DDI, DDD and TEL
When the user type the DDI, the control must change the focus automatically to the next control (DDD), and so on.

Below is my code

JavaScript

function Next(field, max, next) {

if (document.getElementById(field).value.length >= max) {

document.getElementById(next).focus();

}

ASPX

<telerik:RadMaskedTextBox ID="txtDdiTel" runat="server" Mask="###"

PromptChar="_" ResetCaretOnFocus="True" Width="35px" >

</telerik:RadMaskedTextBox>

<asp:Label ID="lblDdiTel" runat="server" Text="-"></asp:Label>

<telerik:RadMaskedTextBox ID="txtDddTel" runat="server" Mask="###"

PromptChar="_" ResetCaretOnFocus="True" Width="35px" >

</telerik:RadMaskedTextBox>

<asp:Label ID="lblDddTel" runat="server" Text="-"></asp:Label>

<telerik:RadMaskedTextBox ID="txtTel" runat="server" Mask="####-####"

PromptChar="_" ResetCaretOnFocus="True" Width="80px" >

</telerik:RadMaskedTextBox

VB.NET




Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Not IsPostBack Then
            txtDdiTel.Attributes.Add("onKeyPress", "Next('" & txtDdiTel.ClientID & "', '3', '" & txtDddTel.ClientID & "')")
            txtDddTel.Attributes.Add("onKeyPress", "Next('" & txtDddTel.ClientID & "', '3', '" & txtTel.ClientID & "')")
        End If
End Sub

But when I type 3 numbers, occurs the following error:
htmlfile: Can not move focus to the control because it is invisible, not enabled or of a type that does not accept focus.

Can Someone help me?

Thanks,
Felipe Almeida

Input

answered on 03 Aug 2011

7 answers

224 views

UI Distortion after Refresh

Hi,

I am using telerik rad grid. The grid is distorting if any refresh happend in which there is no databind.please find attached screen shot for details. Any help will be greatly aprecieated.
Nb: I am creating the grid entirly in page Init method.

protected

void Page_Init(object sender, EventArgs e)

{

if (Request.Cookies["Session"] != null)

{

sessionValues = Request.Cookies[

"Session"].Value;

objStateEngineNet.Load(Server.UrlDecode(sessionValues));

}

_actorID =

new Guid(objStateEngineNet.GetValue("UserId").ToString());

_companyID =

new Guid(objStateEngineNet.GetValue("UserCompanyId").ToString());

// if (!Page.IsPostBack)

{

//Dynamic Grid Creation

rgdFVM =

new Telerik.Web.UI.RadGrid();

rgdFVM.Columns.Clear();

rgdFVM.Skin =

"Default";

rgdFVM.Height =

Unit.Pixel(510);

rgdFVM.AutoGenerateColumns =

false;

rgdFVM.ItemDataBound +=

new GridItemEventHandler(this.rgdFVM_ItemDataBound);

rgdFVM.ItemCommand +=

new GridCommandEventHandler(this.rgdFVM_ItemCommand);

rgdFVM.AllowPaging =

false;

String[] strDataKeys = new string[] { "ROW_NO", "NAME_VALUE_COLLECTION_ITEM_ACTIVE", "NAME_VALUE_COLLECTION_ITEM_PARENT_ID", "NAME_VALUE_COLLECTION_ID", "NAME_VALUE_COLLECTION_ITEM_ID", "NAME_VALUE_COLLECTION_ITEM_ORDER" };

rgdFVM.MasterTableView.DataKeyNames = strDataKeys;

rgdFVM.MasterTableView.ClientDataKeyNames = strDataKeys;

rgdFVM.ClientSettings.Scrolling.AllowScroll =

true;

rgdFVM.ClientSettings.Scrolling.UseStaticHeaders =

true;

rgdFVM.ClientSettings.Scrolling.FrozenColumnsCount = 7;

rgdFVM.ClientSettings.Scrolling.SaveScrollPosition =

false;

rgdFVM.ClientSettings.Resizing.AllowRowResize =

false;

rgdFVM.ClientSettings.Resizing.AllowColumnResize =

false;

rgdFVM.ClientSettings.Resizing.EnableRealTimeResize =

false;

rgdFVM.ClientSettings.Resizing.ClipCellContentOnResize =

false;

rgdFVM.Attributes.Add(

"onkeydown", "javascript:return mykeydown(event)");

rgdFVM.ClientSettings.ClientEvents.OnGridCreated =

"GridCreated";

rgdFVM.MasterTableView.Width =

Unit.Percentage(100);

rgdFVM.Width =

Unit.Percentage(98);

PlaceHolder1.Controls.Add(rgdFVM);

hidRgdFVM.Value = rgdFVM.ClientID;

//Create common Grid Columns

CreateGridStaticFeilds();

//Create Company Supported Lagnguage Columns

CreateMultilingualGrid();

}

protected

void CreateGridStaticFeilds()

{

//To create RowNumber Text Box

string templateColumnName = "RowNum";

string dataFeild = "ROW_NO";

string textboxID = "txtRowNum";

Telerik.Web.UI.

GridTemplateColumn templateColumn = new Telerik.Web.UI.GridTemplateColumn();

templateColumn.ItemTemplate =

new RowNumTemplate(templateColumnName, textboxID, dataFeild);

templateColumn.HeaderText =

"";

templateColumn.UniqueName =

"RowNum";

rgdFVM.MasterTableView.Columns.Add(templateColumn);

Telerik.Web.UI.

GridBoundColumn boundColumn;

boundColumn =

new Telerik.Web.UI.GridBoundColumn();

boundColumn.DataField =

"NAME_VALUE_COLLECTION_ITEM_ACTIVE";

boundColumn.HeaderText =

"";

boundColumn.Visible =

false;

rgdFVM.MasterTableView.Columns.Add(boundColumn);

//To create Insert Button in Grid

templateColumnName =

"Insert";

string insertID = "Insert";

string InsertUrl = "images/Insert.jpg";

bool insertisScripting = false;

string InsertcommandName = "Insert";

Telerik.Web.UI.

GridTemplateColumn templateColumn6 = new Telerik.Web.UI.GridTemplateColumn();

templateColumn6.ItemTemplate =

new ImageTemplate(templateColumnName, insertID, InsertUrl, insertisScripting, InsertcommandName);

templateColumn6.HeaderText =

"";

templateColumn6.UniqueName =

"Insert";

rgdFVM.MasterTableView.Columns.Add(templateColumn6);

//To create Activate/Deactivate Buttons

templateColumnName =

"ActivateColumn";

string[] buttonID1 ={ "Activate", "Deactivate" };

bool[] isScripting1 ={ false, true };

string[] ImageUrl1 ={ "~/images/Reactivate.gif", "~/images/delete.gif" };

string[] commandName1 = { "ActivateColumn", "DeactivateColumn" };

Telerik.Web.UI.

GridTemplateColumn templateActivateColumn = new Telerik.Web.UI.GridTemplateColumn();

templateActivateColumn.ItemTemplate =

new ImageActivateDeactivate(templateColumnName, buttonID1, ImageUrl1, isScripting1, commandName1);

templateActivateColumn.HeaderText =

"";

templateActivateColumn.UniqueName =

"ActivateColumn";

rgdFVM.MasterTableView.Columns.Add(templateActivateColumn);

//To create MoveUp Button

string buttonID = string.Empty;

bool isScripting;

string ImageUrl = string.Empty;

string commandName = string.Empty;

templateColumnName =

"MoveUp";

buttonID =

"MoveUp";

isScripting =

false;

ImageUrl =

"images/moveUp.gif";

commandName =

"MoveUp";

Telerik.Web.UI.

GridTemplateColumn templateColumnMoveUp = new Telerik.Web.UI.GridTemplateColumn();

templateColumnMoveUp.ItemTemplate =

new ImageTemplate(templateColumnName, buttonID, ImageUrl, isScripting, commandName);

templateColumnMoveUp.HeaderText =

"";

templateColumnMoveUp.UniqueName =

"MoveUp";

rgdFVM.MasterTableView.Columns.Add(templateColumnMoveUp);

//To create MoveDown Button

templateColumnName =

"MoveDown";

buttonID =

"MoveDown";

isScripting =

false;

ImageUrl =

"images/moveDown.gif";

commandName =

"MoveDown";

Telerik.Web.UI.

GridTemplateColumn templateColumnMoveDown = new Telerik.Web.UI.GridTemplateColumn();

templateColumnMoveDown.ItemTemplate =

new ImageTemplate(templateColumnName, buttonID, ImageUrl, isScripting, commandName);

templateColumnMoveDown.HeaderText =

"";

templateColumnMoveDown.UniqueName =

"MoveDown";

rgdFVM.MasterTableView.Columns.Add(templateColumnMoveDown);

//To create NextLevel Button

templateColumnName =

"NextLevel";

buttonID =

"btnNextLevel";

string buttonText = "Next Level";

isScripting =

false;

commandName =

"NextLevel";

Telerik.Web.UI.

GridTemplateColumn templateColumnNextLevel = new Telerik.Web.UI.GridTemplateColumn();

templateColumnNextLevel.ItemTemplate =

new ButtonTemplate(templateColumnName, buttonID, buttonText, isScripting, commandName);

templateColumnNextLevel.HeaderText =

"";

templateColumnNextLevel.UniqueName =

"NextLevel";

rgdFVM.MasterTableView.Columns.Add(templateColumnNextLevel);

//To create English Column in the grid

templateColumnName =

"English";

string[] engIds ={ "txten-US", "hidRowNo" };

string[] engDataFields ={ "en-US", "ROW_NO" };

Telerik.Web.UI.

GridTemplateColumn templateColumnEglish = new Telerik.Web.UI.GridTemplateColumn();

templateColumnEglish.ItemTemplate =

new EnglishTemplate(templateColumnName, engIds, engDataFields);

templateColumnEglish.HeaderText =

"English";

templateColumnEglish.UniqueName =

"English";

rgdFVM.MasterTableView.Columns.Add(templateColumnEglish);

}

protected void CreateMultilingualGrid()//Telerik.Web.UI.RadGrid rgdFVM

{

try

{

//This method will loop through all company supported languages and create Gridview column dynamically

FieldValueModifierBC objFieldValueModifierBC = new FieldValueModifierBC();

DataTable LanguagesTable = objFieldValueModifierBC.GetCompanySupportedLanguage(_actorID, _companyID);

if (LanguagesTable.Rows.Count > 0)

{

for (int i = 0; i <= LanguagesTable.Rows.Count - 1; i++)

{

if (LanguagesTable.Rows[i][0].ToString() != "en-US")//Rows[i][0] represent Locale Code in the data table

{

string templateColumnName = LanguagesTable.Rows[i][3].ToString();

string dataFeild = LanguagesTable.Rows[i][0].ToString();

string textboxID = "txt" + LanguagesTable.Rows[i][0].ToString();

Telerik.Web.UI.

GridTemplateColumn templateColumn = new Telerik.Web.UI.GridTemplateColumn();

templateColumn.ItemTemplate =

new MyTemplate(templateColumnName, textboxID, dataFeild);

templateColumn.HeaderText = templateColumnName;

templateColumn.UniqueName = LanguagesTable.Rows[i][0].ToString();

rgdFVM.MasterTableView.Columns.Add(templateColumn);

}

foreach (Telerik.Web.UI.GridColumn gbc in rgdFVM.Columns)

{

if (gbc.HeaderText.IndexOf("(") != -1)//Lanuage colume other that english will have its regional representation in brackets

{

gbc.HeaderStyle.Width =

Unit.Pixel(150);

gbc.HeaderStyle.Height =

Unit.Pixel(10);

gbc.ItemStyle.Width =

Unit.Pixel(150);

gbc.Resizable =

false;

}

if (gbc.HeaderText == "")// For items which doesn't have Header. Eg. Insert Button

{

gbc.HeaderStyle.Width =

Unit.Pixel(35);

gbc.HeaderStyle.Height =

Unit.Pixel(10);

gbc.ItemStyle.Width =

Unit.Pixel(35);

gbc.Resizable =

false;

}

if (gbc.HeaderText == "English")

{

gbc.HeaderStyle.Width =

Unit.Pixel(150);

gbc.HeaderStyle.Height =

Unit.Pixel(10);

gbc.ItemStyle.Width =

Unit.Pixel(150);

gbc.ItemStyle.CssClass =

"Row50";

gbc.Resizable =

false;

}

if (gbc.UniqueName == "NextLevel")

{

gbc.HeaderStyle.Width =

Unit.Pixel(90);

gbc.HeaderStyle.Height =

Unit.Pixel(10);

gbc.ItemStyle.Width =

Unit.Pixel(90);

gbc.Resizable =

false;

}

catch (Exception ex)

{

Logger.Error(_CLASS_NAME, ex.ToString());

throw new AppException(_CLASS_NAME, MethodInfo.GetCurrentMethod().Name, AppExceptionCode.SYSTEM_ERROR, ex.ToString());

}

Grid

answered on 03 Aug 2011

2 answers

136 views

Cannot set value of RadNumericTextBox when checking for session datatable

I cannot set the value (and I've also tried the text) of a RadNumericTextBox when checking for a session datatable returns true. I am trying to set the value from the session datatable. If the check returns false it sets the value but if true the RadNumericTextBox is blank. I've even tried commenting out everthing when true and just setting the value to no avail. The version for this site is 2008.1.415. Could it be a bug (that maybe was fixed later) or am I missing something. Please see code below.

Any help would be greatly appreciated

Dave

private void ProcessQuoteRequests()

{

if (((DataTable)Session["DtQuoteRequest"]) != null)

{

//txtQuantity.Value = 5;

DataTable dt = new DataTable("dtQuoteReqTemp");

dt = (

DataTable)Session["DtQuoteRequest"];

DataRow dr = dt.Rows.Find(intProdID);

if (dr == null)

{

phAddToQuote.Visible =

true;

phAddedQuote.Visible =

false;

lblQuantity.Visible =

false;

TempLabel.Text =

"";

txtQuantity.Value = 1;

}

else

{

TempLabel.Text =

"Successfully added to quote request";

phAddToQuote.Visible =

true;

lblQuantity.Text = dr[

"Quantity"].ToString();

txtQuantity.Value =

Convert.ToInt32(dr["Quantity"].ToString());

phAddedQuote.Visible =

true;

}

else

{

phAddToQuote.Visible =

true;

txtQuantity.Value = 1;

}

General Discussions

answered on 03 Aug 2011

3 answers

114 views

Overlaping labels

How can I solve the problem of overlaping labels of nearly the same values. Ex : there're 2 values : 0 & 1, but when displaying in radchart, I cannot see the value of 1, just the value of 0. Thks !

General Discussions

answered on 03 Aug 2011

1 answer

145 views

With Datepicker, How to enable MinDate,MaxDate validations for choosing from the calender popup

Hi

How to enable validation based on minDate and maxDate only for the calender popup,so that it disables the dates which are not in the valid range and not for assigning the value to the rad Datepicker control using code behind,ex: assigning the value from database to selectedDate property of the control

Regards
Sachi

Calendar

answered on 03 Aug 2011

1 answer

100 views

Mutiple rows within single row?

I am trying to achieve mutiple child rows within one single parent row.

See this image and look at the Facility and DP Type colums to understand what I am talking about.

Grid

answered on 03 Aug 2011

1 answer

78 views

Paging does not work after Sorting in Radgrid

Hi,

I have a RADGrid which I am building dynamically. Everything works fine except when I try to do sort and then do paging the grid is blank. I did the debug and I can see the datasource has the records. I amd developing my app in vs2005 and .Net 2.0. The version of Telerik.Web.UI.dll is 2010.3.1317.20

Let me know if anybody has a solution to this problem. I can upload the code.

Thanks,
Raji

Grid

answered on 03 Aug 2011

1 answer

186 views

Insert Item Template Help

I am trying to insert data from a listview Insert Item Template into my datasource. There are 2 fields that the user doesn't enter, but instead come from application variables. How do I put these into the insert item template, or into the sql datasource insert?

ListView

answered on 03 Aug 2011

1 answer

112 views

Button filter not show

Hi Everybody,

I have a listview and basic filter function in a user control
But when I change selected in FieldCombo, Button filter and valueBox not show
Are there any proble in Javascrip ? My code as below, please suggest me a way to fix that

Thanks

function fieldComboSelectedIndexChanged(sender, args) {

//debugger;

if (args.get_item().get_value() == "..") {

NoFilterChosen();

}

else {

$('div[id=boxValueDiv]').show(0);

$('div[id=radioButtonDiv]').show(interval, showRemainingControls);

}

function showRemainingControls() {

//debugger;

$('div[id=buttonsDiv]').fadeIn(interval);

}

function hideRemainingControls() {

//hide all the UI filter data controls

$('div[id=boxValueDiv]').fadeOut(interval);

$('div[id=buttonsDiv]').fadeOut(interval);

}

ListView

answered on 03 Aug 2011

1 answer

95 views

Trouble Populating ListView with Search Results

Hello,

I am hoping someone can help me with this issue.

I have a RadTextbox (search box), a RadButton (search button), and a RadListView. I am using the NeedDataSource event to populate my list view with data. On page load, the list view loads up with data as expected. The problem comes in when I use the search box and button to refine my data.

When I click the search button to initiate the search, the NeedDataSource event fires before the RadButton Click event. Therefore, I have to click the search button twice to get my expected results. The search text is captured in the code behind on the first click event, but then doesn't apply it until the second time around. I think this is the normal behavior according to Telerik's documentation (Other Postback events occur after the NeedDataSource event in the page lifecycle - see this link)

Can someone please help? This is a very basic need, but I am really struggling with it.

Thank you, Jim

Here is a snippet of the code that I am using.

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="SearchButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ProductsView" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ProductView">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ProductView" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CartPanel" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<div>

<div class="searchContainer">

<div style="float: left; color: #99CA3B; margin-right: 15px; font-size: 16px; font-weight: bold;">Search Hort Couture™ Products</div>

<div class="searchBox">

<telerik:RadTextBox ID="SearchBox" BackColor="#191919" ForeColor="#99CA3B" BorderColor="#C9C9C9" BorderWidth="1" Font-Size="14px" Width="380" runat="server"></telerik:RadTextBox>

</div>

<div class="searchButton">

<telerik:RadButton ID="SearchButton" Text="Search" runat="server"></telerik:RadButton>

</div>

<div class="productContainer">

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

<telerik:RadListView ID="ProductView" runat="server" Height="400"

ItemPlaceholderID="ItemContainer" Skin="Black" DataKeyNames="culturalInfoId,longName,seriesDesc,cultivarDesc" AllowPaging="true" PageSize="12">

<LayoutTemplate>

<div class="RadListView RadListView_<%# Container.Skin %>">

<asp:PlaceHolder ID="ItemContainer" runat="server"></asp:PlaceHolder>

</div>

<div style="clear: both"></div>

<div style="padding: 5px;">

<div style="float: left; margin-left: 30%;">

<asp:Button runat="server" ID="btnFirst" CommandName="Page" CommandArgument="First"

Text="First" Enabled="<%#Container.CurrentPageIndex > 0 %>" />

<asp:Button runat="server" ID="btnPrev" CommandName="Page" CommandArgument="Prev"

Text="Prev" Enabled="<%#Container.CurrentPageIndex > 0 %>" />

<span style="vertical-align: middle;">

Page <strong><%#Container.CurrentPageIndex + 1 %></strong> of <strong><%#Container.PageCount %></strong>

</span>

<asp:Button runat="server" ID="btnNext" CommandName="Page" CommandArgument="Next"

Text="Next" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />

<asp:Button runat="server" ID="btnLast" CommandName="Page" CommandArgument="Last"

Text="Last" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />

</div>

</LayoutTemplate>

<ItemTemplate>

<div class="item">

<img class="itemImage" src="<%# Eval("standardFileName") %>" />

<div class="itemDesc">

<%# Eval("seriesDesc")%> <%# Eval("cultivarDesc")%></div>

<div class="itemActions">

<a onclick="ShowDetail('<%# Eval("culturalInfoId") %>');" href="javascript:void(0);">PRODUCT DETAIL</a>

</div>

</ItemTemplate>

<EmptyItemTemplate>

<div>

No Item.

</div>

</EmptyItemTemplate>

</telerik:RadListView>

</asp:Panel>

</div>

Private Sub ProductView_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadListViewNeedDataSourceEventArgs) Handles ProductView.NeedDataSource

Dim sql As New sqlProcedures()

Dim products As New DataSet()

Dim contains As String = Session("SearchText")

If (contains Is Nothing) Then

products = sql.spSelectItemsBySmartSearch("%")

Else

products = sql.spSelectItemsBySmartSearch(contains)

End If

ProductView.DataSource = products

End Sub