Hi
I have been using the Client Side API and also looking all over the internets for a solution to this problem and have not seen a thing.
I have a RadMenu that is created dynamically server side. This menu can have as many menu items as the user defines. I would like to add a child menu item to a parent menu item via Telerik's Client Side API.
The Add and Insert functions both seem to add the item to the menu as a parent instead of adding the child item inside of the parent menu item. Is there a way I can add the child item to the parent item, so that it displays within the parent items drop down? Ultimately, I would like to create a multilevel drop down.
Here is some test code I have written, to see if this is possible.Thanks!
<script>
function AddMenuItems() {
var menu = $find("<%= testMenu.ClientID %>")
menu.trackChanges();
var parentItem = new Telerik.Web.UI.RadMenuItem();
parentItem.set_text("More...");
menu.get_items().add(parentItem);
var childItem = new Telerik.Web.UI.RadMenuItem();
childItem.set_text("child");
menu.get_items().insert((menu.get_allItems().length), childItem); <== Adds the item after the parent item instead of inside.
menu.commitChanges();
}
</script>
<AxnMenus:AxnMenu ID="testMenu" runat="server" OnClientLoad="AddMenuItems">
<Items>
<AxnMenus:AxnMenuItem Text="item 1" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 2" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 3" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 4" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 5" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 6" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 7" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 8" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 9" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 10" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 11" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 12" runat="server"/>
<AxnMenus:AxnMenuItem Text="item 13" runat="server"/>
</Items>
</AxnMenus:AxnMenu>
</asp:content>
Hello.
I'm currently experiencing issues with the Schedulers PDF-export function. It seems that i can not set the ShowHourColumn to invisible properly, making it render the hour column in the pdf export. I do not wish for it to do this. Also, the export creates some sort of mashed together rows at the top of every page (starting at page 2 and onwards). I'm attaching an image to better show the issues that I'm experiencing.
#1 is the mashed-rows, they contain actual data that needs to be display.
#2 is the hour column, i want to hide it in the export.
Here's the code for exporting it.
rdSchedular.ExportSettings.Pdf.PaperSize = SchedulerPaperSize.A4;
rdSchedular.ExportSettings.Pdf.PaperOrientation = SchedulerPaperOrientation.Portrait;
rdSchedular.ExportSettings.Pdf.PageTopMargin = Unit.Parse(
"20px"
);
rdSchedular.ExportSettings.Pdf.PageBottomMargin = Unit.Parse(
"20px"
);
rdSchedular.ExportSettings.Pdf.PageLeftMargin = Unit.Parse(
"20px"
);
rdSchedular.ExportSettings.Pdf.PageRightMargin = Unit.Parse(
"20px"
);
rdSchedular.ExportSettings.FileName =
"pdfDocument"
rdSchedular.ExportSettings.Pdf.Author =
"me"
rdSchedular.ExportSettings.Pdf.Creator =
"me"
rdSchedular.ExportSettings.Pdf.Title =
"pdfDocument"
rdSchedular.ExportSettings.OpenInNewWindow =
true
;
rdSchedular.ExportSettings.Pdf.StyleSheets =
new
[] { ResolveClientUrl(
"~/Styles/TelSchedular.css"
) };
rdSchedular.ExportSettings.Pdf.AllowPaging =
true
;
rdSchedular.AgendaView.TimeColumnWidth = 1;
BindCalendar();
if
(rdSchedular.SelectedView == SchedulerViewType.AgendaView)
{
var contr = rdSchedular.ShowHoursColumn =
false
;
rdSchedular.RowHeight = 200;
}
rdSchedular.ExportToPdf();
Hi
I'm trying to use jquery to update a RadCombobox and set its selected index by using RadComboboxItem.Select().
The updating works fine, but when I use RadComboboxItem.Select() where RadComboboxItem.get_index()=0, RadCombobox.get_selectedIndex() returns the old index.
If RadCombobox.get_index()>0 it works fine.
function SetSelection(radCombo, selectedValue) {
radCombo.trackChanges();
radCombo.clearSelection();
var item = radCombo.findItemByValue(selectedValue);
if (item != null) {
item.select();
alert("id=" + radCombo.get_id() + " item.index=" + item.get_index());
radCombo.set_text(item.get_text());
radCombo.set_value(item.get_value());
}
radCombo.updateClientState();
radCombo.commitChanges();
alert("id="+radCombo.get_id()+" selectedValue="+selectedValue+" index=" + radCombo.get_selectedIndex());
}
Hi,
I have a AutoCompleteBox on my page and a rad button. when I look up for a value and click the update button, a bunch of grids get populated. Simple.
The issue I have is when I copy paste the a value (instead of typing and looking it up in the drop down) and then click on the update Button, upon postback AutoCompleteBox text is empty and nothing happens. Another scenario is if I look up for an item A and later copy paste item B, upon clicking the button, value in the AutoCompleteBox goes back to the item A. Basically when I paste a value in the box instead of typing and looking it up its failing.
Hope I made sense. Can any one help me with this? Thanks a lot.
Regards,
srms
var imEditor = null;
function GetEditor() {
if (!imEditor)
imEditor = $find("<%=imgEditor.ClientID %>");
return imEditor;
}
function Zoom() {
var $ = $telerik.$;
GetEditor().zoomImage(50);
}
Hi, I'm creating docks dynamically in codebehind (c#) and i'm trying to change colors of each dock.
I am able to change Titlebar's background color but seems like i can't change the forecolor.
I think it's because bootstraps css is overwriting it.
Any idea how i can do this in codebehind?
here is part of the code i have:
dock.TitlebarContainer.BackColor = Color.Black; //works fine
dock.TitlebarContainer.ForeColor = Color.White; //DOES NOT WORK, inspecting the element, i can see that it is actually set but is getting overwritten by bootstrap
dock.ContentContainer.BackColor = Color.Back; //works fine
dock.ContentContainer.ForeColor = Color.White; //works fine
I also tried the following:
dock.TitlebarContainer.Style["color"] = "White !important";
Hi !
I want set a text of a label in the "OnInit" methode of the .cs page. Is it possible ?
...
<
telerik:RadComboBox
runat
=
"server"
ID
=
"RadComboBoxPerimetre"
​...>
<
HeaderTemplate
>
<
table
style
=
"width:100%"
>
<
tr
>
<
td
>
<
asp:Label
runat
=
"server"
ID
=
"​test"
></
asp:Label
>
</
td
>
</
tr
>
</
table
>
</
HeaderTemplate
>​
...
thanks
Scenario:
We want:
var upload1 = $find("<%= RadUpload1.ClientID %>");
var upload2 = $find("<%= RadUpload2.ClientID %>");
Below is my Rad grid which is binding from sever side during Page_Load. But once I clicked the "Edit" command, all rows are seeing as cleared after that post back. My edit command is not inline, but it's showing the results on a separate page section. If I replace this grid with normal asp.net GridView, the rows are retaining for the same operation. This RadGrid is inside a usercontrols(ascx) and this usercontrol is inside a RadAjaxPanel of the container page. It appears like ViewState is not ​retaining for me once using RadGrid. Any suggestions?
<
P
><
telerik:RadGrid
runat
=
"server"
ID
=
"grdItemEnquiry"
Width
=
"95%"
CssClass
=
"gridview1"
ShowFooter
=
"false"
AllowSorting
=
"true"
AllowPaging
=
"true"
PageSize
=
"20"
EnableViewState
=
"true"
Visible
=
"true"
OnItemDeleted
=
"grdItemEnquiry_OnRowDeleting"
OnItemCommand
=
"grdItemEnquiry_RowCommand"
AutoGenerateColumns
=
"false"
ShowHeaderWhenEmpty
=
"true"
RowStyle-CssClass
=
"alterwhite"
OnItemDataBound
=
"grdItemEnquiry_OnRowDataBound"
AlternatingRowStyle-CssClass
=
"altergrey"
HeaderStyle-CssClass
=
"tableHeading br"
OnPageIndexChanged
=
"grdItemEnquiry_PageIndexChanging"
><
BR
>
<
ClientSettingsAllowColumnsReorder
=
"true"
><
BR
>
<
ClientEventsOnCommand
=
"rgPublicationResults_Command"
/><
BR
>
</
ClientSettings
><
BR
>
<
MasterTableView
><
BR
>
<
Columns
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"S.No"
ItemStyle-Width
=
"3%"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblSRNO"
runat
=
"server"
Text='<%#Container.ItemIndex +1
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"SerialNo"
Visible
=
"false"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblSerialNo"
runat
=
"server"
Text='<%#Eval("SerialNo")
%>'></
asp:Label
><
BR
>
<
asp:Label
ID
=
"lblItemID"
runat
=
"server"
Text='<%#Eval("ItemID")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Item Description"
ItemStyle-Width
=
"10%"
ItemStyle-CssClass
=
"breakWord120"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblItemDescr"
runat
=
"server"
Text='<%#Eval("ItemDesc")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Item Code"
ItemStyle-Width
=
"5%"
ItemStyle-CssClass
=
"breakWord120"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblItemCode"
runat
=
"server"
Text='<%#Eval("ItemCode")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Delivery Location"
ItemStyle-Width
=
"7%"
ItemStyle-CssClass
=
"breakWord120"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblDelLoc"
runat
=
"server"
Text='<%#Eval("DelLoc")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Major Category"
ItemStyle-Width
=
"5%"
ItemStyle-Wrap
=
"true"
ItemStyle-CssClass
=
"DisplayNone"
HeaderStyle-CssClass
=
"DisplayNone"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:DropDownList
runat
=
"server"
ID
=
"ddlcategory"
Width
=
"70px"
BackColor
=
"Cornsilk"
AutoPostBack
=
"true"
OnSelectedIndexChanged
=
"ddlcategory_SelectedIndexChanged"
/><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Minor Category"
ItemStyle-Width
=
"5%"
ItemStyle-Wrap
=
"true"
ItemStyle-CssClass
=
"DisplayNone"
HeaderStyle-CssClass
=
"DisplayNone"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:DropDownList
runat
=
"server"
ID
=
"ddlsubcategory"
Width
=
"70px"
BackColor
=
"Cornsilk"
OnSelectedIndexChanged
=
"ddlsubcategory_SelectedIndexChanged"
AutoPostBack
=
"true"
/><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"UOM"
ItemStyle-Width
=
"4%"
ItemStyle-Wrap
=
"true"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblUOM"
runat
=
"server"
Text='<%#Eval("UOM")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Need By Date"
ItemStyle-Width
=
"5%"
ItemStyle-Wrap
=
"true"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblNeedDate"
runat
=
"server"
Text='<%#Eval("NeedDate")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Quantity/Duration"
ItemStyle-Width
=
"3%"
ItemStyle-Wrap
=
"true"
ItemStyle-HorizontalAlign
=
"Center"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblQuantity"
runat
=
"server"
Text='<%#Eval("Quantity_Duration")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
<
FooterTemplate
><
BR
>
<
asp:Label
ID
=
"lblGTotal"
runat
=
"server"
Style
=
"font-weight: bold"
Text="Grand
Total
:"></
asp:Label
><
BR
>
</
FooterTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Unit Price"
ItemStyle-Width
=
"3%"
ItemStyle-HorizontalAlign
=
"Right"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblprice"
runat
=
"server"
Text='<%# String.Format("{0} {1}",
Eval("Currency"), Eval("UnitPrice", "{0:0.000}"))
%>'></
asp:Label
><
BR
>
<
asp:HiddenField
ID
=
"hdnUnitPrice"
runat
=
"server"
Value='<%#Eval("UnitPrice") %>'
/><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Taxes"
ItemStyle-Width
=
"3%"
ItemStyle-HorizontalAlign
=
"Right"
Visible
=
"false"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblTaxes"
runat
=
"server"
></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Conversion Rate"
ItemStyle-Width
=
"3%"
ItemStyle-HorizontalAlign
=
"Center"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblConvRate"
runat
=
"server"
></
asp:Label
><
BR
>
<
asp:Label
ID
=
"lbCurrencyValue"
Style
=
"display: none"
runat
=
"server"
Text='<%#Eval("Currency")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Total Price(QAR)"
ItemStyle-Width
=
"3%"
ItemStyle-Wrap
=
"true"
ItemStyle-HorizontalAlign
=
"Right"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblTotalPrice"
Style
=
"text-align: right; width: 70px"
runat
=
"server"
ReadOnly
=
"true"
Text='<%#Eval("TotalPrice", "{0:#,#.000}")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
<
FooterTemplate
><
BR
>
<
telerik:RadNumericTextBox
ID
=
"lblTotal"
Style
=
"text-align: right"
runat
=
"server"
CssClass
=
"textEntry"
ReadOnly
=
"true"
MaxLength
=
"10"
><
BR
>
<
NumberFormatDecimalDigits
=
"3"
/><
BR
>
</
telerik:RadNumericTextBox
><
BR
>
</
FooterTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"File Name"
ItemStyle-Width
=
"7%"
ItemStyle-Wrap
=
"true"
ItemStyle-CssClass
=
"breakWord120"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:LinkButton
ID
=
"btnlineattach"
OnClientClick
=
"setFileDownLoadToken();"
runat
=
"server"
ToolTip="View
File"
CommandName
=
"ViewAttach"
OnClick
=
"btnviewattach_Click"
Text='<%#Eval("DocTitle") %>' Style="color: #630040 !important;"
Font-Underline="true" ForeColor="Blue"
CommandArgument='<%#Eval("DocumentFilePath")%>'><
BR
>
<
asp:Label
runat
=
"server"
ID
=
"lblattachpath"
Text='<%#Eval("DocTitle")
%>'></
asp:Label
><
BR
>
</
asp:LinkButton
><
BR
>
</
ItemTemplate
><
BR
>
<
ItemStyleWidth
=
"10%"
/><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridBoundColumn
DataField
=
"VirtualPath"
Visible
=
"false"
HeaderText
=
"Description"
/><
BR
>
<
telerik:GridBoundColumn
DataField
=
"Type"
Visible
=
"false"
HeaderText
=
"Action"
/><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Is Urgent Requisition"
ItemStyle-Width
=
"8%"
ItemStyle-Wrap
=
"true"
ItemStyle-HorizontalAlign
=
"Center"
Visible
=
"false"
ItemStyle-CssClass
=
"hiddencol"
HeaderStyle-CssClass
=
"hiddencol"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblIsReqUrgent"
runat
=
"server"
Text='<%#Eval("IsReqUrgent")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Future Requirement"
ItemStyle-Width
=
"8%"
ItemStyle-Wrap
=
"true"
ItemStyle-HorizontalAlign
=
"Center"
Visible
=
"true"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:Label
ID
=
"lblFutureRequirement"
runat
=
"server"
Text='<%#Eval("FutureRequirement")
%>'></
asp:Label
><
BR
>
</
ItemTemplate
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnItemStyle-Width
=
"3%"
HeaderText
=
"Edit"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:ImageButton
ID
=
"btnedit"
runat
=
"server"
ImageUrl
=
"~/Images/edit1.png"
ToolTip
=
"Edit"
CommandName
=
"Edit"
CommandArgument='<%#Eval("SerialNo")
%>'
TabIndex="19"/><
BR
>
</
ItemTemplate
><
BR
>
<
ItemStyleWidth
=
"3%"
HorizontalAlign
=
"Center"
></
ItemStyle
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
<
telerik:GridTemplateColumnHeaderText
=
"Delete"
ItemStyle-Width
=
"5%"
><
BR
>
<
ItemTemplate
><
BR
>
<
asp:ImageButton
ID
=
"btnDelete"
runat
=
"server"
ImageUrl
=
"~/Images/delete.png"
ToolTip
=
"Delete"
CommandName
=
"Delete"
CommandArgument='<%#Eval("ItemID")
%>' OnClientClick="return confirm('Do you really want to delete?');"
/><
BR
>
</
ItemTemplate
><
BR
>
<
ItemStyleHorizontalAlign
=
"Center"
Width
=
"5%"
></
ItemStyle
><
BR
>
</
telerik:GridTemplateColumn
><
BR
>
</
Columns
><
BR
>
</
MasterTableView
><
BR
>
</
telerik:RadGrid
></
P
>
<
telerik:RadGrid
ID
=
"MasterRadGrid"
runat
=
"server"
>
<
MasterTableView
CommandItemDisplay
=
"Bottom"
>
<
NestedViewTemplate
>
<
telerik:RadPanelBar
ID
=
"RadPanelBar1"
runat
=
"server"
>
<
Items
>
<
telerik:RadPanelItem
runat
=
"server"
Owner
=
"RadPanelBar1"
Text
=
"Child Table 1"
>
<
ContentTemplate
>
<
telerik:RadGrid
ID
=
"ChildRadGrid1"
runat
=
"server"
>
<
MasterTableView
runat
=
"Server"
CommandItemDisplay
=
"Bottom"
>
<
Columns
>
<
telerik:GridTemplateColumn
HeaderText
=
"Column"
UniqueName
=
"Column"
>
<
EditItemTemplate
>
<
telerik:RadPanelBar
ID
=
"RpbColumn"
runat
=
"server"
>
<
Items
>
<
telerik:RadPanelItem
runat
=
"server"
Owner
=
"RpbColumn"
>
<!-- Assorted controls. This RadPanelItem won't expand here, unless in MasterRadGrid -->
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelBar
>
</
EditItemTemplate
>
</
telerik:GridTemplateColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
</
ContentTemplate
>
</
telerik:RadPanelItem
>
<
telerik:RadPanelItem
runat
=
"server"
Owner
=
"RadPanelBar1"
Text
=
"Child Table 2"
>
<!--- Another RadGrid -->
</
telerik:RadPanelItem
>
<
telerik:RadPanelItem
runat
=
"server"
Owner
=
"RadPanelBar1"
Text
=
"Child Table 3"
>
<!--- Another RadGrid -->
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelBar
>
</
NestedViewTemplate
>
</
MasterTableView
>
</
telerik:RadGrid
>