Questions on UI for ASP.NET AJAX Forum

1 answer

444 views

inside radGrid I have form template with asp:Button for update/insert. How can I display "please wait" after user click update/insert until it;s completed

<asp:Button ID="btnUpdate" runat="server" Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>'

CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update") %>'>

</asp:Button>

Grid

answered on 15 Nov 2013

3 answers

635 views

RadTextBox - Issue with set_enabled(false)

Hi,

I wrote the following code in javascript
if(...)
{ var controltodisable= $find("<%= ControlToDisable.ClientID %>");
controltodisable.set_enabled(false);}

Here, ControlToDisable is a RadTextBox.
With the above code the textbox looks disabled but I am still able to type text in it. The text appears greyed out though.

How can I resolve the issue?

Also, when I disable the same textbox from clientside (JS) and codebehind (CS) there is a difference in the field display style.
What could be the issue?

Brindavan

storageUnit1.set_enabled(false);

Input

answered on 15 Nov 2013

9 answers

329 views

RadScheduler With MVC3 Razor Engine

I would like to know if it is possible to use RadScheduler with MVC3 Razor Engine. In this blog, there is an example with aspx. But I would like to know if it is possible with cshtml.

http://www.telerik.com/community/code-library/aspnet-ajax/scheduler/using-scheduler-with-an-asp-net-mvc-controller-instead-of-a-web-service.aspx

I came across a method of using ascx file in cshtml and There by using RadScheduler in the Ascx files. Any pointers or examples would be appreciated.

Thanks

Scheduler

answered on 15 Nov 2013

1 answer

139 views

RadTab, multi page view and dynamic RadPanelBar

Hi

I am having an issue rooted in the RadTabBar with multi page view.

I am added a number of controls to a RadPanelBar. I am adding HtmlGenericControls with hyperlinks to documents and an album control (other 3rd party) that binds to a list of files (jpeg, etc). When I add this control the RadPanelBar, and add the RadPanelBar to the page (via a PlaceHolder), all works as expected. I have my docs and my image album.

However, if I move the PlaceHolder into a RadTab, the RadPanelPar renders, the documents are present, the html shows the album (and supporting jscript), but does not seem to bind the actual images... they are not present.

Move the Placeholder out of the RadTab... all works again.

Here is the code oh how I am building all this up

private void BuildAttachments()
        {
            List<String> photoPaths = new List<String>();
            List<String> docPaths = new List<String>();
            List<ServiceNote> notes = new List<ServiceNote>();
 
            Telerik.Web.UI.RadPanelBar panelBar = new RadPanelBar();
            panelBar.ID = ticketId.ToString();
            panelBar.ExpandMode = PanelBarExpandMode.SingleExpandedItem;
            panelBar.Width = 960;
 
            int y = 0;
            foreach (ServiceTicketTask task in ThisTicket.ServiceTicketTasks)
            {
                RadPanelItem panelItem = new RadPanelItem();
                panelItem.Text = task.ServiceItem.Name;
                panelBar.Items.Add(panelItem);
 
                panelItem.Enabled = false;
 
                foreach (ServiceNote note in task.ServiceNotes.Where(n => n.HasPictures).OrderBy(n => n.CreateDate))
                {
                    RadPanelItem panelNoteItem = new RadPanelItem();
                    panelNoteItem.Text = DateTimeFunctions.UtcToMyTime(note.CreateDate, _loggedInUser.TimeZoneId).ToString();
 
                    panelItem.Items.Add(panelNoteItem);
 
                    RadPanelItem panelImageItem = new RadPanelItem();
                    panelImageItem.Text = Labeling.Photos;
                    panelImageItem.Expanded = true;
                    panelNoteItem.Items.Add(panelImageItem);
 
                    RadPanelItem panelDocsItem = new RadPanelItem();
                    panelDocsItem.Text = Labeling.Documents;
                    panelDocsItem.Expanded = true;
                    panelNoteItem.Items.Add(panelDocsItem);
 
 
                    String photoPath = Storage.GetGalleryPath(ServiceTicket.MakeServiceTicketName(note.ServiceTicketTask.ServiceTicket.ServiceProvider.Abbrev, note.ServiceTicketTask.ServiceTicket.TicketName),
                                                                       note.ServiceTicketTask.CatalogItem.Name,
                                                                       note.CreateDate,
                                                                       Storage.DocumentGroups.Photos);
 
                    if (photoPath != null)
                    {
                        panelItem.Enabled = true;
 
                        String galleryID = String.Format("galleryServiceTickets_{0}", y);
 
                        GalleryBrowser galleryServiceTickets = new GalleryBrowser();
                        galleryServiceTickets.ID = galleryID;
                        galleryServiceTickets.Visible = true;
                        galleryServiceTickets.Width = 940;
                        galleryServiceTickets.Height = 50;
 
                        galleryServiceTickets.AllowEdit = false;
                        galleryServiceTickets.AllowPostComment = false;
                        galleryServiceTickets.AllowShowComment = false;
                        galleryServiceTickets.Layout = "Gridshow";
                        galleryServiceTickets.LogonUserName = _loggedInUser.FullName;
                        galleryServiceTickets.GalleryFolder = photoPath;
                        galleryServiceTickets.ToolTip = String.Format("{0} - {1}", note.ServiceTicketTask.ServiceItem.Name, note.CreateDate);
 
                        galleryServiceTickets.DataBind();
 
                        TemplateItem template = new TemplateItem(galleryServiceTickets);
                        template.InstantiateIn(panelImageItem);
                    }
 
                    String docPath = Storage.GetGalleryPath(ServiceTicket.MakeServiceTicketName(note.ServiceTicketTask.ServiceTicket.ServiceProvider.Abbrev, note.ServiceTicketTask.ServiceTicket.TicketName),
                                                                     note.ServiceTicketTask.CatalogItem.Name,
                                                                     note.CreateDate,
                                                                     Storage.DocumentGroups.Docs);
 
                    if (docPaths != null)
                    {
                        panelItem.Enabled = true;
 
                        List<String> filePaths = new List<String>();
                        filePaths = Storage.GetFileCount(docPath);
 
                        HtmlGenericControl divInner = new HtmlGenericControl("div");
                        divInner.ID = String.Format("DocDiv_{0}", y);
                        divInner.Attributes.Add("style", "margin:0;padding:2px 0 0 6px;width:1000px;float:left;text-align:left");
 
                        Int32 i = 0;
 
                        foreach (String file in filePaths)
                        {
                            String newFile = file.Replace(HttpContext.Current.Server.MapPath(docPath), "").Replace("\\", "");
                            String newFilePath = docPath + "/" + newFile;
 
                            HyperLink hlnkImage = new HyperLink();
                            hlnkImage.ID = String.Format("hlnkImage_{0}_{1}", y, i);
                            hlnkImage.ImageUrl = Utils.GetIcon(newFile);
                            hlnkImage.SkinID = "hlnkImage";
                            hlnkImage.NavigateUrl = newFilePath;
                            hlnkImage.Target = "_blank";
                            hlnkImage.ToolTip = newFile;
 
                            divInner.Controls.Add(hlnkImage);
 
                            TemplateItem template = new TemplateItem(divInner);
                            template.InstantiateIn(panelDocsItem);
 
                            i = i + 1;
                        }
                    }
 
                    y++;
                }
            }
            
            HtmlGenericControl scrollDiv = new HtmlGenericControl("div");
            if (notes.Count() > 15)
                scrollDiv.Attributes.Add("style", "float:left;overflow:scroll;overflow-y:hidden; width:940px;");
            else
                scrollDiv.Attributes.Add("style", "float:left; width:940px;");
 
 
            scrollDiv.Controls.Add(panelBar);
            plAttachments.Controls.Add(scrollDiv);
        }

 public class TemplateItem : ITemplate
    {
        Control control;
        #region ITemplate Members
        public void InstantiateIn(Control container)
        {
            container.Controls.Add(control);
        }
        #endregion
        public TemplateItem(Control ctrl)
        {
            control = ctrl;
        }
    }

I have moving the call to this method from the page_init to page_load, as well as calling it from within the load event of the tab itself. In ll cases the results are the same.

I also moved all this code to a usercontrol and then added the usercontrol to the RadTab... same result

Thanks for any help...

TabStrip

answered on 15 Nov 2013

3 answers

170 views

[Solved] Microsoft JScript runtime error: Unable to get value of the property 'UI': object is null or undefined

Hi All,

I have just updated AjaxControlToolKit to 3.5.7, I am using VS2008 web application. After updating the dll in my application, I am getting below error on default login page.

Microsoft JScript runtime error: Unable to get value of the property 'UI': object is null or undefined

When I ignores this error, and proceeds for Log in, it doesn't do any thing, even it don't fires any event nothing is working. Need urgent help. Thanks in advance.

General Discussions

answered on 15 Nov 2013

1 answer

314 views

set_enabled not working.

There is a radtextbox which is initially disabled and I am trying to enable it from js like below
radtextbox.set_enabled(true) but the textbox is not enabled.Any idea?

Input

answered on 15 Nov 2013

1 answer

72 views

Add Page Level Header in Export

Is it possible to add a page level header when exporting to Excel?

What I would like to see when the PivotGrid is exported to Excel would be something along the following lines:

------------------------------------------------------------------------------------------------------------

CUSTOM REPORT HEADER

			Advanced Services Ace	Continential World Corp	Digital Corporate	Executive Imagination
Bulgaria	Sofia	Microvan	$93446.4	$102791.0	$93446.4	$93446.4
		Minivan	$126152.6	$130825.0	$93446.4	$88774.1
		Pickup	$88774.1	$70084.8	$74757.1	$116808.0
		Truck	$121480.3	$112135.7	$107463.4	$56067.8
		Van	$98118.7	$102791.0	$121480.3	$121480.3
	Sofia Total		$527972.2	$518627.5	$490593.6	$476576.6
Bulgaria Total			$527972.2	$518627.5	$490593.6	$476576.6
France	Paris	Microvan	$146225.8	$191743.7	$172310.4	$122042.0
		Minivan	$107790.7	$119709.6	$124460.0	$94402.4
		Pickup	$127224.0	$167991.5	$134738.4	$150976.2
Grand Total			$2786144.2	$2816203.7	$2784985.4	$2668372.7

PivotGrid

answered on 15 Nov 2013

3 answers

356 views

Nested Grouping

Hi,
I could try to make a nested grouping with RadGrid.
The first field to group is "Campionato" (Champion),
the second is "Gara" (Game)

I can do this work with drag &drop column (see attahced Correct.png).
but I want that this grouping is fixed when load Grid (client or server)

I can add GridGroupByField in aspx

<telerik:RadGrid ID="gvList" runat="server" PageSize="20" AllowSorting="True" AllowPaging="True"

ShowGroupPanel="True" AutoGenerateColumns="False" GridLines="None">

<PagerStyle Mode="NumericPages"></PagerStyle>

<MasterTableView Width="100%" GroupLoadMode="Server" TableLayout="Fixed">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="CAMPIONATO" FieldName="C01_B04_CODE_FK"></telerik:GridGroupByField>

<telerik:GridGroupByField FieldAlias="GARA" FieldName="C01_GARA_PK"></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="C01_B04_CODE_FK"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

or use che code behind

GridGroupByExpression expression = new GridGroupByExpression();

GridGroupByField existing = expression.SelectFields.FindByName("C01_GARA_PK");

GridGroupByField field = new GridGroupByField();

field.FieldName = "C01_B04_CODE_FK";

field.FieldAlias = "CAMPIONATO";

GridGroupByField field = new GridGroupByField();

field.FieldName = "C01_GARA_PK";

field.FieldAlias = "GARA";

expression.SelectFields.Add(field);

gvList.MasterTableView.GroupByExpressions.Add(expression);

gvList.Rebind();

but the result is wrong (see attached Wrong.png)

HoW do i do ?

Grid

answered on 15 Nov 2013

1 answer

96 views

RAD Scheduler Export to excel giving error

Its giving below error while exporting the radscheduler timeline view ...

'10' is an unexpected token. The expected token is '"' or '''. Line 11, position 27.

Thanks
Vijay Joshi

Scheduler

answered on 15 Nov 2013

3 answers

161 views

Calling a function within a function

I have a Rad Autocomplete Box returning 3 values via web service, I also have several Rad windows on the page. What I am trying to do is get those values from the auto complete box and load a certain Rad Window based on the values returned from the auto complete box. I am having issues getting those values, when I try to grab the values and pass them to the rad window it conflicts with the select function. I was wondering if there is a way to call a function inside a function, if so how do I accomplish this task?

Below is my code.

        function LoadWindow(Type) {
             var radDash = $find("<%= radDashboard.ClientID%>");
                      if (Type == 1) {
                          radDash.setUrl("ManageProcessor.aspx");
                      }
                      else if (Type == 2) {
                          radDash.setUrl("WoTracker.aspx");
                      }
                      else if (Type == 3) {
                          radDash.setUrl("WoTracker.aspx");
                      }
                      else if (Type == 4) {
                          radDash.setUrl("WoTracker.aspx");
                      }
                      else if (Type == 5) {
                          radDash.setUrl("PriorService.aspx");
                      }
                      else if (Type == 6) {
                          radDash.setUrl("WorkingRecruits.aspx");
                      }
                      radDash.show();
                      radDash.maximize();
         }
    </script>
    <script>       
         $(document).ready(function () {
             BindControls();
         });
         function BindControls() {
             $("#<%= txtSearch.ClientID%>").autocomplete({
                         source: function (request, response) {
                             $.ajax({
                                 url: "../Recruiting.asmx/FindRecID",
                                 data: "{ 'sLookUP': '" + request.term + "' }",
                                 dataType: "json",
                                 type: "POST",
                                 contentType: "application/json; charset=utf-8",
                                 dataFilter: function (data) { return data; },
                                 success: function (data) {
                                     response($.map(data.d, function (item) {
                                         return {
                                             label: item.split("-")[0],
                                             val: item.split("-")[1],
                                             ID: item.split("-")[2]
                                         }
                                     }))
                                 },
                                 error: function (response) {
                                     alert(response.responseText);
                                 }
                             });
                         },
 
                         select: function (e, i) {
                             $("#<%= HFRecruit.ClientID%>").val(i.item.val);
                             $("#<%= HFId.ClientID%>").val(i.item.ID);                            
                         },
 
                minLength: 2    // MINIMUM 1 CHARACTER TO START WITH.
            });
            }
    </script>
        <link href="../Recuiting.css" rel="stylesheet" />
    <link href="../Styles/Styles.css" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="BodyContent" Runat="Server">
    <telerik:RadAjaxPanel ID="radajax" runat="server">
        <div style="width:auto">
            <div class="dvGridWrapper">
                    <asp:HiddenField ID="HFRecruit" runat="server" /><asp:HiddenField ID="HFId" runat="server" />
                    <asp:TextBox ID="txtSearch" runat="server" Width="260px" ToolTip="Enter Last Name First Name"></asp:TextBox>
                    <asp:TextBoxWatermarkExtender ID="txtSearch_WME" runat="server" TargetControlID="txtSearch" WatermarkText="Lookup Processor" WatermarkCssClass="Watermark"></asp:TextBoxWatermarkExtender>

    <div>
        <table  style="width:90%;margin-right:auto;margin-left:auto;margin-top:20px">               
            <tr>
                <td style="width:100%; text-align:center">
                   <asp:HyperLink ID="hyEnlist" runat="server" onclick="LoadWindow(1)"><asp:Image ID="imgEnlist" runat="server" ImageUrl="../Images/SGT.jpg" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Non-Prior Service
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:HyperLink ID="hyPrior" runat="server" onclick="LoadWindow(1)"><asp:Image ID="imgPrior" runat="server" ImageUrl="../Images/Corp.jpg" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Prior Service
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:HyperLink ID="hyOfficer" runat="server" onclick="LoadWindow(2)"><asp:Image ID="imgOff" runat="server" ImageUrl="../Images/Cpt.jpg" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Basic Branch
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <asp:HyperLink ID="HyWarrant" runat="server" onclick="LoadWindow(3)"><asp:Image ID="imgWarrant" runat="server" ImageUrl="../Images/W03.jpg" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Warrant
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:HyperLink ID="hyGNPS" runat="server" onclick="LoadWindow(3)"><asp:Image ID="imgGNPS" runat="server" ImageUrl="../Images/glossary.jpg" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Glossory Non Prior Service                  
                </td>
            </tr>
            <tr>
                <td style="padding-top:40px; text-align:center">
                    <asp:HyperLink ID="hyIncentives" runat="server" onclick="LoadWindow(3)"><asp:Image ID="imgIncent" runat="server" ImageUrl="../Images/Incentive.jpg" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Incentive Credit
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:HyperLink ID="hySpec" runat="server" onclick="LoadWindow(4)"><asp:Image ID="imgSpec" runat="server" ImageUrl="../Images/EFM.jpg" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Specialty Branch
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<%--                    <asp:HyperLink ID="hyRFP" runat="server" onclick="LoadWindow(3)"><asp:Image ID="imgRFP" runat="server" ImageUrl="../Images/recruit.jpg" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Recruit Force Pool
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--%>
                    <asp:HyperLink ID="hyIST" runat="server" onclick="LoadWindow(3)"><asp:Image ID="imgIST" runat="server" ImageUrl="../Images/IST.png" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Interstate Transfer
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:HyperLink ID="hyDSE" runat="server" onclick="LoadWindow(3)"><asp:Image ID="imgDSE" runat="server" ImageUrl="../Images/toy2.jpg" CssClass="change_opacity" /></asp:HyperLink>&nbsp;Direct Service Enlistment 
                </td>
            </tr>
        </table>
    <telerik:RadWindow ID="radDashboard" runat="server" InitialBehaviors="Reload" ShowContentDuringLoad="false" CenterIfModal="true" Modal="true" Behaviors="Close" ></telerik:RadWindow>
        </div>    
    </telerik:RadAjaxPanel>
</asp:Content>

AutoCompleteBox

answered on 15 Nov 2013