Questions on UI for ASP.NET AJAX Forum

7 answers

217 views

[Solved] RadComboBox in Sitefinity looses selected item/value

Hi there,

I have a pretty simple search form as follows:

<asp:Label ID="Label1" AssociatedControlID="ZipOrCityState" runat="server">Zip or City, State</asp:Label>

<telerik:RadTextBox ID="RadTextBox1" runat="server" EnableEmbeddedBaseStylesheet="false"

EnableEmbeddedSkins="false" TabIndex="1" EnableSingleInputRendering="true" Width="217px">

</telerik:RadTextBox>

<asp:Label ID="Label2" AssociatedControlID="CompanyList" runat="server">Company</asp:Label>

<telerik:RadComboBox ID="RadComboBox1" runat="server" EnableEmbeddedBaseStylesheet="False"

EnableEmbeddedSkins="False" TabIndex="2" EnableSingleInputRendering="true" Width="217px"

DataSourceID="CompanyDataSource" AllowCustomText="false" DataTextField="CompanyName"

DataValueField="CompanyId" EnableViewState="true">

</telerik:RadComboBox>

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="GetCompanyComboList"

TypeName="Web.Offices.OfficeManager"></asp:ObjectDataSource>

<div class="officeSearchResultsButton">

<telerik:RadButton ID="RadButton1" runat="server" Text="Search" CssClass="blueButton"

OnClick="Search_Click" TabIndex="25" EnableEmbeddedBaseStylesheet="false" EnableEmbeddedSkins="false"

ValidationGroup="ValidOfficeSearch">

</telerik:RadButton>

</div>

With C# in the back that looks like this:

#region EVENTHANDLER - Page_Load

protected void Page_Load(object sender, EventArgs e)

{

try

{

if (!IsPostBack)

{

//Populate controls from values passed from calling page in the query string

ZipOrCityState.Text = Request.QueryString["zipOrCityState"];

CompanyList.SelectedValue = Request.QueryString["companyId"];

//Bind Offices Grid

OfficeGrid.DataBind();

}

catch (Exception ex)

{

throw ex;

}

#endregion

#region EVENTHANDLER - Search_Click

protected void Search_Click(object sender, EventArgs e)

{

try

{

//Check if submitted data is valid

if (Page.IsValid)

{

//Bind Offices Grid

OfficeGrid.DataBind();

}

catch (Exception ex)

{

System.Diagnostics.Debug.WriteLine(ex.Message);

throw ex;

}

#endregion

If we choose a company from the list (blank zip field) and click search the results come back correct and the company name is persisted as the selected item, but if you just click search again without changing anything the combo box looses the selected item value and resets back to index 0.

I'm using an ObjectDataSource so why would this happen? I'm not manually calling DataBind for this RadComboBox anywhere?

Regards,
Jacques

ComboBox

answered on 30 Oct 2012

7 answers

552 views

Fileexplorer custom file upload and refresh

I'm developing an application with a fileexplorer control on it. On the page, above the fileexplorer control, I have a custom file upload function, so I disabled the add button in de fileexplorer's toolbar.

I'm having trouble to display the newly added file in the content of the fileexplorer control. I upload the file in the current folder of the control.

I've tried using the server-side function DataBind() to refetch the contents of the folder, but that didn't work.

Second, I've added a client-side function on the OnClientLoad event, with the following content:

function refreshAfterUpload(explorer, args)

{

if (newImage)

explorer.refresh(explorer.get_currentDirectory());

}

The js variable newImage is set server side when i've added a document. This also doesn't work.

The last option I tried was calling the serverside function FileExplorer.Grid.Rebind(). However, during the postback and the upload of the new file, FileExplorer.Grid is null.

Can anybody help me? After I upload a new file in the current folder of the fileexplorer control, I want to be able to see it.

FileExplorer

answered on 30 Oct 2012

8 answers

170 views

RadListBoxes disappear in IE

I have a page that doesn't use AJAX or partial postbacks. It contains a DateTextBox, RadComboBox and a RadGrid.

I added 4 RadListBoxes to the page. I have JQuery to show/hide the table that the RadListBoxes are in.

1rst problem: When the page loads in IE, the RadListBoxes aren't there. I can ge them to appear by clicking the show/hide icon that uses JQuery.

2nd Problem: If I so much as hover over the RadComboBox, the RadListBoxes disappear again. But it's only the RadComboBox control that does this and only in IE (IE9 is what I'm using).

I've removed the JQuery to rule it out. The page still doesn't render the RadListBoxes on load.
There are no other settings, properties or Javascript that is showing/hiding anything, especially around the RadComboBox.

I replaced the RadComboBox with an ASP DropDownList. The RadListBoxes show up on load, but if I select something in the DropDownList, the RadListBoxes disappear again.

ListBox

answered on 30 Oct 2012

1 answer

99 views

extract text in the filter textbox

Hi

In my radgrid I have enabled filtering of columns. I want to extract the text typed in the filter textbox in itemcommand event. How should I access the text.
thanks in advance
savyo

Grid

answered on 30 Oct 2012

1 answer

85 views

Problem with upgrade Telerik

Hi, Please help me.

My project was working fine, until I upgrade Telerik to use the new radHtmlchart features.
Now, when I run my project I got this message:

Error en tiempo de ejecución de Microsoft JScript: Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.
Details: Error parsing near '�'.

What can i do?

UI for ASP.NET AJAX in ASP.NET MVC

answered on 30 Oct 2012

1 answer

104 views

tooltip for radgrid footer

Hi
I want to give tooltip for the footer for radgrid. How can I do this. Please help. thanks
allen

Grid

answered on 30 Oct 2012

1 answer

131 views

Specify css location

This might be a bit hard to explain but basically im looking for a setting where I can specify where in the page the html editor is (in css terms) so it picks up on particular css.

It'll be easier to explain with an example.

So I hook the rad editor up to a particular css file :
radEditor.CssFiles.Add("<path to css file");

Then say in the css file there is a div with an id of test, and that div has particular style set in the css file.
What id then like to do is have the rad editor content styled as if it is located in the div with id of test, so it picks up on all relevent css relating to that div.

I think this probably isn't possible but just double checking?

Editor

answered on 30 Oct 2012

3 answers

207 views

[Solved] add two types of validation check to radbutton

Hello,
I have a two radtextbox, rad upload , radbutton and a seperate rad grid.
I already added validation to radtextboxes and rad upload using asp req field validator and custom field validator.
And I also wanted to add another validation to rad upload button which checks the value in radtextbox1 if exists in the radgrid column "TemplateName". if this condition get true I want a popup message "This tmp exist, are you want to replace it?" if user click ok. it will call the method and if not do nothing. Otherwise do normal scenario. Can I do this? if can, how?

Here is the code snippts,

<div style="margin-left: 12px;">

<table>

<tr>

<td></td>

</tr>

<tr>

<td>

<telerik:RadTextBox ID="RadTextBox1" runat="server" EnableSingleInputRendering="true"

EmptyMessage="Template Name..." Width="230px">

</telerik:RadTextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="TextBoxRequiredFieldValidator" runat="server" Display="Dynamic"

ControlToValidate="RadTextBox1" ErrorMessage="*Please enter a name" ForeColor="DimGray"

CssClass="fontFamily" ValidationGroup="SubmitButton"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td style="height: 64px">

<telerik:RadTextBox ID="RadTextBox2" runat="server" EnableSingleInputRendering="true"

EmptyMessage="Template Description..." TextMode="MultiLine" Width="230px" Height="60px">

</telerik:RadTextBox>

</td>

<td style="height: 64px">

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="Dynamic"

ControlToValidate="RadTextBox2" ErrorMessage="*Please enter a description" ForeColor="DimGray"

CssClass="fontFamily" ValidationGroup="SubmitButton">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<telerik:RadUpload ID="RadUpload1" runat="server" AllowedFileExtensions=".doc,.docx"

ControlObjectsVisibility="None" MaxFileInputsCount="1" OverwriteExistingFiles="true"

ValidationGroup="SubmitButton" Width="240px">

</telerik:RadUpload>

<%-- <asp:Button ID="SubmitButton" runat="server" CssClass="fontFamily"

OnClick="SubmitButton_Click" Text="Upload" ValidationGroup="SubmitButton"

Width="16%" />--%>

</td>

<td>

<asp:CustomValidator ID="CustomValidator1" runat="server" ClientValidationFunction="validateRadUpload"

CssClass="fontFamily" ErrorMessage="*Please select a ms word template file" ForeColor="DimGray"

ValidationGroup="SubmitButton"></asp:CustomValidator>

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="SubmitButtdon" runat="server" Text="Upload" OnClick="SubmitButton_Click"

ValidationGroup="SubmitButton" Width="30%" OnClientClicked="checkExt">

</telerik:RadButton>

</td>

</tr>

</table>

<table>

<tr>

<td>

<telerik:RadProgressArea ID="RadProgressArea1" runat="server" >

</telerik:RadProgressArea>

</td>

</tr>

</table>

</div>

Javascript using

function validateRadUpload(source, e) {

e.IsValid = false;

var upload = $find("<%= RadUpload1.ClientID %>");

var inputs = upload.getFileInputs();

for (var i = 0; i < inputs.length; i++) {

//check for empty string or invalid extension

if (inputs[i].value != "" && upload.isExtensionValid(inputs[i].value)) {

e.IsValid = true;

break;

}

this is the grid

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" CellSpacing="0"

GridLines="None" OnItemCommand="RadGrid1_ItemCommand" Width="100%" OnNeedDataSource="RadGrid1_NeedDataSource">

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<MasterTableView>

<Columns>

<telerik:GridButtonColumn ButtonType="LinkButton" Text="<img src='../App_Themes/default/images/Delete.gif' border='0' title='Delete'/>"

UniqueName="DeleteColumn" ConfirmText="Are you sure you want to delete this Template?"

ConfirmTitle="Delete Template" CommandName="Delete">

<HeaderStyle Width="3%" />

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn HeaderText="" UniqueName="Image">

<ItemTemplate>

<asp:ImageButton ID="GD" runat="server" ImageUrl="~/App_Themes/Default/images/Printer16.gif"

CommandName="G" OnClick="ImageButton1_Click" ToolTip="Generate Documents"></asp:ImageButton>

</ItemTemplate>

<HeaderStyle Width="3%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="" UniqueName="Image">

<ItemTemplate>

<asp:ImageButton ID="DT" runat="server" ImageUrl="~/App_Themes/Default/images/genDoc.gif"

CommandName="DT" OnClick="ImageButton2_Click" ToolTip="Download Template"></asp:ImageButton>

</ItemTemplate>

<HeaderStyle Width="3%" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column column" HeaderText="Template Name"

UniqueName="TemplateName" DataField="TemplateName">

<HeaderStyle Width="30%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column column" HeaderText="Template Details"

UniqueName="TemplateDescript" DataField="TemplateDescript">

<HeaderStyle Width="61%" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

This grid is enable ajax to call server function

<script type="text/javascript">

function requestStart(sender, args) {

if (args.get_eventTarget().indexOf("GD") > 0)

args.set_enableAjax(false);

if (args.get_eventTarget().indexOf("DT") > 0)

args.set_enableAjax(false);

}

</script>

Please help me, Thanks

Upload (Obsolete)

answered on 30 Oct 2012

2 answers

333 views

[Solved] set border for rad tab page

How do I add a border like attach image to radtab? do I need to use custom css or are there any inbuilt features provide this facility

TabStrip

answered on 30 Oct 2012

19 answers

684 views

RadAjaxLoadingPanel not showing

Hello,
I have a problem with RadAjaxLoadingPanel:
my web application has a RadGrid control and a RadTreeView.
When I click on a node of the radtreeview the radgrid performs a rebind action and loads data associated with the node values.

I use a RadAjaxManager to perform the update/rebind action of the radgrid and i use a RadAjaxLoadingPanel to hide the radgrid while loading data.
The update process is correctly performed but the RadAjaxLoadingPanel is not displayed.

In my application there are other controls that trigger the update action of ther radgrid and the update is correctly performed and also the RadAjaxLoadingPanel is correctly displayed.

How can I fix my problem and make the RadAjaxLoadingPanel visible during the update of the radgrid when clicking on a Radtreeview node, like with the other controls?

A short part of the code is following:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Block" EnableHistory="False">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="CheckBoxMerge">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                    <telerik:AjaxUpdatedControl ControlID="TextElementi" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="CheckBox1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                    <telerik:AjaxUpdatedControl ControlID="TextElementi" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGridAccounts">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="ButtonEseguiFiltro">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                    <telerik:AjaxUpdatedControl ControlID="TextElementi" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="CatTree1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                    <telerik:AjaxUpdatedControl ControlID="TextElementi" />
                </UpdatedControls>
            </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

CheckBoxMerge, CheckBox1, RadGridAccounts, ButtonEseguiFiltro perform correctly the update and also the RadAjaxLoadingPanel1 is displayed, while CatTree1(the radtreeview) performs the update but the RadAjaxLoadingPanel1 is ot displayed

Ajax

answered on 30 Oct 2012