Questions on UI for ASP.NET AJAX Forum

1 answer

103 views

RadMenu does not work in ios8

RadMenu does not work in ios8.

Menu

answered on 21 Jan 2015

1 answer

188 views

Clicking a link in RadGrid using Javascript

I bind records using RadGrid, and each row it has a link
button. If I click the link, it will open the moalpopup (it is dynamic
one based on some condition). When I close the popup using close button,
it should continue with the link button event.

Code Behind:

protected void grid_ItemDataBound(object sender, GridItemEventArgs e)
{
if (e.Item.ItemType == GridItemType.AlternatingItem || e.Item.ItemType == GridItemType.Item)
{
LinkButton link = ((LinkButton)gridDataItem.FindControl("link"));
ModalPopupExtender popup = (ModalPopupExtender)e.Item.FindControl("popup");
Image imageClose = (Image)e.Item.FindControl("imageClose");
popup.TargetControlID = link.ID;
link.Attributes.Add("onclick", "return false;"); // to avoid postback and stay in page and show popup
imageClose.Attributes.Add("onclick", "proceed('" + link.ClientID + "')");
}
}

Javascript:

function proceed(id)
{
window.document.getElementById(id).removeAttribute("onclick"); // Link button - to remove "onclick" attribute
window.document.getElementById(id).click(); // trigger click event
}

I tried with the above code, the attribute not removed and not continue with link button event.

Grid

answered on 21 Jan 2015

6 answers

126 views

RadCloudUpload does Client Side upload?

RadCloudUpload for Amazon and Azure client side. The Documentation says that ", the selected files are directly transferred to the cloud storage. No files are kept on the hard drive of the server" . Does this means the files will be transferred from the clients PC to the cloud directly? . or does the data needs to be uploaded via server ?.

Upload (Obsolete)

answered on 20 Jan 2015

1 answer

72 views

Telerik Web UI reference

I was trying to use the ColumnCreating event in radgrid, and it appears I cannot reference Telerik.Web. Is that included in the files of "UI for WinForms"?

General Discussions

answered on 20 Jan 2015

2 answers

322 views

Trying to Add Tabs Dynamically

I have been looking at the TabStrip - Add/Remove Tabs demo and trying to modify to work with RadMenu and a Radspliter. I have condensed all the code into 1 single simple file. Any help would be great. When i click the RadMenu to add a new it adds a new tab but the corresponding pageview doesnt display. Then if i click over to the third tab, and back to the second tab, the second tab now shows the contents from the third tab.

Thanks, any advise or help would be great!!

<%@ Page Language="C#" %>

<%@ Import Namespace="System.Data" %>

<%@ Register Src="WebUserControl.ascx" TagPrefix="uc1" TagName="NewMessage" %>

<!DOCTYPE html>

<script runat="server">

protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e) {

DataTable dt = new DataTable();

dt.Columns.Add("EmployeeID");

dt.Columns.Add("LastName");

dt.Columns.Add("FirstName");

dt.Columns.Add("Title");

dt.Columns.Add("ReportsTo");

dt.Rows.Add(new object[] { 1, "Davalio", "Nancy", "Sales Representative", 2 });

dt.Rows.Add(new object[] { 2, "Fuller", "Andrew", "Vice President, Sales", null });

dt.Rows.Add(new object[] { 3, "Leverling", "Janet", "Sales Representative", 2 });

dt.Rows.Add(new object[] { 4, "Peacock", "Margaret", "Sales Representative", 2 });

(sender as RadGrid).DataSource = dt;

}

protected void RadMenu1_ItemClick(object sender, Telerik.Web.UI.RadMenuEventArgs e) {

if (e.Item.Text == "Add Tab")

{

AddPageView(true, ID.ToString());

AddTab("New Message");

}

private void AddTab(string title)

{

RadTab tab = new RadTab() { Text = title };

RadTabStrip1.Tabs.Insert((RadTabStrip1.Tabs.Count - 1), tab);

RadTabStrip1.DataBind();

RadTabStrip1.SelectedIndex = tab.Index;

}

private void AddPageView(bool isNew, string pvId)

{

RadPageView pageView = new RadPageView();

pageView.ID = "NewMessage" + pvId;

RadMultiPage1.PageViews.Add(pageView);

RadMultiPage1.SelectedIndex = pageView.Index;

}

protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e)

{

if (e.PageView.ID.Contains("NewMessage"))

{

RadButton b = new RadButton();

b.Text = "NEW TAB!!";

e.PageView.Controls.Add(b);

}

</script>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style>

html,

body,

form {

height: 100%;

margin: 0px;

padding: 0px;

}

.header {

height: 20px;

background: blue;

color: white;

}

.menu {

height: 40px;

background: black;

color: white;

}

.footer {

height: 20px;

background: blue;

color: white;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableTheming="True">

</telerik:RadScriptManager>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function onClientTabSelecting(sender, args) {

var tab = args.get_tab();

if (tab.get_pageView()) {

tab.set_postBack(false);

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div class="header">Footer</div>

<div class="menu">

<telerik:RadMenu ID="RadMenu1" runat="server" EnableScreenBoundaryDetection="false" ClickToOpen="false"

onitemclick="RadMenu1_ItemClick" EnableOverlay="true" EnableRoundedCorners="true" EnableShadows="true" Flow="Horizontal">

<Items>

<telerik:RadMenuItem runat="server" Text="Menu" GroupSettings-ExpandDirection="Down" OffsetX="5">

<Items>

<telerik:RadMenuItem runat="server" Text="Add Tab"/>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<telerik:RadSplitter runat="server" id="InnerSplitter" Orientation="Vertical" VisibleDuringInit="false" Height="800px" Width="100%" Skin="Vista" >

<telerik:RadPane ID="LeftMenuPane" runat="server" Scrolling="None" Height="100%" Width="27%" ShowContentDuringLoad="false" >

<telerik:RadTabStrip ID="RadTabStrip2" ShowBaseLine="True" runat="server" MultiPageID="RadMultiPage2" Skin="Office2007" SelectedIndex="0" OnClientTabSelecting="onClientTabSelecting">

<Tabs>

<telerik:RadTab runat="server" Text="Tab1" PageViewID="PageView6" Font-Bold="true" >

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage2" runat="server" SelectedIndex="0" Width="100%">

<telerik:RadPageView ID="RadPageView6" runat="server" width="100%" Height="760px" >

<%-- >>RADGRID--%>

<telerik:RadGrid ID="RadGrid1" Height="100%" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource"

AllowSorting="true">

<MasterTableView Width="100%" TableLayout="Fixed" AutoGenerateColumns="false">

<Columns>

<telerik:GridBoundColumn DataField="EmployeeID" HeaderText="EmployeeID"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LastName" HeaderText="LastName"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FirstName" HeaderText="FirstName"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Title" HeaderText="Title"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ReportsTo" HeaderText="ReportsTo"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

</telerik:RadGrid>

<%-- <<RADGRID--%>

</telerik:RadPageView>

</telerik:RadMultiPage>

</telerik:RadPane>

<telerik:RadSplitBar runat="server" id="RadSplitBar4" Height="700px" />

<telerik:RadPane ID="RightMenuPane" runat="server" Scrolling="None" Height="100%" ShowContentDuringLoad="true" >

<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" runat="server" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab runat="server" Text="Root RadTab1" PageViewID="PageView1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Root RadTab3" PageViewID="PageView3">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage id="RadMultiPage1" runat="server" SelectedIndex="0" Width="400">

<telerik:RadPageView id="PageView1" runat="server">

TAB

</telerik:RadPageView>

<telerik:RadPageView id="PageView3" runat="server" ContentUrl="http://www.telerik.com">

</telerik:RadPageView>

</telerik:RadMultiPage>

</telerik:RadPane>

</telerik:RadSplitter>

<div class="menu">Footer</div>

</form>

</body>

</html>

TabStrip

answered on 20 Jan 2015

3 answers

949 views

get value of selected child node in rad treeview

Hi,
i am having treeview, i want to get value of selected child node in rad treeview?
Without using javascript.
Thanks

TreeView

answered on 20 Jan 2015

1 answer

90 views

AutoCompleteBox does not bind ID in EDIT mode

I follow several samples and nothing seems wrong with my code, but I still receiving a NULL value error when I try to insert a value. The product_id parameter is not binded and pass onto the INSERT SQL statement. Here is my code



ASP.NET

<

telerik:RadGrid ID="RadGrid1" runat="server"

AllowAutomaticDeletes="True"

AllowAutomaticInserts="True"

AllowAutomaticUpdates="True"

AllowFilteringByColumn="True"

AllowPaging="True"

AllowSorting="True"

DataSourceID="SqlDataSource1"

OnItemDataBound="RadGrid1_ItemDataBound"

EnableLinqExpressions ="false">

<MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource1" CommandItemDisplay="Top" DataKeyNames="product_name">

<EditFormSettings EditFormType="Template">

<FormTemplate>

<telerik:RadAutoCompleteBox ID="radAutoCompleteBox1" runat="server"

DataSourceID="SqlDataSource6"

DataTextField="product_name"

DataValueField="product_id"

InputType="Text"

Delimiter=" "

SelectionMode="Single"

Width="300"

EmptyMessage="Type product name...">

</telerik:RadAutoCompleteBox>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

VB



Protected

Sub RadGrid1_ItemDataBound(sender As Object, e As GridItemEventArgs)

If e.Item.IsInEditMode Then

Dim item As GridEditableItem = DirectCast(e.Item, GridEditableItem)

If Not (TypeOf e.Item Is IGridInsertItem) Then

Dim radAutoCompleteBox1 As RadAutoCompleteBox = DirectCast(item.FindControl("radAutoCompleteBox1"), RadAutoCompleteBox)

radAutoCompleteBox1.Entries.Add(New AutoCompleteBoxEntry(item("product_name").Text, item("product_name").Text))

End If

End Sub

AutoCompleteBox

answered on 20 Jan 2015

4 answers

117 views

I want to save RadTreeView state in a cookie

I have not been able to get this to work. Mainly, I've read this and tried to emulate it: https://demos.telerik.com/aspnet-ajax/persistence-framework/examples/custom-storage-provider/defaultcs.aspx, but haven't gotten this to work.

The problem I'm having is the "state" the StorageProvider tries to store is this:

"<?xml version="1.0"?>
<ArrayOfRadControlState xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
<RadControlState>
<ControlSettings />
<UniqueId>Telerik.Web.UI_PersistanceManager_CustomSettings</UniqueId>
</RadControlState>
</ArrayOfRadControlState>"

It does not seem to grab the checkbox data at all! How do I tell it to?

Persistence Framework

answered on 20 Jan 2015

1 answer

50 views

RadGrid Ajax Issue inside Radwindow

I placed radgrid inside radwindow in user control page.
The Page will be postback whenever radgrid itemcommand event occurs.

How to avoid postback in radwindow on radgrid command events?

Grid

answered on 20 Jan 2015

1 answer

74 views

limit editable cols

How can I limit the editable cols on a popup or inplace edit?

TreeList

answered on 20 Jan 2015