Questions on UI for ASP.NET AJAX Forum

2 answers

171 views

EditorTemplate don't work in Grid inside a template

I have a View (name = 'step3Grid'). It's using popup with a Template ("_VendorQuotationTmp")

01.@(

02. Html.Kendo().Grid<VendorQuotationDto>()

03. .Name("step3Grid")

04. .Columns(columns =>

05. {

06. columns.Bound(p => p.VendorName).Title(LanguageData["L-00323"])

07. .HtmlAttributes(new { style = "text-align:left;" })

08. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00323"] });

09. columns.Bound(p => p.PurchaseOrderName).Title(LanguageData["L-00284"])

10. .HtmlAttributes(new { style = "text-align: left" })

11. .ClientTemplate("#=PurchaseOrderName.toString().split('-').pop()#")

12. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00284"] });

13. columns.Bound(p => p.HasAttachedFile).Title(LanguageData["L-00060"])

14. .ClientTemplate("#if (HasAttachedFile && HasPDFAttachedFile) {#<img src='" + @Url.Content("/Content/images/common/pdf.png") +

"' alt='PDF File' height='16' width='16' class='icon-file-attached' title='#=Attachment#'>#}# #if (HasAttachedFile && !HasPDFAttachedFile) {#<img src='"

+ @Url.Content("/Content/images/common/paperclip.png") + "' alt='Attached File' height='16' width='16' class='icon-file-attached' title='#=Attachment#'>#}#")

15. .HtmlAttributes(new { @onclick = "clickImagePDF('#=Attachment#'); return false;" })

16. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00060"] }).Width("65px");

17.

18. columns.Command(c =>

19. {

20. c.Edit().HtmlAttributes(new { title = LanguageData["B-00003"] });

21. c.Destroy().HtmlAttributes(new { title = LanguageData["B-00004"] });

22. })

23. .Title(LanguageData["L-00000"])

24. .Width("100px")

25. .HtmlAttributes(new { style = "text-align: center;" })

26. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold" });

27. })

28. .Events(e => e.Edit("onEditVendorQuo").Save("onSaveVendorQuo")/*.DetailExpand("onExpandVendorQuo")*/)

29. .Editable(e =>

30. {

31. e.Mode(GridEditMode.PopUp).TemplateName("_VendorQuotationTmp");

32. e.DisplayDeleteConfirmation(LanguageData["N-00019"]);

33. })

34. .ToolBar(toolbar =>

35. {

36. toolbar.Create().Text(LanguageData["B-00001"]);

37. })

38. //.ClientDetailTemplateId("template")

39. .Sortable()

40. .Selectable()

67. .Scrollable(a => a.Height("auto"))

68. .DataSource(dataSource => dataSource

69. .Ajax()

70. .PageSize(30)

71. .Model(model =>

72. {

73. model.Id(p => p.Id);

74. })

75. .Read(read => read.Action("ReadVendorQuotation", "PurchaseOrder", new { MrId = Model.MaterRequisId, @area = "Ship" }).Type(HttpVerbs.Post))

76. .Create(create => create.Action("CreateVendorQuotation", "PurchaseOrder", new { @area = "Ship" , shipId = ViewBag.ShipId }).Type(HttpVerbs.Post).Data("getParamVendorQuo"))

77. .Update(update => update.Action("UpdateVendorQuotation", "PurchaseOrder", new { @area = "Ship", shipId = ViewBag.ShipId }).Type(HttpVerbs.Post).Data("getParamVendorQuo"))

78. .Destroy(des => des.Action("DeleteVendorQuotation", "PurchaseOrder", new { @area = "Ship", shipId = ViewBag.ShipId }).Type(HttpVerbs.Post))

79. .Events(e => e.RequestStart("onRequestStartStep3").RequestEnd("onRequestEndStep3"))

80. ))

Inside the popup ("_VendorQuotationTmp"),

01.@(Html.Kendo().Grid<RequestQuoDetailDto>()

02. .Name("vendorquodetailGrid")

03. .Columns(columns =>

04. {

05. columns.Bound(p => p.PartCode).Title(LanguageData["L-00167"])

06. .HtmlAttributes(new { style = "text-align:left;" })

07. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00167"] }).Width("10%");

08. columns.Bound(p => p.PartName).Title(LanguageData["L-00168"])

09. .ClientTemplate("#=PartName# ").Width("38%")

10. .HtmlAttributes(new { style = "text-align: left" }).HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00168"] });

11. columns.Bound(p => p.Price).Title(LanguageData["L-00288"]).HtmlAttributes(new { style = "text-align: left" })

.EditorTemplateName("DecimalRound1")

12. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00288"] }).Width("12%");

13.

14. columns.Bound(p => p.FullGroupName).ClientGroupHeaderTemplate(" #= value #").Hidden();

15. })

16. .Events(e => e.Save("onSaveVendorQuoDetail"))

17. .Editable(e => e.Mode(GridEditMode.InCell))

18. .Groupable()

19. .Sortable()

20. .Selectable()

21. .Pageable(p => p.Messages(mes =>

22. {

23. mes.Display(LanguageData["N-00067"]);

24. mes.Empty(LanguageData["N-00068"]);

25. mes.Previous(LanguageData["B-00038"]);

26. mes.Next(LanguageData["B-00039"]);

27. mes.First(LanguageData["B-00040"]);

28. mes.Last(LanguageData["B-00041"]);

29. }))

30. .Filterable(filterable => filterable

31. .Extra(false)

32. .Messages(m => m.Info(LanguageData["B-00035"])

33. .Filter(LanguageData["B-00036"])

34. .Clear(LanguageData["B-00037"]))

35. .Operators(operators => operators

36. .ForNumber(str => str.Clear()

37. .IsEqualTo(LanguageData["B-00033"])

38. .IsNotEqualTo(LanguageData["B-00034"])

39. )

40. .ForString(str => str.Clear()

41. .Contains(LanguageData["B-00031"])

42. .StartsWith(LanguageData["B-00032"])

43. .IsEqualTo(LanguageData["B-00033"])

44. .IsNotEqualTo(LanguageData["B-00034"])

45. ))

46. )

47. .Scrollable(a => a.Height("400px"))

48. .AutoBind(false)

49. .DataSource(dataSource => dataSource

50. .Ajax()

51. .Group(g => g.Add(f => f.FullGroupName))

52. .ServerOperation(false)

53. .PageSize(20)

54. .Model(model =>

55. {

56. model.Id(p => p.QuotationDetailId);

57. model.Field(f => f.PartCode).Editable(false);

58. model.Field(f => f.PartName).Editable(false);

59. })

60. .Read(read => read.Action("ReadDetailVendorQuo", "PurchaseOrder", new { @area = "Ship" }).Type(HttpVerbs.Post))

61. ))

At column 'Price' of Grid. I applied EditorTemplate cho it and Price is double?. When I run program, I got error and popup can open. If I remove EditorTemplate of column 'Price' then program can run and this column is type ='text' not 'number'

Can you tell me why is it ? You don't care about 'LanguageData'. I am not good English. If I have any misspelling, please forgive me. Thanks.

General Discussions

answered on 27 Feb 2019

1 answer

95 views

MonthView - when click on a day take to a new page

Using the below for a sheduler:

<telerik:RadScheduler RenderMode="Lightweight" runat="server" ID="RadScheduler1" DayStartTime="08:00:00" AdvancedForm-Enabled="false" Skin="Glow"
DayEndTime="18:00:00" DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"
DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentId" SelectedView="MonthView" DayView-UserSelectable="false" MonthView-UserSelectable="true" TimelineView-UserSelectable="false" WeekView-UserSelectable="false"
DataReminderField="Reminder" Width="800" >
</telerik:RadScheduler>

What i want to do is, when i click on a day i am taken to a new aspx page. There doesnt seem to be an onclick event for the days. I have tried RadScheduler1_TimeSlotContextMenuItemClicked and RadScheduler1_TimeSlotContextMenuItemClicking but they dont work

Scheduler

answered on 27 Feb 2019

3 answers

443 views

RadEditor validation with RequiredFieldValidator not working as expected

I've been following https://demos.telerik.com/aspnet-ajax/editor/examples/validators/defaultcs.aspx to enable validation on my RadEditor control to make sure (1) it is not empty and (2) the entered content length is larger than a certain amount of characters. The RadEditor control is on a (.ascx). The validation happens when you click the update button.

It seems to be working when there are no text entered, but when I enter any text of any length it stills shows me the empty text message and clears the editor control text.

<table id="" style="border-collapse: collapse; border: 0; width: 100%">
<tr class="EditFormHeader">
<td colspan="3">
<b>Ticket Details</b>
</td>
<td>
<telerik:RadButton ID="btnUpdateTicket" runat="server" ValidationGroup="ValidateInput" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'></telerik:RadButton>
</td>
</tr>

<tr>
<td class="auto-style2">Notes:</td>
<td colspan="3">
<telerik:RadEditor ID="fldNote" runat="server" RenderMode="Lightweight" Skin="Metro" Width="98%" Height="200px" EditModes="Design" ContentFilters="RemoveScripts" >
<Tools>
<telerik:EditorToolGroup Tag="MainToolbar">
<telerik:EditorTool Name="FindAndReplace" />
<telerik:EditorSeparator />
<telerik:EditorSplitButton Name="Undo">
</telerik:EditorSplitButton>
<telerik:EditorSplitButton Name="Redo">
</telerik:EditorSplitButton>
<telerik:EditorSeparator />
<telerik:EditorTool Name="Cut" />
<telerik:EditorTool Name="Copy" />
<telerik:EditorTool Name="Paste" ShortCut="CTRL+V / CMD+V" />
</telerik:EditorToolGroup>
<telerik:EditorToolGroup Tag="Formatting">
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool Name="Italic" />
<telerik:EditorTool Name="Underline" />
<telerik:EditorSeparator />
<telerik:EditorSplitButton Name="ForeColor">
</telerik:EditorSplitButton>
<telerik:EditorSplitButton Name="BackColor">
</telerik:EditorSplitButton>
<telerik:EditorSeparator />
<telerik:EditorDropDown Name="FontName">
</telerik:EditorDropDown>
<telerik:EditorDropDown Name="RealFontSize">
</telerik:EditorDropDown>
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
<asp:RequiredFieldValidator ID="NoteValidator" runat="server" Display="Static" CssClass="validator" ControlToValidate="fldNote">Please add a note!</asp:RequiredFieldValidator>
<%-- <asp:CustomValidator runat="server" ID="EditorLengthValidator" ControlToValidate="fldNote" Display="Static" CssClass="validator" ClientValidationFunction="TelerikDemo.checkLength">***Your note is too short!!***</asp:CustomValidator><br />--%>

If commented out the CustomValidator controls to eliminate it as an issue, so now it doesn't have to check the lenght.

I'm using version 2018.3.910.45 of the ASP.NET AJAX controls.

I've gone through some of the thread, but not helped so far.

Editor

answered on 27 Feb 2019

6 answers

1.5K+ views

How to remove empty row in export excel file

Hi,
I want to remove the empty rows in exporting radgrid to excel file. See attached file. How to do it? Thanks.

Grid

answered on 26 Feb 2019

5 answers

177 views

Expanding an appointment in RadScheduler is not showing the shadow in Internet Explorer

I have a telerik:RadScheduler control in my page. We can expand this slot by dragging from the bottom. Internally the appointment is getting changed. But while expanding, it is not displaying the shadow at the background. This issue is occuring in Internet Explorer, while it is working properly in Google Chrome. Can anyone please help me on this.

<telerik:RadScheduler ID="RadSchedulerReceivingBay" runat="server" GroupBy="Bay"
DataSourceID="ObjectDataSourceBookingScheduleItem" DataKeyField="BookingID" DataSubjectField="Vendor"
DataStartField="Start" DataEndField="End" Height="100%"
Culture="en-GB" ShowAllDayRow="False" ShowDateHeaders="False"
ShowFooter="True" ShowHeader="False" ShowNavigationPane="False"
ShowViewTabs="False" MinutesPerRow="15"
DayStartTime="05:00:00" Font-Size="8pt"
onappointmentdatabound="RadSchedulerReceivingBay_AppointmentDataBound"
onappointmentinsert="RadSchedulerReceivingBay_AppointmentInsert"
onappointmentupdate="RadSchedulerReceivingBay_AppointmentUpdate"
RowHeight="20px"
StartInsertingInAdvancedForm="True"
onformcreating="RadSchedulerReceivingBay_FormCreating"
onformcreated="RadSchedulerReceivingBay_FormCreated"
onappointmentdelete="RadSchedulerReceivingBay_AppointmentDelete"
onclientappointmentmoving="OnClientAppointmentMoving"
onclientappointmentdeleting="ResetTimer"
onclientappointmentediting="ResetTimer"
onclientappointmentinserting="ResetTimer"
onclientappointmentmoveend="ClientAppointmentChangeConfirm" WorkDayEndTime="23:59:00"
CustomAttributeNames="TimeStampString,IsBlocker" EnableCustomAttributeEditing="True"
AdvancedForm-Modal="False" WorkDayStartTime="00:00:00"
onclientappointmentresizeend="ClientAppointmentChangeConfirm"
NumberOfHoveredRows="1"
onappointmentcreated="RadSchedulerReceivingBay_AppointmentCreated"
ondatabound="RadSchedulerReceivingBay_DataBound"
onappointmentcommand="RadSchedulerReceivingBay_AppointmentCommand"
EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true">

<AdvancedForm EnableCustomAttributeEditing="True" />

<ResourceTypes>
<telerik:ResourceType KeyField="ReceivingBayID" Name="Bay" TextField="Name" ForeignKeyField="ReceivingBayID"
DataSourceID="ObjectDataSourceBays" />
</ResourceTypes>

<AdvancedEditTemplate>
<uc2:BookingDetailControl ID="BookingDetailControl" runat="server" Action="edit" />
</AdvancedEditTemplate>

<DayView WorkDayEndTime="18:00:00" />

<AdvancedInsertTemplate>
<uc2:BookingDetailControl ID="BookingDetailControl" runat="server" Action="insert" />
</AdvancedInsertTemplate>

</telerik:RadScheduler>

Grid

answered on 26 Feb 2019

7 answers

333 views

[Help] Problem about pressing tab key, Horizontal scroll of the gridview's header doesn't work

In footer of the gridview, I have some textboxs. When I use horizontal scroll,
then header and footer will move on following this horizontal scroll.
But when I use tab key to move to next textbox (instead of using horizontal scroll) then footer, header and items don't move on following.
Please help me to resolve this problem.
Thank!!!

Grid

answered on 25 Feb 2019

4 answers

307 views

complete step to first step - loop

maybe vessy help radwizard loop problem. please see below vessy

on last step - StepType="Complete" want to have button to start Wizard over client-side only please

this button in Complete step goes back to step 1 - RadWizard.get_wizardSteps().getWizardStep(0).set_active(true);

but step missing progress bar and navigation tools - please help

<h4 style="text-align: right;">Quieres añadir otra?</h4>

<div style="float: right; padding-right: 25px;">

<telerik:RadButton runat="server" Text="Añadir" Font-Size="Large" Width="100px" Height="65px" AutoPostBack="false" CausesValidation="false"

OnClientClicked="RadButtonAdd" />

</div>

Wizard

answered on 22 Feb 2019

1 answer

229 views

Detection if RadTextBox has focus through jQuery

Hi,

could somebody give me an advice, how to manage if I need to know whether some RadTextbox has focus on not. I know, I can do it through onfocus and onblur client side events, but I want it to achieve through jQuery.

For now I found this link:

https://stackoverflow.com/questions/967096/using-jquery-to-test-if-an-input-has-focus

I tried to to use this $(mytelerikradtextbox).is(":focus") to check whether control has focus, but it still returns false even it has focus. Shouldn't I apply it on input child ?

Thanks for the right direction :-)

Vasssek

Input

answered on 22 Feb 2019

2 answers

400 views

RadGrid vertical scrollbar is resetting to top when rows are clicked in Internet Explorer

I have a RadGrid control in my web page(.aspx). It is displaying a list of data. First column of this grid is a link and when link is clicked a scheduler at the last side is updated. When the vertical scrollbar is at the middle or at the end and if a row is clicked the scrollbar is resetting to top, although the particular row is selected and the scheduler is updated as well. This issue is happening only in Internet Explorer. In Google Chrome the scrollbar is working properly. I have set the property SaveScrollPosition to True. Can anyone help me on this.

<telerik:RadGrid ID="RadGridRequests" runat="server"
AutoGenerateColumns="False" GridLines="None"
Height="520px"
onitemdatabound="RadGridRequests_ItemDataBound"
onselectedindexchanged="RadGridRequests_SelectedIndexChanged"
EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true">

<ClientSettings EnablePostBackOnRowClick="True">
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
</Scrolling>
</ClientSettings>

Grid

answered on 22 Feb 2019

4 answers

307 views

RadComboBoc DropDownList (.rcbSlide) covers hover menu

Hello,
I've searched the forums but apparently I have the reverse problem of the majority. I have tried to implement reverse answers but to no avail.
I have a RadComboBox implemented in a user control:

<div class="fiFilterTitleBar">

<asp:Label ID="lblFIFilter" runat="server" CssClass="fiHeading floatLeft" Height="24px" BackColor="#26A9E0">Featured Insights</asp:Label>

<telerik:RadComboBox ID="radComboBoxFIFilter" runat="server" Width="200px" AppendDataBoundItems="false" CssClass="floatRight zIndex5" AutoPostBack="true" ZIndex="5" DropDownCssClass="zIndex5" />

<asp:Label ID="lblFIFilterBy" runat="server" AssociatedControlID="radComboBoxFIFilter" CssClass="fiFilterLabel floatRight">Filter By: </asp:Label>

</div>

This user control is then used in an ASPX page. The page is using a (non-Telerik, Cyrinx) menu system located in a header control which is located in a master page which the ASPX implements.

When the ComboBox DropDownList (.rcbSlide) is opened and then the menu system is activated, the DropDownList, but NOT the input box, stays in front of (covers) the menu system. I can confirm that the menu system has a "z-index: 1000;" set to it. In response (shown above) I tried to force all aspects of the RadComboBox to z-index:5. While I can confirm that the RadComboBox attributes are properly setting these style values (via Firebug) they appear to have no effect on who covers who so I still have this problem.

Can you please recommend other things that I might adjust to get the menu to overlay the ComboBox drop down list when it is open?

Thanks much,

Gregory

ComboBox

answered on 22 Feb 2019