Protected Sub myGridSoldier_RowDrop(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridDragDropEventArgs) Handles myGridSoldier.RowDrop
If e.DestDataItem.OwnerTableView.ClientID = myGridPositions.MasterTableView.ClientID Then
For i As Integer = 0 To e.DraggedItems.Count - 1
Dim SSN As String = e.DraggedItems(i).GetDataKeyValue("SSN")
Dim PositionId As Integer = e.DestDataItem.GetDataKeyValue("intPositionId")
HFSSN.Value = SSN
HFPosition.Value = PositionId
FillInfo(SSN, PositionId)
pnlSoldierInfo_POP.Show()
Next
End If
End Sub
Goodafternoon,
I’ve got a problem with a AjaxLoadingPanel display on the iPad (latest version -> safari browser)
What happens:
The page is divided in to two Panels:
* oPanelTop (containing information)
* oPanelAll (containing the listview)
A RadListView is being populated from serverside.
A listview item contains 1 image, inputfield, and one button
On the ItemCreated, listviewitem, event I’m linking the button, from listviewitem, with the AjaxLoadingPanel and the oPanelTop.
code: RadAjaxManager2.AjaxSettings.AddAjaxSetting(oLinkButton, oPanelTop, oRadAjaxLoadingPanel);
Client side the oRadAjaxLoadingPanel is defined as follows:
<telerik:RadAjaxLoadingPanel runat="server" ID="oRadAjaxLoadingPanel" Transparency="30" Skin="" MinDisplayTime="2000">
<div style="height: 70px; background-color: #EEEEEE;">
<asp:Label ID="Label1" runat="server" Text="Adding…" />
</div>
</telerik:RadAjaxLoadingPanel>
The page works well, as it supposed to be, on the following browsers:
IE8, IE9, FireFox, Chrome, Safari (desktop)
The page fails on Safari(iPad).
I get the feeling that on the ipad the button action is triggered twice, or something like that, because:
1st time clicked on a button from listview => site response normaly (hiding AjaxLoadingPanel)
2nd time clicked on a button from (random) listviewitem =>
The page shows the transparent box over the oTopPanel (like first time). But then The transparent box darkens (2nd AjaxLoadingPanel? Overlaying the existing visible ajaxloadingpanel) and after 2 seconds it lightens (disposing 1st ajaxloadingpanel?), but then remains visible, making it unable to click the controls underneath it.
I Have already tried the following:
Serverside => create an AjaxSetting object with various options
ClientSite => Create the AjaxSetting separate from existing AjaxSetting (so things won’t mix up)
Non has the result I suspected.
The Problem is : AjaxLoadingPanel stays visible even after Displaytime has elapsed.
(only on iPad Safari)
Hi
I have the following telerik:RadTreeList
<telerik:RadTreeList ID="RadTreeListFacility" runat="server" DataKeyNames="Key" ParentDataKeyNames="SuperiorFacilityID"
AutoGenerateColumns="False" Width="100%" AllowMultiItemEdit="False" Culture="(Default)"
OnNeedDataSource="RadTreeListFacility_NeedDataSource">
<Columns>
<telerik:TreeListSelectColumn UniqueName="SelectColumn" Visible="false" />
<telerik:TreeListBoundColumn DataField="Name" UniqueName="Name" HeaderText="Display Name" />
<telerik:TreeListBoundColumn DataField="Key" UniqueName="Key" HeaderText="Unique ID" />
<telerik:TreeListBoundColumn DataField="FacilityType" UniqueName="FacilityType" HeaderText="Type" />
<telerik:TreeListBoundColumn DataField="SuperiorFacilityID" UniqueName="SuperiorFacilityID"
HeaderText="Parent ID" Visible="false" />
<telerik:TreeListTemplateColumn ItemStyle-Width="100px" HeaderStyle-Width="100px">
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<span onclick="Edit_OnClick({Key:'<%# Eval("Key") %>',Name:'<%# Eval("Name")%>',SID:'<%# Eval("SuperiorFacilityID")%>',Type:'<%# Eval("FacilityType")%>'});">
<img src="../../images/DataEditing/Edit.gif" title="Update Selected Clinic" alt="Update Selected Clinic" />
</span>
<span onclick="AddSubFacility_OnClick({SID:'<%# Eval("Key")%>'});">
<img src="../../images/DataEditing/AddRecord.gif" title="Add Below Selected Clinic"
alt="Add Below Selected Clinic" />
</span>
<span onclick="Delete_OnClick({Key:'<%# Eval("Key") %>',Name:'<%# Eval("Name")%>'});">
<img src="../../images/DataEditing/Delete.gif" title="Delete Selected Clinic" alt="Delete Selected Clinic" />
</span>
</ItemTemplate>
</telerik:TreeListTemplateColumn>
</Columns>
<ClientSettings AllowPostBackOnItemClick="false">
<Selecting AllowItemSelection="true" AllowToggleSelection="true" />
</ClientSettings>
</telerik:RadTreeList>
This tree has only one root node element.
Using Javascript I want to get hold of the Root element.
I have tried
var tree = $find("<%= RadTreeListFacility.ClientID %>");
var node0 = tree.get_nodes().getNode(0);
This dose not work
Also I would like to know how to get values the Key and the Name DataField values of the root node client side. Thanks in advance. Tejas
Dim
insertedItem
As
GridEditFormInsertItem = TryCast(e.Item, GridEditFormInsertItem)
Dim
test
As
Object
= TryCast(insertedItem.FormColumns(0).Controls(0).Controls(1).Controls(0), TextBox)
html, form, body
{
padding
:
0
;
margin
:
0
;
width
:
250px
;
height
:
100%
;
font-size
:
12px
;
font-family
:
"segoe ui"
,
arial
,
sans-serif
;
}
.LabelEnabled
{
color
: Black
!important
;
}
.LabelDisabled
{
color
: Gray
!important
;
}
.riTextBox
{
color
: Black
!important
;
}
.BottomButton
{
margin-left
:
93px
;
}
<%@ Page Language="C#" EnableViewState="False" AutoEventWireup="True" CodeBehind="UploadDashboard.aspx.cs" Inherits="CableSolve.Web.Dashboard.Dialog.Windows.UploadDashboard" %>
<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"../../../Content/Dashboard/UploadDashboard.css"
/>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
Runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadUpload
ID
=
"RadUpload1"
Runat
=
"server"
AllowedFileExtensions
=
".txt,.xml"
Skin
=
"Web20"
MaxFileInputsCount
=
"1"
ControlObjectsVisibility
=
"None"
Height
=
"44px"
Width
=
"238px"
BorderWidth
=
"0px"
>
</
telerik:RadUpload
>
<
div
class
=
"BottomButton"
>
<
telerik:RadButton
ID
=
"RadButton1"
Runat
=
"server"
Skin
=
"Web20"
Text
=
"Upload"
OnClick
=
"RadButton1_Click"
Height
=
"22px"
Width
=
"54px"
/>
</
div
>
</
form
>
</
body
>
</
html
>
<telerik:RadWindowManager ID=
"RadWindowManager1"
Runat=
"Server"
Skin=
"Web20"
Modal=
"True"
KeepInScreenBounds=
"True"
EnableShadow=
"True"
Behaviors=
"Close, Move"
VisibleStatusbar=
"False"
ReloadOnShow=
"True"
ShowContentDuringLoad=
"False"
Behavior=
"Close, Move"
Title=
"Confirm Action"
IconUrl=
"~/Content/Dashboard/Icons/radwindow_confirmdelete.png"
>
<Windows>
<telerik:RadWindow ID=
"UploadDashboardWindow"
Runat=
"Server"
NavigateUrl=
"~/Dashboard/Dialog/Windows/UploadDashboard.aspx"
IconUrl=
"~/Content/Dashboard/Icons/drive-upload.png"
OnClientAutoSizeEnd=
"OnClientAutoSizeEnd"
Title=
"Upload Dashboard"
Height=
"100"
/>
</Windows>
</telerik:RadWindowManager>
// When a dialog window appears on the page, it does not automatically
// keep itself centered. If the user resizes the browser window, the
// dialog window may drop off the screen. This method keeps dialog windows shown.
function
OnClientAutoSizeEnd(dialogWindow) {
dialogWindow.center();
}
<
telerik:radformdecorator
id
=
"FormDecorator1"
runat
=
"server"
DecoratedControls
=
"all"
Skin
=
"Windows7"
ControlsToSkip
=
"Fieldset"
></
telerik:radformdecorator
>
<
telerik:RadAjaxLoadingPanel
runat
=
"server"
ID
=
"LoadingPanel1"
Transparency
=
"25"
BackgroundPosition
=
"Center"
>
<
div
style
=
"vertical-align:middle;text-align:center;width:100%;height:100%;background-color:white;font-weight:bolder;font-size:large"
>
<
img
src
=
"/_layouts/images/IFXForms/loading1.gif"
alt
=
"Loading ..."
/>
</
div
>
</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadAjaxManager
runat
=
"server"
ID
=
"RadAjaxManager1"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadTabStrip1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadTabStrip1"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadMultiPage1"
LoadingPanelID
=
"LoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadMultiPage1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadMultiPage1"
LoadingPanelID
=
"LoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
script
type
=
"text/javascript"
>
function onTabSelecting(sender, args) {
if (args.get_tab().get_pageViewID()) {
args.get_tab().set_postBack(false);
}
}
</
script
>
<
table
>
<
tr
>
<
td
valign
=
"top"
>
<
asp:UpdatePanel
runat
=
"server"
ChildrenAsTriggers
=
"true"
UpdateMode
=
"Conditional"
ID
=
"formUpdatePanel"
>
<
ContentTemplate
>
<
div
style
=
"padding-top: 10px;"
>
<
telerik:RadAjaxPanel
runat
=
"server"
ID
=
"RadAjaxPanel1"
LoadingPanelID
=
"LoadingPanel1"
>
<
div
style
=
"float:left; width:900px"
>
<
telerik:RadTabStrip
ID
=
"RadTabStrip1"
OnClientTabSelecting
=
"onTabSelecting"
SelectedIndex
=
"0"
runat
=
"server"
MultiPageID
=
"RadMultiPage1"
OnTabClick
=
"RadTabStrip1_TabClick"
CssClass
=
"tabStrip"
>
</
telerik:RadTabStrip
>
<
div
style
=
"padding: 10px;border-style:solid;border-width:1px"
>
<
asp:Literal
ID
=
"lMessage"
runat
=
"server"
visible
=
"false"
></
asp:Literal
>
<
telerik:RadMultiPage
ID
=
"RadMultiPage1"
runat
=
"server"
SelectedIndex
=
"0"
OnPageViewCreated
=
"RadMultiPage1_PageViewCreated"
CssClass
=
"multiPage"
>
</
telerik:RadMultiPage
>
</
div
>
</
div
>
<
div
class
=
"previewWrapper"
>
</
div
>
</
telerik:RadAjaxPanel
>
</
div
>
<
br
/>
</
ContentTemplate
>
</
asp:UpdatePanel
>
protectedvoidPage_Load(objectsender, EventArgs e)
{
initTabs();
if
(!Page.IsPostBack)
{
Filename =
this
.Request.QueryString.Get(
"data"
);
itprData = deserializeData();
lPageTitle.Text =
string
.Format(
"Purchase Request {0} ({1})"
, itprData.ID, itprData.ActiveStepID.ToString());
lPageTitleInTitleArea.Text =
string
.Format(
"Purchase Request {0}"
, itprData.ID);
foreach
(KeyValuePair<
string
,
string
> pair intabs)
{
AddTab(pair.Key);
}
AddPageView(RadTabStrip1.FindTabByText(
"Request Info"
));
}
}
privatevoidAddTab(stringtabName)
{
RadTab tab = newRadTab();
tab.Text = tabName;
RadTabStrip1.Tabs.Add(tab);
}
protectedvoidRadMultiPage1_PageViewCreated(objectsender, RadMultiPageEventArgs e)
{
stringuserControlName = e.PageView.ID +
".ascx"
;
Control userControl = Page.LoadControl(
"~/_controltemplates/IFXForms/ITPR/"
+ userControlName);
userControl.ID = e.PageView.ID +
"_userControl"
;
e.PageView.Controls.Add(userControl);
}
privatevoidAddPageView(RadTab tab)
{
RadPageView pageView = newRadPageView();
pageView.ID = tabs[tab.Text];
RadMultiPage1.PageViews.Add(pageView);
pageView.CssClass =
"pageView"
;
tab.PageViewID = pageView.ID;
}
protectedvoidRadTabStrip1_TabClick(objectsender, RadTabStripEventArgs e)
{
AddPageView(e.Tab);
e.Tab.PageView.Selected =
true
;
}
<
telerik:RadScriptBlock
ID
=
"RadScriptBlock12"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
// on upload button click temporarily disables ajax to perform
// upload actions
function conditionalPostback(sender, args) {
if (args.get_eventTarget() == "<%= FileUploadButton.UniqueID %>") {
args.set_enableAjax(false);
}
}
</
script
>
</
telerik:RadScriptBlock
>
<
telerik:RadAjaxPanel
runat
=
"server"
id
=
"RadAjaxPanel12"
ClientEvents-OnRequestStart
=
"conditionalPostback"
>
<
telerik:RadUpload
runat
=
"server"
id
=
"RadUpload1"
EnableFileInputSkinning
=
"false"
/>
<
asp:Button
id
=
"FileUploadButton"
runat
=
"server"
text
=
"Upload"
OnClick
=
"SubmitButton_Click"
/>
</
telerik:RadAjaxPanel
>