Questions on UI for ASP.NET AJAX Forum

3 answers

309 views

Hi,

In my application i have a Delete button with validation.I need to confirm the record before deleting.Here is my source code below:

<telerik:RadButton ID="btnUSDelete" runat="server" Skin="Sunset" Text="Delete"

ValidationGroup="UserSettings" onclick="btnUSDelete_Click" OnClientClicking="OnClientClicking123">

</telerik:RadButton>

<script type="text/javascript">

function OnClientClicking123(sender, args)

{

var callBackFunction = Function.createDelegate(sender, function(argument)

{

if (argument)

{

this.click();

}

});

var text = "Are you sure you want to delete this record?";

return confirm(text, callBackFunction, 300, 100, null, "Title");

args.set_cancel(true);

}

</script>

If i click on delete button,validation not working and directly confirm dialog coming.

If i click OK on confirm dialog no action takes place(i.e,Record not deleting.).

How to solve above issues? Please help me...

Thanks in advance...

Grid

answered on 19 Mar 2012

8 answers

410 views

RadGrid Binding to DataTable

I am having the scenario where by RadGrid Binding to the datatable, and I would like to monitor the datatable ColumnChanging event when new row created or new data has been updated to the data table, how can I do that? Thanks.

Grid

answered on 19 Mar 2012

3 answers

999 views

How to disable and hide a single checkbox?

I am receiving a dictionary which I am binding to the combobox control. I wrote a loop that iterates through the items collection and changes some flagged items to a separator item. The problem is, if checkboxes are enabled, the seperator also receives a checkbox which sort of defeats the functionality. Is there something I could add to my loop that will disable the checkbox on these items?

Here is an example of the code that I'm using to create the seperators:

public static void FormatList(ref RadComboBox assignees)

{

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

{

if (assignees.Items[i].Text == "people")

{

assignees.Items[i] = new Telerik.Web.UI.RadComboBoxItem("Assign to Person:");

assignees.Items[i].IsSeparator = true;

}

if (assignees.Items[i].Text == "group")

{

assignees.Items[i] = new Telerik.Web.UI.RadComboBoxItem("Assign to Group:");

assignees.Items[i].IsSeparator = true;

}

ComboBox

answered on 19 Mar 2012

1 answer

163 views

Dynamic and Multiple header columns

Hi,

I want to know one thing about Rad Grid. In rad grid, how to generate dynamic and multiple header columns ?

Grid

answered on 19 Mar 2012

3 answers

99 views

Controls Alignment is get collapsed after installed the license version of Telerik

Dear friend,
for past one month i have been using trail version (Trail Version: RadControls for ASP.NET AJAX Q3 2011 SP1)
of telerik and i have finished the UI design using trail version. last week i have purchased the license version (licensed version :
Telerik RadControls for ASP.NET AJAX Q1 2012) of the Telerik and installed in my system and removed my exists references of Telerik.Web.UI, Telerik.Web.Design and aTelerik.Web.UI.Skins and added the new references from the licensed version Telerik , after that my screen controls gets totally collapsed.
Textbox's width gets collapsed and spacing b/w the label and textbox gets decreased.
Samples
1.screen shot from Trail Version
2.screen shot from Licensed Version

why it is happening and how to reform to old standard
thanks in advances.
S.Rajkumar

General Discussions

answered on 19 Mar 2012

4 answers

259 views

Radcaptcha isvalid is false

hi
i am using radcaptcha in a div.
if i validate the radcaptcha on buttons click , the radcaptcha.isvalid is always false..
how can i do this validation?

help me.

thanks in advance.
geetha.

Captcha

answered on 19 Mar 2012

4 answers

104 views

Unable to update underlying datasource

Hello,

I am using a RadGrid and I am binding an Arraylist of type "myClass" (name property, id Property and several boolean properties). I am using this arrayList as my datasource for the grid and I am using checkbox columns for the boolean properties.

public interface IMyClass

{     

           int EntityID{get; set; }

string Name { get; set; }

bool IsPrivateReader { get; set; }

bool CanShare { get; set; }

}

The issue I am having is that when I check a checkbox it does not update the object it is bound to. Please help. Here is my grid:

<telerik:RadGrid ID="dg"

runat="server"

AllowSorting="True"

AllowAutomaticUpdates="True"

Skin="WebBlue"

EnableAJAX="true"

EnableOutsideScripts="true"

GridLines="None">

<ClientSettings>

<Selecting CellSelectionMode="None" />

</ClientSettings>

<MasterTableView AllowAutomaticDeletes="true" AutoGenerateColumns="False"

CommandItemDisplay="None" DataKeyNames="EntityID" Width="100%">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="EntityID" HeaderStyle-HorizontalAlign="Center" HeaderText="Entity ID" ItemStyle-HorizontalAlign="Left" SortExpression="EntityID">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Name" HeaderStyle-HorizontalAlign="Center" HeaderText="Name" ItemStyle-HorizontalAlign="Left" SortExpression="Name">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn headertext="Private Reader" uniquename="PrivateReaderColumn">

<itemtemplate>

<asp:CheckBox ID="cbxPrivateReader" runat="server" checked='<%# Eval("IsPrivateReader") %>' />

</itemtemplate>

<edititemtemplate>

<asp:CheckBox ID="cbxPrivateReader" runat="server" checked='<%# Bind("IsPrivateReader") %>' />

</edititemtemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn headertext="Share" uniquename="SharedColumn">

<itemtemplate>

<asp:CheckBox ID="cbxShare" runat="server" checked='<%# Eval("CanShare") %>' />

</itemtemplate>

<edititemtemplate>

<asp:CheckBox ID="cbxShare" runat="server" checked='<%# Bind("CanShare") %>' />

</edititemtemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn AllowFiltering="true" HeaderText=" "

Reorderable="true" ShowSortIcon="true" SortExpression="Name">

<ItemTemplate>

<asp:ImageButton ID="btnDelete" runat="server" CausesValidation="False"

CommandName="DeleteSelected" ImageUrl="~/Images/Delete.gif"

OnClientClick="return GetUserConfirmForItemDelete(event);"

ToolTip="Delete Record" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableTheming="True" Skin="WebBlue">

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

</FilterMenu>

</telerik:RadGrid>

This is my datasource:

protected void Page_Load(object sender, EventArgs e)

{

if(!Page.IsPostBack)

{

ViewState["DataSource"] = new ArrayList();

SetInitialJavaScriptFunctions();

}

private ArrayList DataSource { get { return (ArrayList)ViewState["DataSource"]; }





private
 
 
 void BindDataGrid(string strSortExpression = "", SortDirection eSortDirection = SortDirection.Ascending)
 
{
     dg.DataSource = DataSource;
     dg.DataBind();
}

What am I missing?

Thanks

Grid

answered on 19 Mar 2012

1 answer

128 views

OnClientDropDownClosed and EnableCheckAllItemsCheckBox Properties

I am using multiple RadComboBoxes to cascade selectable values. I am using the OnClientDropDownClosed client-side event to fire the server-side ItemsRequested event to populate the next combobox in my sequence. Data for each combobox loads properly, but if I set the EnableCheckAllItemsCheckBox property to true, when I select the next combobox and before the ItemsRequested server-side event fires, I receive the following error:

"Microsoft JScript runtime error: 'this.get_checkAllCheckBoxDivElement().0.offsetHeight' is null or not an object"

Does anyone have any ideas how I can make all of these parts work together?

Thanks for any help.....

ComboBox

answered on 19 Mar 2012

1 answer

90 views

Image editor doesn't show image

Hi, I have just upgraded to the last asp.net ajax Q1 2012.215, but now I have some problem with the image editor inside to the radeditor.

With the Q3 2011 version everything was working well, but with the new version when I call Image editor from radeditor, the image it is not shown.

It is something like that the Image name is not set, infact if I click on refresh button I will get error because there is not any name on image reference.

It is changed somenthing from Q3 2011? because I can't find any solution to solve this problem.

Editor

answered on 19 Mar 2012

3 answers

100 views

Client-Side access to InPlace controls

I am attempting to use the method outlined in this article to access controls defined in an InPlace editor, but have thus far not been able to get it to work. What I'd like to do is to use the value from one RadDatePicker to populate another RadDatePicker. The <script> block appears as it should but, when the event handler is called, the variables are both null.

ASP.Net:

<EditItemTemplate>

<telerik:RadDatePicker runat="server" ID="txtBidDepartDate" Width="90px" DateInput-DateFormat="ddMMMyy" ClientEvents-OnDateSelected="setBidDate"

SelectedDate='<%# (Eval("departtime").ToString().Length > 0) ? DateTime.Parse(Eval("departtime").ToString()) : DateTime.Now %>' />

<telerik:RadMaskedTextBox runat="server" ID="txtBidDepartTime" Width="45px" Mask="##:##" Style="text-align:center;"

Text='<%# (Eval("departtime").ToString().Length > 0) ? DateTime.Parse(Eval("departtime").ToString()).ToString("HH:mm") : "" %>' />

<asp:RequiredFieldValidator runat="server" ID="validateTxtBidDepartDate" ControlToValidate="txtBidDepartDate" EnableClientScript="true"

ErrorMessage="Departure Date is required." ValidationGroup="gridBids" Display="Dynamic" />

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

departDateObj = $find('<%# Container.FindControl("txtBidDepartDate").ClientID %>');

</script>

</EditItemTemplate>

JavaScript:

var departDateObj,arriveDateObj;

function setBidDate (sender, args) {

if (!departDateObj || !arriveDateObj) return false;

if (!arriveDateObj.isEmpty()) return false;

arriveDateObj.set_selectedDate(departDateObj.get_selectedDate());

}

Grid

answered on 19 Mar 2012