Questions on UI for ASP.NET AJAX Forum

1 answer

196 views

Setting RadTextBox updateCssClass() On Submit?

Hi!

I found a good article that allows us to programmatically set the invalid state on a text changed event (the code is reduced for brevity).

function UsernameTextBoxValueChanged(sender, eventArgs) {

if (trimSearchTerm(sender.get_value()) == "")

sender._invalid = true;

else

sender._invalid = false;

sender.updateCssClass();

return false;

}

function PasswordTextBoxValueChanged(sender, eventArgs) {

if (trimSearchTerm(sender.get_value()) == "")

sender._invalid = true;

else

sender._invalid = false;

sender.updateCssClass();

return false;

}

<telerik:RadTextBox ID="radTextBoxUsername" runat="server" CssClass="inputBox" ClientEvents-OnKeyPress="OnKeyPress"

MaxLength="16" ClientEvents-OnBlur="UsernameTextBoxValueChanged" SelectionOnFocus="SelectAll">

<ClientEvents OnKeyPress="OnKeyPress" OnBlur="UsernameTextBoxValueChanged"></ClientEvents>

<InvalidStyle CssClass="inputBoxInvalid" />

</telerik:RadTextBox><br />

<telerik:RadTextBox ID="radTextBoxPassword" runat="server" CssClass="inputBox" ClientEvents-OnKeyPress="OnKeyPress"

MaxLength="16" ClientEvents-OnBlur="PasswordTextBoxValueChanged" SelectionOnFocus="SelectAll"

TextMode="Password">

<ClientEvents OnKeyPress="OnKeyPress" OnBlur="PasswordTextBoxValueChanged"></ClientEvents>

<InvalidStyle CssClass="inputBoxInvalid" />

</telerik:RadTextBox><br />

The results of this code is shown in image 1. However, we do not want to validate until a submit button is clicked on a form. We did something like this (note--code is in flux):

<form id="formLogon" runat="server" onsubmit="return validateForm();">

function validateForm() {

var error = 0;

var userNameCtl = document.getElementById('<%= radTextBoxUsername.ClientID %>');

var passwordCtl = document.getElementById('<%= radTextBoxPassword.ClientID %>');

var userNameCtlRef = $find("<%= radTextBoxUsername.ClientID %>");

var passwordCtlRef = $find("<%= radTextBoxPassword.ClientID %>");

if (trimSearchTerm(passwordCtl.value) == "") {

passwordCtl._invalid = true;

error = 1;

//showErrorTip(passwordCtl, "Password is required");

//passwordCtl.style.background = '#F08080 !important';

}

else {

passwordCtl._invalid = false;

//passwordCtl.style.background = '#FFFFFF !important';

}

if (trimSearchTerm(userNameCtl.value) == "") {

userNameCtl._invalid = true;

error = 1;

//showErrorTip(userNameCtl, "Username is required");

//userNameCtl.style.background = '#F08080 !important';

}

else {

userNameCtl._invalid = false;

//userNameCtl.style.background = '#FFFFFF !important';

}

userNameCtlRef.updateCssClass();

passwordCtlRef.updateCssClass();

if (error == 1)

return false;

return true;

}

The results are shown in image #2. As you can tell from the second set of code, we were trying different ways to reference the controls, but we could never seem to get the controls to visually update. In the first scenario, the "sender" variable is passed in, so is something going on under the hood that allows the updateCssClass() method to work ??? Is this possible outside of a change text event?

Thanks!

Input

answered on 02 Apr 2012

1 answer

188 views

RadNumericTextBox when i set readonly it have two value in textbox

step 1 <<img
design two radnumberic, left control not set readonly and right controls set readonly = true (both set value = 55.55, 22.22)

<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" Value="55.55">

</telerik:RadNumericTextBox>

<telerik:RadNumericTextBox ID="RadNumericTextBox2" runat="server" ReadOnly="true" Value="22.22">

</telerik:RadNumericTextBox>

Step 2 << img
when click mouse down on right textbox, the value have double

Step 3 << img
when mouse up, it look like textbox multiline

i'm using v2012 Q1 and run on IE8 i see that case, but in Chrome(v17.8.963.83) FireFox(v11) and Safari(v5.1.4) i can't focus on radnumberic readonly it look like disable control

radnumric readonly in this version cann't focus the value from textbox ?
how can i solve this problem.

Sorry for my poor eng, - -'

Input

answered on 02 Apr 2012

1 answer

160 views

Data binding treeview

How can I bind treeview using sqldatasource from code behind?

TreeView

answered on 02 Apr 2012

1 answer

75 views

Bind Column data based on previously populated rows

Hi,

Could you please help me with this scenario.

I am binding a radgrid with primary event data (eventid, locationid, centerid, date) from a list1 and sorting it using SortExpression. if a certain criteria is met i need to check the date of the (sorted) first row and find the nearest secondary event date from list2 and add the comuln (template column) during runtime.

Please note the page is still not loaded, How do i access the sorted list that will be shown on UI? How do i populate the template column with data?

Grid

answered on 02 Apr 2012

6 answers

255 views

end date and start date from javascript of recurrence Editor / Rad Scheduler

Hello Telerik Team,
I want to get end date and start date from javascript of recurrence Editor / Rad Scheduler Control
i read the client side documentation but didn't got anything that fits in it so will u please gave us an example
of that Control. Urgent Response Will be Appreciated.
Regards

Scheduler

answered on 02 Apr 2012

5 answers

544 views

[Solved] Add How to add Button/LinkButton on the child table only in the "Hierarchy with templates"

Hello,

Could someone show me to add a button/hyperlink on the 2nd level? I see you have the sample in the link below, but I only need to add a button/hyperlink on the child table.
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/threelevel/defaultcs.aspx

Many Thanks!!!!

General Discussions

answered on 02 Apr 2012

2 answers

407 views

EditCommandColumn command argument?

I'm trying to get a list to populate in an edit form when the user clicks "edit" but the GridEditCommandColumn doesn't have a "CommandArgument" property. What would be the best way to work around that?

Grid

answered on 02 Apr 2012

7 answers

205 views

Editor with Android Tablet

Has there been any testing of the Editor (or other controls - i.e. treeview) on the Android tablets? We have a Xoom and they don't appear on the page.

Thanks
Chuck

Editor

answered on 01 Apr 2012

1 answer

174 views

After edit and update 2 records

Hello,
After editing a record and the update I get two records.

<telerik:RadGrid ID="RadGrid2" runat="server" AutoGenerateColumns="False"

CellSpacing="0" Culture="de-DE" DataSourceID="ObjectDataSource2"

GridLines="None" AllowPaging="True" AllowSorting="True" AllowMultiRowEdit="false"

oninsertcommand="RadGrid2_InsertCommand"

onitemdatabound="RadGrid2_ItemDataBound"

onupdatecommand="RadGrid2_UpdateCommand">

<ClientSettings>

<Selecting CellSelectionMode="None" />

</ClientSettings>

<MasterTableView AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" CommandItemDisplay="TopAndBottom"

DataKeyNames="TypeID" DataSourceID="ObjectDataSource2">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"

Visible="True">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"

Visible="True">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="TypeID" DataType="System.Int64"

FilterControlAltText="Filter TypeID column" HeaderText="TypeID" ReadOnly="True"

UniqueName="TypeID" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="TypeName"

FilterControlAltText="Filter TypeName column" HeaderText="TypeName"

SortExpression="TypeName" UniqueName="TypeName">

<EditItemTemplate>

<asp:TextBox ID="TypeNameTextBox" runat="server" Text='<%# Bind("TypeName") %>'></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"

ControlToValidate="TypeNameTextBox" Display="Dynamic"

ErrorMessage="<%$ Resources:BasicSettings, RequiredValidation %>"></asp:RequiredFieldValidator>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="TypeNameLabel" runat="server" Text='<%# Eval("TypeName") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="TypeText"

FilterControlAltText="Filter TypeText column" HeaderText="TypeText"

SortExpression="TypeText" UniqueName="TypeText">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="TypeObjectTypes"

FilterControlAltText="Filter TypeObjectTypes column" HeaderText="Object Type"

UniqueName="TypeObjectTypes">

<EditItemTemplate>

<asp:CheckBoxList ID="CblObjectTypes" runat="server">

<asp:ListItem Value="DynamicImage">Dynamic Image</asp:ListItem>

<asp:ListItem Value="StaticURL">Static URL</asp:ListItem>

<asp:ListItem>Static Text</asp:ListItem>

<asp:ListItem Value="DynamicScrolltext">Dynamic Scrolltext</asp:ListItem>

<asp:ListItem Value="FreeText">Free Text</asp:ListItem>

<asp:ListItem>Object List</asp:ListItem>

</asp:CheckBoxList>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="TypeObjectTypesLabel" runat="server"

Text='<%# Eval("TypeObjectTypes") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="TypeMenu"

FilterControlAltText="Filter TypeMenu column" HeaderText="Menu Text"

UniqueName="TypeMenu">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="TypePriority" DataType="System.Int32"

FilterControlAltText="Filter TypePriority column" HeaderText="Priority"

UniqueName="TypePriority">

<EditItemTemplate>

<asp:TextBox ID="TypePriorityTextBox" runat="server"

Text='<%# Bind("TypePriority") %>'></asp:TextBox>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="TypePriorityLabel" runat="server"

Text='<%# Eval("TypePriority") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="ProjectID" DataType="System.Int64"

FilterControlAltText="Filter ProjectID column" HeaderText="Project"

UniqueName="ProjectID" Visible="False" ReadOnly="True">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton"

FilterControlAltText="Filter EditCommandColumn column"

HeaderText="<%$ Resources:BasicSettings, Edit %>">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"

ConfirmText="<%$ Resources:BasicSettings, ConfirmDelete %>"

HeaderText="<%$ Resources:BasicSettings, Delete %>" Text="Delete"

UniqueName="DeleteColumn">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

<asp:ObjectDataSource ID="ObjectDataSource2" runat="server"

DeleteMethod="DeleteLayoutType" InsertMethod="InsertLayoutType"

SelectMethod="GetLayoutTypes"

TypeName="LayoutTypesBLL" UpdateMethod="UpdateLayoutType" >

<DeleteParameters>

<asp:Parameter Name="TypeID" Type="Int32" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="TypeName" Type="String" />

<asp:Parameter Name="TypeText" Type="String" />

<%--<asp:Parameter Name="TypeObjectTypes" Type="String" />--%>

<asp:Parameter Name="TypeMenu" Type="String" />

<asp:Parameter Name="TypePriority" Type="Int32" />

<asp:Parameter Name="ProjectID" Type="Int64" />

</InsertParameters>

<UpdateParameters>

<asp:Parameter Name="TypeName" Type="String" />

<asp:Parameter Name="TypeText" Type="String" />

<%--<asp:Parameter Name="TypeObjectTypes" Type="String" />--%>

<asp:Parameter Name="TypeMenu" Type="String" />

<asp:Parameter Name="TypePriority" Type="Int32" />

<asp:Parameter Name="ProjectID" Type="Int64" />

<asp:Parameter Name="TypeID" Type="Int32" />

</UpdateParameters>

</asp:ObjectDataSource>

protected void RadGrid2_InsertCommand(object sender, GridCommandEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem item = (GridEditableItem)e.Item;

CheckBoxList cb = (CheckBoxList)item.FindControl("CblObjectTypes");

string selecteditems = "";

for (int i = 0; i < cb.Items.Count; i++)

{

if (cb.Items[i].Selected)

selecteditems += cb.Items[i].Value + ",";

}

if (selecteditems != "")

{

if (selecteditems.EndsWith(","))

{

int lastdel = selecteditems.LastIndexOf(",");

selecteditems = selecteditems.Remove(lastdel);

}

ObjectDataSource2.InsertParameters.Add("TypeObjectTypes", selecteditems);

}

protected void RadGrid2_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem item = (GridEditableItem)e.Item;

CheckBoxList cb = (CheckBoxList)item.FindControl("CblObjectTypes");

string[] items;

if (e.Item.OwnerTableView.IsItemInserted)

{

//item is about to be inserted

items = new string[] { "" };

}

else

{

//item is about to be edited

items = (e.Item.DataItem as DataRowView)["TypeObjectTypes"].ToString().Split(new char[] { ',' });

}

for (int i = 0; i < cb.Items.Count; i++)

{

if (items.Contains(cb.Items[i].Value))

cb.Items[i].Selected = true;

}

protected void RadGrid2_UpdateCommand(object sender, GridCommandEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem item = (GridEditableItem)e.Item;

CheckBoxList cb = (CheckBoxList)item.FindControl("CblObjectTypes");

string selecteditems = "";

for (int i = 0; i < cb.Items.Count; i++)

{

if (cb.Items[i].Selected)

selecteditems += cb.Items[i].Value + ",";

}

if (selecteditems != "")

{

if (selecteditems.EndsWith(","))

{

int lastdel = selecteditems.LastIndexOf(",");

selecteditems = selecteditems.Remove(lastdel);

}

ObjectDataSource2.UpdateParameters.Add("TypeObjectTypes", selecteditems);

}

After the UpdateCommand, I get the old record and a new record in the database. Where is my mistake?

Reiner

Grid

answered on 01 Apr 2012

3 answers

187 views

Count Rows Grid

Hi team,

i need to know the count rows that have a grid, but in the client with JavaScript.

Grid

answered on 01 Apr 2012