Questions on UI for ASP.NET AJAX Forum

3 answers

178 views

Display Rad Ajax Loading panel in grid template column.

Hello.

İ have an radGrid and i have templateColumn inside the grid.

and there is dropdownlist in the templatecolumn.

Users can change product status over the grid by this way.

and there is code in server side when dropdown list selected index changed.

but i want to display radAjaxLoading Panel over the each dropdownControl.

i writed this. but it is not solving my issue. because loading panel appering over the all grid when user change dropdownlist value.

<telerik:GridTemplateColumn HeaderText="Durum" HeaderStyle-HorizontalAlign="Center"

HeaderStyle-Width="110px" >

<asp:DropDownList ID="drpProductStatus" runat="server" Width="100px" AutoPostBack="true"

OnSelectedIndexChanged="drpProductStatus_SelectedIndexChanged">

</asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

...

and rad ajax manager code :

<telerik:AjaxSetting AjaxControlID="grid">

<telerik:AjaxUpdatedControl ControlID="grid" LoadingPanelID="alpCover" />

</UpdatedControls>

i dont want to display loading panel over the full grid. loading panel image must be place only dropdown when user affected the control.

i tried to create AjaxSeeting in itemdatabound but it works only first row of grid.

DropDownList drpProductStatus = (dataItem["PRODUCT_STATUS_NAME"].FindControl("drpProductStatus") as DropDownList);

if (drpProductStatus != null)

{

RAM.AjaxSettings.AddAjaxSetting(drpProductStatus, drpProductStatus,

this.alpCover);

}

// it works only first row.

Pls help me.

Ajax

answered on 23 Jun 2010

1 answer

110 views

how disable / enable An Ajaxifeid Button From Client Side (JavaScript)

hi my dear friends :

i have an AJAXIFIED button(btnsend) thas is disable by it's Property -> Enabled="False"

i have a TextBox Next To This Button And I Want Enable that Button When Users Type Something in That TextBox...

so i did this (JavaScript):


        function onkeyupontextbox() { 
        var btnSend = document.getElementById("btnSend"); 
        btnSend.disabled = false;

}

but that button does not work after becomes enable...

what can i do about that?

(i am using radajaxmanager for ajaxify that button) (when i remove that button from RadAjaxmanager So EveryThing Is Ok , But I Want That Button In Ajaxify Mode)

thanks for your attention...

Ajax

answered on 23 Jun 2010

1 answer

771 views

How to Databind to a textbox?

    
            <li> 
        
                                    <asp:Label ID="lbSurname" runat="server" Text="Surname: " AssociatedControlID="lstSurname"> </asp:Label> 
        
                                    <telerik:RadComboBox ID="lstSurname" runat="server" ReadOnly="true" DataTextField="Family" 
        
                                        DataValueField="Family" AppendDataBoundItems="True" AllowCustomText="True" MarkFirstMatch="True" 
        
                                        OnSelectedIndexChanged="lstSurname_SelectedIndexChanged" AutoPostBack="True" CausesValidation="False">  
        
                                    </telerik:RadComboBox> 
        
                                    <asp:RequiredFieldValidator ID="RFV_lstSurname" runat="server" ValidationGroup="Personal" 
        
                                        ControlToValidate="lstSurname" ErrorMessage="Please enter Surname">*</asp:RequiredFieldValidator>                          
        
                                </li> 
        
                                <li> 
        
                                    <asp:Label ID="lbFname" runat="server" Text="First Name: " AssociatedControlID="lstFirst"> </asp:Label> 
        
                                    <telerik:RadComboBox ID="lstFirst" runat="server" ReadOnly="true" DataTextField="First" 
        
                                        DataValueField="First" AppendDataBoundItems="True" AllowCustomText="True" MarkFirstMatch="True" 
        
                                        AutoPostBack="True" CausesValidation="False"   
        
                                        onselectedindexchanged="lstFirst_SelectedIndexChanged">  
        
                                    </telerik:RadComboBox> 
        
                                    <asp:RequiredFieldValidator ID="RFV_lstFirst" runat="server" ValidationGroup="Personal" 
        
                                        ControlToValidate="lstFirst" ErrorMessage="Please enter First Name">*</asp:RequiredFieldValidator>                          
        
                                </li> 
        
            <li><asp:Label ID="lbJobTitle" runat="server" Text="Job Title:"   
        
                                        AssociatedControlID="txtJob"></asp:Label> 
        
            <telerik:RadTextBox ID="txtJob" runat="server" MaxLength="150" Width="200px"></telerik:RadTextBox>                                  
        
            /li>

In form.aspx.cs file

    
            protected void lstFirst_SelectedIndexChanged(object o, RadComboBoxSelectedIndexChangedEventArgs e)  
        
                    {  
        
                        string First = lstFirst.SelectedItem.Text;  
        
                        string family = lstSurname.SelectedItem.Text;  
        
                        var query = from x in dc.tblEmp  
        
                                    where x.First.ToLower() == First.ToLower() && x.Family.ToLower() == family.ToLower()  
        
                                    orderby x.Family  
        
                                    select new  
        
                                    {  
        
                                        Job = x.Job_Title                             
        
                                    };          
        
            ************txtJob.Text = query;    ************  
        
                    }

How do I bind data to Textbox?
I am selecting Surname and Firstname to fire query to get Job Title. I only want to display in textbox .
Can anyone help me find solution?
Thanks in advance
Sucheta

Input

answered on 23 Jun 2010

1 answer

75 views

How Can check Custom attribute value on OnClientAppointmentContextMenu

Hello Sir
How Can check Custom attribute value on OnClientAppointmentContextMenu.

like

if i get subject then i write

function

OnClientAppointmentContextMenu(sender, args) {

alert(

"Appointment context menu: " + args.get_appointment().get_subject());

}

same as if i have Custom attribute name StatusId then how can i get it its value.

when i write

function OnClientAppointmentContextMenu(sender, args) {

alert(

"Appointment context menu: " + args.get_appointment().get_statusid());

}

its shows error..
So pls help me.

Thanks
Chandan

Scheduler

answered on 23 Jun 2010

4 answers

155 views

render problem

for no reason I can see, my project has suddenly stopped rendering any of the telerik controls on a web form in the IDE, Im now getting this error

Error Creating Control - RadComboBoxCategoriesCould not load file or assembly 'Telerik.Web.UI, Version=2009.1.527.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4' or one of its dependencies. The system cannot find the file specified.

this is the same for EVERY telerik control, it has been fine, but its just come from nowhere. Ive tried deleting the Telerik.Web.UI.dll filr from my bin directory, that seemed to work initially, but it doesnt make a difference anymore. Ive checked in my web.config file and I have NO version numbers specified in there. I have SP1 installed for VS2008. Can anyone help me with this problem ?

General Discussions

answered on 23 Jun 2010

1 answer

157 views

Captcha audio not working in MAC os

It seems that captcha audio doesnt work in MAC OS since its using wav format. Is there any way i can set the captcha control to use mp3 format or any other format which is cross platform compatible?

Captcha

answered on 23 Jun 2010

2 answers

129 views

[Solved] dynamic dropdown in dynamic columns

Hi all,

i am creating columns of the grid dynamically, i.e. the column names are not known before hand also the column type are not known.
when binding i check the column name of "[choice]" text and identify it as a dropdown column.
i want to bind a dropdown list to the column(s) programmitically (neither the editor providers nor the columns are defined in design)

can anyone out there help me out? please

thanks in advance

Grid

answered on 23 Jun 2010

4 answers

297 views

[Solved] RadGrid edit form template layout not properly when add new record in IE8

Hi Telerik,

You can see the results below and understand what I say.

I use edit form template for insert or update a record,

It looks fine when editing, but bad when adding.

FireFox and Opera work fine!

Any idea to solve this program?

IE8 result FireFox result

Code:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="pageMgrChannelIn.aspx.cs" Inherits="_ASP_Channels_pageMgrChannelIn" %>
 
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
            <html xmlns="http://www.w3.org/1999/xhtml">
 
            <head runat="server">
 
                <title></title>
 
                <style type="text/css">
 
                    body  { font-family:Courier New; }
 
                    #tableEditForm { font-size:medium; width:600px; }
 
                    #tableEditForm .Col1 { font-size:medium; width:140px; text-align:right; }
 
                    #tableEditForm .Col2 { font-size:medium; width:360px; text-align:left; }
 
                    .editItem { font-size:medium; font-family:Courier New; }
 
                </style>
 
            </head>
 
            <body>
 
            <form id="_frmMgrChannel" runat="server">
 
                <telerik:RadScriptManager    ID="_managerScript" runat="server" />
 
                <telerik:RadSkinManager      ID="_managerSkin"   runat="server" Skin="Vista" />
 
                <telerik:RadAjaxManager      ID="_managerAjax"   runat="server" DefaultLoadingPanelID="_pnlAjaxLoad">
 
                    <AjaxSettings>
 
                        <telerik:AjaxSetting AjaxControlID="_gridChannel">
 
                            <UpdatedControls>
 
                                <telerik:AjaxUpdatedControl ControlID="_gridChannel" />
 
                            </UpdatedControls>
 
                        </telerik:AjaxSetting>
 
                    </AjaxSettings>
 
                </telerik:RadAjaxManager>
 
                <telerik:RadAjaxLoadingPanel ID="_pnlAjaxLoad"   runat="server" />
 
                <telerik:RadScriptBlock      ID="_scriptBlock"   runat="server">
 
                    <script language="javascript" type="text/javascript" src="../../_Javascripts/jsPageMgrChannelIn.js"></script>
 
                    <script language="javascript" type="text/javascript">
 
                        function pageLoad() { m_oView = $find("<%= _gridChannel.ClientID %>").get_masterTableView(); }
 
                    </script>
 
                </telerik:RadScriptBlock>
 
                <telerik:RadGrid ID="_gridChannel" runat="server" DataSourceID="_dsoChannelIn" GridLines="None" Height="600" AllowSorting="true">
 
                    <ClientSettings>
 
                        <Scrolling AllowScroll="true" UseStaticHeaders="true" />
 
                        <Selecting AllowRowSelect="true" />
 
                        <ClientEvents OnPopUpShowing="_grid_OnPopUpShowing" OnCommand="_grid_OnCommand" />
 
                    </ClientSettings>
 
                    <MasterTableView AllowAutomaticInserts="true" AllowAutomaticUpdates="true"
 
                            AutoGenerateColumns="false" CommandItemDisplay="Top"
 
                            AlternatingItemStyle-Font-Size="Medium" AlternatingItemStyle-Font-Names="Courier New"
 
                            ItemStyle-Font-Size="Medium" ItemStyle-Font-Names="Courier New"
 
                            DataKeyNames="channelInID" ClientDataKeyNames="channelInID"
 
                            EditMode="EditForms" EditFormSettings-PopUpSettings-Modal="true">
 
                        <Columns>
 
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" UpdateText="修改" />
 
                            <telerik:GridBoundColumn    DataField="channelInID"       DataType="System.String" HeaderText="新聞管道代碼" UniqueName="channelInID"       SortExpression="channelInID"       MaxLength="8" />
 
                            <telerik:GridBoundColumn    DataField="channelInName"     DataType="System.String" HeaderText="新聞管道"     UniqueName="channelInName"     SortExpression="channelInName"     MaxLength="16" />
 
                            <telerik:GridNumericColumn  DataField="keepDays"          DataType="System.Int16"  HeaderText="保存日數"     UniqueName="keepDays"          SortExpression="keepDays"          MaxLength="3" />
 
                            <telerik:GridDropDownColumn DataField="channelType"       DataType="System.String" HeaderText="管道類別"     UniqueName="channelType"       SortExpression="channelType"       DataSourceID="_dsxChannelType" ListTextField="text" ListValueField="value" DropDownControlType="RadComboBox" />
 
                            <telerik:GridDropDownColumn DataField="channelEditIDCopy" DataType="System.String" HeaderText="複製至編輯台" UniqueName="channelEditIDCopy" SortExpression="channelEditIDCopy" DataSourceID="_dsxChannelEdit" ListTextField="text" ListValueField="value" DropDownControlType="RadComboBox" />
 
                            <telerik:GridDropDownColumn DataField="language"          DataType="System.String" HeaderText="語系"         UniqueName="language"          SortExpression="language"          DataSourceID="_dsxLanguage"    ListTextField="text" ListValueField="value" DropDownControlType="RadComboBox" />
 
                        </Columns>
 
                        <EditFormSettings EditFormType="Template" InsertCaption="新增" CaptionFormatString="修改 {0}" CaptionDataField="channelInID"
 
                                FormMainTableStyle-Font-Size="Medium" PopUpSettings-Width="500" PopUpSettings-Modal="true">
 
                            <FormTemplate>
 
                                <table id="tableEditForm" rules="none">
 
                                    <thead><tr><td></td><td></td></tr></thead>
 
                                    <tbody>
 
                                    <tr>
 
                                        <td class="Col1"><label>新聞管道代碼</label></td>
 
                                        <td class="Col2"><telerik:RadTextBox ID="_txtChannelInID"   runat="server" MaxLength="8"  Font-Size="Medium" Font-Names="Courier New" Width="200" Text='<%# Bind("channelInID") %>' /></td>
 
                                    </tr>
 
                                    <tr>
 
                                        <td class="Col1"><label>新聞管道</label></td>
 
                                        <td class="Col2"><telerik:RadTextBox ID="_txtChannelInName" runat="server" MaxLength="16" Font-Size="Medium" Font-Names="Courier New" Width="200" Text='<%# Bind("channelInName") %>' /></td>
 
                                    </tr>
 
                                    <tr>
 
                                        <td class="Col1"><label>保存日數</label></td>
 
                                        <td class="Col2"><telerik:RadNumericTextBox ID="_txtKeepDays"    runat="server" Font-Size="Medium" Font-Names="Courier New" MaxLength="3" MaxValue="999" MinValue="0"  NumberFormat-DecimalDigits="0" Text='<%# Bind("keepDays") %>' /></td>
 
                                    </tr>
 
                                    <tr>
 
                                        <td class="Col1"><label>管道類別</label></td>
 
                                        <td class="Col2"><telerik:RadComboBox ID="_cboChannelType"       runat="server" Font-Size="Medium" Font-Names="Courier New" Width="300" DataSourceID="_dsxChannelType" DataValueField="value" DataTextField="text" DropDownCssClass="editItem" SelectedValue='<%# Bind("channelType") %>' /></td>
 
                                    </tr>
 
                                    <tr>
 
                                        <td class="Col1"><label>複製至編輯台</label></td>
 
                                        <td class="Col2"><telerik:RadComboBox ID="_cboChannelEditIDCopy" runat="server" Font-Size="Medium" Font-Names="Courier New" Width="300" DataSourceID="_dsxChannelEdit" DataValueField="value" DataTextField="text" DropDownCssClass="editItem" SelectedValue='<%# Bind("channelEditIDCopy") %>' /></td>
 
                                    </tr>
 
                                    <tr>
 
                                        <td class="Col1"><label>語系</label></td>
 
                                        <td class="Col2"><telerik:RadComboBox ID="_cboLanguage"          runat="server" Font-Size="Medium" Font-Names="Courier New" Width="300" DataSourceID="_dsxLanguage"    DataValueField="value" DataTextField="text" DropDownCssClass="editItem" SelectedValue='<%# Bind("language") %>' /></td>
 
                                    </tr>
 
                                    </tbody>
 
                                    <tfoot>
 
                                    <tr><td colspan="2">
 
                                        <asp:Button ID="_btnUpdate" runat="server" CommandName="Update" CausesValidation="true"  Text="儲存" />
 
                                        <asp:Button ID="_btnCancel" runat="server" CommandName="Cancel" CausesValidation="false" Text="取消" />
 
                                    </td></tr>
 
                                    </tfoot>
 
                                </table>
 
                            </FormTemplate>
 
                        </EditFormSettings>
 
                    </MasterTableView>
 
                </telerik:RadGrid>
 
                <asp:XmlDataSource ID="_dsxLanguage"     runat="server" DataFile="~/App_Data/uiData/comboLanguage.xml"    XPath="/Items/Item" />
 
                <asp:XmlDataSource ID="_dsxChannelEdit"  runat="server" DataFile="~/App_Data/uiData/comboChannelEdit.xml" XPath="/Items/Item" />
 
                <asp:XmlDataSource ID="_dsxChannelType"  runat="server" DataFile="~/App_Data/uiData/comboChannelType.xml" XPath="/Items/Item" />
 
                <asp:ObjectDataSource ID="_dsoChannelIn" runat="server" SelectMethod="dt_getChannel" TypeName="clsAP_uiData">
 
                    <SelectParameters>
 
                        <asp:Parameter Name="sChannelType" Type="String" DefaultValue="In" />
 
                    </SelectParameters>
 
                </asp:ObjectDataSource>
 
            </form>
 
            </body>
 
            </html>

Grid

answered on 23 Jun 2010

3 answers

151 views

Malformated Link

Hi
Perhaps an easy question but I would like to add a word around straigh brackets in my wiki, like this --> [banana]
The problem is that the editor thinks that I'm attempting to create a link [[banana]] and I'm not doing it right, therefor I get an error: Format Error (Malformed Link)
Is there a way around this?

Br
Mats

WebParts for SharePoint

answered on 23 Jun 2010

4 answers

406 views

Modal RadWindow not shown in center of viewing brower window

RadGrid in web page has hyperlink command column, clicking the link to show a modal RadWindow by Javascript. The popup window needs to be shown in the center of current viewing window. However, if the RadGrid has more 50 rows, the page becomes large, browser shows the veritical scrollbar. Scrolling to the end of page and click on the last hyperlink to show RadWindow. Now, the browser moving to the top of the page and the popup window is shown on top, then browser is moving down to the bottom. You can only see the partial popup window, because its position is too high. How to display modal RadWindow right in the center of current viewing window instead of top center of page?
Here is the code snippet.

    
                function OpenDetailWindow() {  
        
                    var oWin = $find("<%= DetailWindow.ClientID %>");  
        
                    oWin.show();  
        
                }  
        
            <telerik:RadWindow   
        
                id="DetailWindow" 
        
                runat="server" 
        
                Modal="true" 
        
                Width="780px" 
        
                Height="580px" 
        
                Skin="NonTrans" 
        
                Behaviors="None"         
        
                InitialBehaviors="None" 
        
                VisibleStatusbar="false" 
        
                VisibleTitlebar="false" 
        
                ViewStateMode="Enabled" 
        
                KeepInScreenBounds="true" 
        
                EnableEmbeddedSkins="false" 
        
                EnableEmbeddedBaseStylesheet="false">  
        
                <ContentTemplate> 
        
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="true">  
        
                    <div class="transmodtop">  
        
                        <p class="transmodhelpx"><a href="#"><img alt="Close" onclick="javascript:CloseDetailWindow();" src="../images/help_x.gif" /></a></p> 
        
                    </div> 
        
                    <div class="transmodbg">  
        
                        <div class="transmodcontent">  
        
                            <uc:TransactionDetail ID="transDetail" runat="server"></uc:TransactionDetail> 
        
                            <div class="transmodrule"></div> 
        
                            <div class="transmodbut"><asp:HyperLink ID="CloseDetailWinLink" runat="server" NavigateUrl="javascript:CloseDetailWindow();" CssClass="blu_button"></asp:HyperLink></div>  
        
                        </div> 
        
                    </div> 
        
                </telerik:RadAjaxPanel>   
        
                </ContentTemplate> 
        
            </telerik:RadWindow>

Window

answered on 23 Jun 2010