Questions on UI for ASP.NET AJAX Forum

3 answers

208 views

Issue with nested page layouts with any other ui control

After searching around i didn't see the answer to my problem so i thought id post it here.

I'm working on a Master Page-Content page with nested page layouts. one on the master page, the other on the content page. What is happening is when i go do use the RadNotification or use the invalid setting on a text box. the page updates and all the content expands to the right by about 50% but the notification stays centered in the window.. is this a known issue or am I missing the obvious.

I am using product Version 2014.3.1209.40
Any help or idea with this would be appreciated.

code I am using below.

Master page

<%@ Master Language="VB" CodeFile="MobileRoot.master.vb" Inherits="M_Root" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="rad" %>

<!DOCTYPE html>

<html>

<head runat="server">

<title></title>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no" />

<link href="css/RootMaster.css" rel="Stylesheet" type="text/css" />

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body>

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

<asp:ScriptManager runat="server"></asp:ScriptManager>

<rad:RadPageLayout ID="rplMaster" runat="server">

<Rows>

<rad:LayoutRow>

<Content>

<rad:RadNotification ID="rnNotify" runat="server">

</rad:RadNotification>

</Content>

</rad:LayoutRow>

</Rows>

<%--Row to hold header for site--%>

<Rows>

<rad:LayoutRow ID="lrHeader" runat="server" CssClass="header">

<Columns>

<rad:LayoutColumn HiddenXs="true" Span="4">

</rad:LayoutColumn>

<rad:LayoutColumn SpanXs="12" Span="4">

<center>

<asp:Image ID="imgHeader" runat="server" CssClass="CenterImg" Width="8.5em" Height="3.5em" />

</center>

</rad:LayoutColumn>

<rad:LayoutColumn HiddenXs="true" Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<%--Row to Hold Content--%>

<Rows>

<rad:LayoutRow runat="server" CssClass="contentcontainer">

<Columns>

<rad:LayoutColumn Span="12">

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

<%-- Content page displays here --%>

</asp:ContentPlaceHolder>

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<Rows>

<rad:LayoutRow runat="server" CssClass="footercontainer">

<Columns>

<rad:LayoutColumn Span="4">

</rad:LayoutColumn>

<rad:LayoutColumn Span="4">

</rad:LayoutColumn>

<rad:LayoutColumn Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

</rad:RadPageLayout>

</form>

</body>

</html>

Content page

<%@ Page Title="" Language="VB" MasterPageFile="~/Mobile/MobileRoot.master" AutoEventWireup="false" CodeFile="Login.aspx.vb" Inherits="M_Login" %>

<%@ MasterType VirtualPath="~/Mobile/MobileRoot.master" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="rad" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<rad:RadPageLayout ID="rplDashboard" runat="server">

<Rows>

<rad:LayoutRow runat="server" CssClass="loginsectionheader">

<Columns>

<rad:LayoutColumn SpanXs="2" Span="4">

</rad:LayoutColumn>

<rad:LayoutColumn SpanXs="8" Span="4">

<asp:Image ID="imgLoginHeader" runat="server" CssClass="CenterImg" Width="12.62em" Height="11em" />

</rad:LayoutColumn>

<rad:LayoutColumn SpanXs="2" Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<Rows>

<rad:LayoutRow CssClass="logininput">

<Columns>

<rad:LayoutColumn SpanXs="1" SpanSm="3" Span="4">

</rad:LayoutColumn>

<rad:CompositeLayoutColumn SpanXs="10" SpanSm="6" Span="4">

<Rows>

<rad:LayoutRow>

<Content>

<rad:RadTextBox ID="txtLogin" runat="server"></rad:RadTextBox>

</Content>

</rad:LayoutRow>

<rad:LayoutRow>

<Content>

<rad:RadTextBox ID="txtPass" runat="server" placeholder="Password"></rad:RadTextBox>

</Content>

</rad:LayoutRow>

</Rows>

</rad:CompositeLayoutColumn>

<rad:LayoutColumn SpanXs="1" SpanSm="3" Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<Rows>

<rad:LayoutRow runat="server" CssClass="">

<Columns>

<rad:LayoutColumn SpanXs="3" Span="4">

</rad:LayoutColumn>

<rad:CompositeLayoutColumn ID="clcLogPw" runat="server">

<Rows>

<rad:LayoutRow>

<Content>

<rad:RadButton ID="btnLogin" runat="server"></rad:RadButton>

</Content>

</rad:LayoutRow>

<rad:LayoutRow>

<Content>

<rad:RadButton ID="btnForgotPw" runat="server"></rad:RadButton>

</Content>

</rad:LayoutRow>

</Rows>

</rad:CompositeLayoutColumn>

<rad:LayoutColumn SpanXs="3" Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<Rows>

<rad:LayoutRow runat="server">

<Columns>

<rad:LayoutColumn HiddenXs="true" Span="1">

</rad:LayoutColumn>

<rad:CompositeLayoutColumn ID="lcCreateAcct" runat="server">

<Rows>

<rad:LayoutRow>

<Content>

<asp:Label ID="lblCreateAcctount" runat="server"></asp:Label></Content>

</rad:LayoutRow>

<rad:LayoutRow>

<Content>

<rad:RadButton ID="btnCreateAcct" runat="server"></rad:RadButton>

</Content>

</rad:LayoutRow>

</Rows>

</rad:CompositeLayoutColumn>

<rad:CompositeLayoutColumn ID="lcMakePayemt" runat="server">

<Rows>

<rad:LayoutRow>

<Content>

<asp:Label ID="lblMakePayment" runat="server"></asp:Label></Content>

</rad:LayoutRow>

<rad:LayoutRow>

<Content>

<rad:RadButton ID="btnMakePayment" runat="server"></rad:RadButton>

</Content>

</rad:LayoutRow>

</Rows>

</rad:CompositeLayoutColumn>

<rad:LayoutColumn HiddenXs="true" Span="1">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

</rad:RadPageLayout>

</asp:Content>

CSS

html {

font-size: 100%; /*using ems to set text size not px. this is required. default size is 1em.*/

}

body {

color: #FFFFFF;

background-color: #000000;

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

/*Header Start*/

.header {

background-color: #DDDDDD;

padding-top: 0.3em;

}

.pagetitlecontainer {

background-color: #ae862c;

}

.pagetitle {

font-size: 1.5em;

line-height: 1.5;

font-weight: bold;

}

.centerimg {

margin-left: auto;

margin-right: auto;

}

/*Content Start*/

.sectionheader {

line-height: 2;

}

.loginsectionheader {

margin-bottom: 1.75em;

}

.sectionlbllist {

line-height: 1.5;

}

.logininput {

line-height: 2;

}

.loginbutton {

line-height: 1.5;

}

.compositlayout {

margin-top:.75em;

text-align:center;

position:absolute;

}

.layoutrow {

line-height: 1.5;

}

.methodslist {

line-height: 1.5;

font-size: 1.5em;

background-color: #000000;

color: #FFFFFF;

border-style:hidden !important;

}

.RadListBox_Default .rlbGroup, .RadListBox_Default .rlbTemplateContainer {

border-style: hidden !important;

}

/*Footer Start*/

.footerleft {

}

.footermiddle {

}

.footerright {

}

PageLayout

answered on 11 Feb 2015

1 answer

71 views

VERY SImple Pivot Grid

I have a table with a schema which looks like:

Name

Field1

Field2

Field3

Field4

Field5

which I want to display as

Name Name Name Name

Field1 field1data field1data field1data field1data

Field2 field2data field2data field2data field2data

Field3 field3data field3data field3data field3data

Field4 field4data field4data field4data field4data

Field5 field5data field5data field5data field5data

etc.

I don't want subtotals, totals, aggregates, filtering, sorting - just the data but try as I might I just can't seem to configure a RadPivotGrid control to give me what I want. How would I go about this or is the RadPivotGrid simply the wrong control to use for such a simplistic task?

Many thanks

Jon White

PivotGrid

answered on 11 Feb 2015

2 answers

430 views

Cannot use a leading .. to exit above the top directory

Hello,

we've recently fell into serious trouble regarding RadButton (and maybe some other component).

Few days ago, we updated from 2014.1.403.45 to some more recent version and started to face some exception.

Details from call stack are here:
System.Web.HttpUnhandledException (0x80004005): Exception of type 'System.Web.HttpUnhandledException' was thrown. ---> System.Web.HttpException (0x80004005): Cannot use a leading .. to exit above the top directory. at System.Web.Util.UrlPath.ReduceVirtualPath(String path) at System.Web.Util.UrlPath.Reduce(String path) at System.Web.Util.UrlPath.Combine(String appPath, String basepath, String relative) at System.Web.UI.Control.ResolveClientUrl(String relativeUrl) at Telerik.Web.UI.RadButton.DescribeClientProperties(IScriptDescriptor descriptor)

The page where the problem happens is quite complex so it is quite hard to extract the problem. Shortly, the hierarchy is as following: master page -> page -> ajax panel -> tabstrip -> page view -> button.

As an ajax gets submitted (i.e. ajax panel is sending request), the POST data is very different from previously used version, it may be the source of the problem. I attached the data being sent before an update and after it. Hope that can help you.

We also did some analysis and found following difference. We created custom class inherited from RadButton, overrided affected method DescribeClientProperties, inside put the base method call into try-catch block. In situation when the exception is being raised the NavigateUrl property is different than in previous version as following: previous = ~/TicketMessage/Create/35, current = ../../../TicketMessage/Create/35. When the method DescribeClientProperties gets called with the latter value, an exception is raised.

I also must mention that we incorporate in project Web Forms 4.5.1 with routing enabled - as you can see from sampled url.

Hope that someone can give us some guide. Googling the net did not help us, unfortunately.

Regards.

Button

answered on 11 Feb 2015

12 answers

273 views

AJAX only works once w/ Radcombobox, then freezes box.

I am putting together code to refresh a radcombobox (ddlNWAGroup) w/ ajax after making a selection from a previous radcombobox (ddlGroup). The loading panel displays and the box (ddlNWAGroup) refreshes once, but I am unable to click on the refreshed box. It seems locked or frozen. Is this a known problem or am I missing something?

Here is the ascx code:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ddlGroup">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

Groups:

<telerik:RadComboBox ID="ddlGroup" runat="server" Skin="WebBlue"

BorderStyle="Ridge" BorderWidth="1px" Width="300px"

onselectedindexchanged="ddlGroup_SelectedIndexChanged">

<CollapseAnimation duration="200" type="OutQuint" />

</telerik:RadComboBox>

<br />

NWA Groups:

<telerik:RadComboBox ID="ddlNWAGroup" runat="server" Skin="WebBlue"

BorderStyle="Ridge" BorderWidth="1px" Width="300px">

<CollapseAnimation duration="200" type="OutQuint" />

</telerik:RadComboBox>

</telerik:RadCodeBlock>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"

height="75px" width="75px">

<img alt="progress bar" src="/_layouts/IMAGES/HardwareEngineeringProcess/progressbar.gif"

style="width: 200px; height: 20px" />

</telerik:RadAjaxLoadingPanel>

Ajax

answered on 11 Feb 2015

15 answers

260 views

Converting 'click' tooltip to 'normal' tooltip

Hi,

I'm now showing a tooltip by using a single click on an appointment. (see attachment)
I like to show the tooltip as a 'normal' tooltip, so when mouse is on/over the appointment.

How can I do this on the client side.

I'm now using the following piece of code:

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"

CodeFile="Hours.aspx.cs" Inherits="Hours" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

<script type="text/javascript">

//Shows whether an Appointment is inserted directly, or the

//the Advanced Insert Form is opened when TreeView node is dropped on the Scheduler.

var directlyInsertAppointment = false;

function hideActiveToolTip() {

var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();

if (tooltip) {

tooltip.hide();

}

function ClientAppointmentClick(sender, args) {

var apt = args.get_appointment();

showTooltip(apt);

}

function showTooltip(apt) {

var attributes = apt.get_attributes();

var tooltip = $find('<%=RadToolTip1.ClientID %>');

tooltip.set_targetControl(apt.get_element());

//// $get("startTime").innerHTML = apt.get_start().format("MM/dd/yyyy HH:mm");

$get("startTime").innerHTML = apt.get_start().format("HH:mm ");

$get("duration").innerHTML = attributes.getAttribute("Duration");

$get("endTime").innerHTML = apt.get_end().format(" HH:mm");

$get("appTitle").innerHTML = apt.get_subject();

$get("projectTitle").innerHTML = attributes.getAttribute("ProjectTitle");

$get("taskTitle").innerHTML = attributes.getAttribute("TaskTitle");

var allowEditDelete = attributes.getAttribute("AllowEditDelete");

if (allowEditDelete == "False") {

$get("closedStatus").innerHTML = "Closed";

}

else {

$get("closedStatus").innerHTML = "";

}

tooltip.set_text($get("contentContainer").innerHTML);

setTimeout(function () {

tooltip.show();

}, 20);

}

function hideTooltip() {

setTimeout(function () {

var activeTooltip = Telerik.Web.UI.RadToolTip.getCurrent();

if (activeTooltip)

{ activeTooltip.hide(); }

}, 50);

}

function nodeDropping(sender, eventArgs) {

var htmlElement = eventArgs.get_htmlElement();

var scheduler = $find('<%= RadScheduler1.ClientID %>');

if (isPartOfSchedulerAppointmentArea(htmlElement)) {

//Gets the TimeSlot where an Appointment is dropped.

var timeSlot = scheduler.get_activeModel().getTimeSlotFromDomElement(htmlElement);

var startTime = timeSlot.get_startTime();

var endTime = new Date(startTime);

//Gets all the data needed for the an Appointment, from the TreeView node.

var node = eventArgs.get_sourceNode();

var text = node.get_text();

var taskID = node.get_value();

//var attributes = node.get_attributes();

var duration = 0;

//endTime.setMinutes(endTime.getMinutes() + parseInt(duration));

var speaker = taskID;

//var parentValue = node.get_parent().get_value();

var category = 0;

//New appointment is created. The start/end time, subject and category are set.

var newAppointment = new Telerik.Web.UI.SchedulerAppointment();

newAppointment.set_start(startTime);

newAppointment.set_end(endTime);

newAppointment.set_subject(text);

//Checks for the user's choice of the method for inserting Appointments.

if (directlyInsertAppointment) {

scheduler.insertAppointment(newAppointment);

}

else {

//If Advanced Form is opened, the information from the TreeVew node is stored in a hidden input.

//var appointmentInfo = { subject: text, duration: duration, speaker: speaker, category: category };

//var appointmentInfoSerialized = Sys.Serialization.JavaScriptSerializer.serialize(appointmentInfo);

$get("<%=HiddenInputAppointmentInfo.ClientID%>").value = taskID; // appointmentInfoSerialized;

scheduler.showInsertFormAt(timeSlot);

}

else {

//The node was dropped elsewhere on the document.

eventArgs.set_cancel(true);

}

function isPartOfSchedulerAppointmentArea(htmlElement) {

// Determines if an HTML element is part of the scheduler appointment area.

// This can be either the rsContent or the rsAllDay div (in day and week view).

return $telerik.$(htmlElement).parents().is("div.rsAllDay") ||

$telerik.$(htmlElement).parents().is("div.rsContent")

}

function AppointmentDoubleClick(sender, args) {

var apt = args.get_appointment();

var attributes = apt.get_attributes();

var allowEditDelete = attributes.getAttribute("AllowEditDelete");

if (allowEditDelete == "True") {

window.location.href = "hoursitem.aspx";

}

function appointmentMoving(sender, args) {

// hideTooltip();

}

</script>

<style type="text/css">

.divRadios

{

margin-bottom: 15px;

}

.background

{

background: url("arrows.png") no-repeat scroll 0 0 transparent;

padding: 115px 0 0 0px;

margin-left: 45px;

}

#RadTreeView1

{

margin-bottom: 15px;

}

.divTree

{

float: left;

width: 20%;

}

.schedulerPositioning

{

width: 80%;

float: left;

display: block;

}

.summaryInfo

{

padding: 0;

margin: 0;

width: 99.9%;

float: left;

border: 1px solid black;

background-color: LightGray;

}

.summaryTextBoxColumn

{

width: 50px;

}

input[readonly]

{

background-color: #F0F0F0 !important;

color: #303030 !important;

}

#RadTextBox

{

readonly: true;

}

</style>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<script type="text/javascript">

</script>

<div class="summaryInfo">

<table>

<tr>

<td>

Ma

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbMonday" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Di

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbTuesday" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Wo

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbWednesday" Width="45px" Enabled="false"

DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Do

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbThursday" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Vr

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbFriday" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Za/Zo

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbSatSunday" Width="45px" Enabled="false"

DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Week

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbWeek" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Jaar

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbYear" Width="55px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

</tr>

</table>

</div>

<div class="schedulerPositioning">

<telerik:RadScheduler ID="RadScheduler1" runat="server" OnAppointmentInsert="RadScheduler1_AppointmentInsert"

OnAppointmentUpdate="RadScheduler1_AppointmentUpdate" OnAppointmentDelete="RadScheduler1_AppointmentDelete"

OnFormCreating="RadScheduler1_FormCreating" OnAppointmentCancelingEdit="RadScheduler1_AppointmentCancelingEdit"

RowHeight="17" OnNavigationCommand="RadScheduler1_NavigationCommand" OnNavigationComplete="RadScheduler1_NavigationComplete"

MinutesPerRow="15" DayStartTime="06:30:00" DayEndTime="17:30:00" FirstDayOfWeek="Monday"

OnAppointmentClick="RadScheduler1_AppointmentClick" OnAppointmentCommand="RadScheduler1_AppointmentCommand"

OnClientAppointmentClick="ClientAppointmentClick" LastDayOfWeek="Friday" MultiDayView-NumberOfDays="5"

Height="80%" OnClientAppointmentDoubleClick="AppointmentDoubleClick" SelectedView="WeekView"

CustomAttributeNames="TaskTitle, ProjectTitle, Duration, AllowEditDelete" EnableCustomAttributeEditing="false"

OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" MonthView-MinimumRowHeight="9"

MonthView-VisibleAppointmentsPerDay="6" TimelineView-UserSelectable="False">

</telerik:RadScheduler>

<telerik:RadToolTip ID="RadToolTip1" runat="server" RelativeTo="Element" Position="BottomCenter"

AutoCloseDelay="0" ShowEvent="FromCode" Width="250px">

<div id="contentContainer">

<div class="appointment-tooltip">

<b>Titel:</b> <span id="appTitle"></span>

<p>

<b>Tijd:</b> <span id="startTime"></span>-<span id="endTime"> </span>

<br />

<b>Duur: </b><span id="duration"></span>

</p>

<hr />

<b>Project:</b> <span id="projectTitle"></span>

<br />

<b>Taak:</b> <span id="taskTitle"></span>

<br />

<center>

<b><span id="closedStatus" style="color: #FF0000;"></span></b>

</center>

</div>

</telerik:RadToolTip>

<input id="HiddenInputAppointmentInfo" name="HiddenInputAppointmentInfo" type="hidden"

runat="server" />

</div>

<%-- <div id="yourHiddenPanel" style="visibility: visible; background-color: #00FF00;

height: 30px;">

<asp:Button runat="server" Text="gggggg" />

</div>

--%>

<div class="divTree">

<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="true" EnableDragAndDropBetweenNodes="False"

Skin="Vista" ShowLineImages="true" OnClientNodeDropping="nodeDropping" Visible="true">

</telerik:RadTreeView>

</div>

<telerik:RadWindowManager runat="server" RestrictionZoneID="offsetElement" ID="RadWindowManager1"

EnableShadow="true" ShowOnTopWhenMaximized="false">

<Windows>

<telerik:RadWindow ID="RadWindowWarning" VisibleOnPageLoad="false" Title="Warning"

runat="server" Modal="true" AutoSize="false" Width="400" Height="160" VisibleTitlebar="true"

VisibleStatusbar="False" Behaviors="None">

<ContentTemplate>

<p style="text-align: center;">

<asp:Label runat="server" ID="labelWarning" Text="Warning text!"></asp:Label>

</p>

<p style="padding: 10px; text-align: center;">

<telerik:RadButton ID="ButtonWindowOK" Text="OK" AutoPostBack="true" runat="server"

OnClick="ButtonWindowOK_Click" />

</p>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</asp:Content>

Thanks,
Egbert

Scheduler

answered on 11 Feb 2015

1 answer

83 views

Delete Issue

ASPX Code

<telerik:RadGrid ID="rgReceiptDTL" runat="server"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" AutoGenerateColumns="False"

AllowMultiRowEdit="true" MasterTableView-EditMode="EditForms"

Height="300px" MasterTableView-Dir="<%$ Resources:SystemResource, HTMLDirectionality %>"

Width="98%" GroupPanelPosition="Top" DataSourceID="SDSReceiptDTL">

<MasterTableView CommandItemDisplay="None"

DataKeyNames="IDNo"

GridLines="None" HorizontalAlign="NotSet"

NoMasterRecordsText="<%$ Resources:Grid , NoMasterRecordsText %>" TableLayout="Fixed" Width="100%" DataSourceID="SDSReceiptDTL">

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">

</ExpandCollapseColumn>

<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center" Wrap="True" />

<Columns>

<telerik:GridTemplateColumn EditFormHeaderTextFormat="" DataField="ItemNo" meta:resourcekey="ItemNo"

UniqueName="ItemNo">

<HeaderStyle Width="85" />

<ItemTemplate>

<telerik:RadTextBox SkinID="Medium"

Text='<%#Eval("ItemName")%>'

runat="server" ID="rtbItemName">

</telerik:RadTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn meta:resourcekey="ItemName">

<HeaderStyle Width="130" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn meta:resourcekey="UnitPrice" DataField="UnitPrice">

<HeaderStyle Width="130" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn meta:resourcekey="PurchDate"

DataField="PurchDate">

<HeaderStyle Width="130" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn meta:resourcekey="DepreciateRatio" DataField="DepreciateRatio">

<HeaderStyle Width="130" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn meta:resourcekey="originalFactorNo" DataField="originalFactorNo">

<HeaderStyle Width="130" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Qty" meta:resourcekey="Qty"

UniqueName="Qty">

<HeaderStyle Width="130" />

</telerik:GridTemplateColumn>

<%-- <telerik:GridTemplateColumn DataField="Total" meta:resourcekey="Total"

UniqueName="Total">

</telerik:GridTemplateColumn>--%>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"

ConfirmDialogType="RadWindow"

ConfirmText="<%$ Resources:Grid ,ConfirmDelete %>" ConfirmTitle="<%$ Resources:Grid ,Delete %>" FilterImageUrl="~\Design\TelerikSkins\Grid\Filter.gif" ImageUrl="~\Design\TelerikSkins\Grid\Delete.gif" SortAscImageUrl="~\Design\TelerikSkins\Grid\SortAsc.gif" SortDescImageUrl="~\Design\TelerikSkins\Grid\SortDesc.gif" Text="<%$ Resources:Grid ,Delete %>" UniqueName="column1">

<HeaderStyle Width="50px" />

<ItemStyle Width="50px" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table style="width: 100%;">

<tr>

<td style="width: 85px">

<asp:Label runat="server" ID="lblItemNo" Text='<%#Eval("ItemNo")%>'></asp:Label>

</td>

<td style="width: 130px">

<telerik:RadTextBox SkinID="Medium"

Text='<%#Eval("ItemName")%>' AutoPostBack="true"

OnTextChanged="rtbItemName_TextChanged"

runat="server" ID="rtbItemName">

</telerik:RadTextBox></td>

<td style="width: 130px">

<asp:Label runat="server" ID="lblUnitPrice" Text='<%#Eval("UnitPrice")%>'></asp:Label></td>

<td style="width: 130px">

<telerik:RadDatePicker SkinID="Medium"

DbSelectedDate='<%#Eval("PurchDate")%>'

runat="server" ID="rdpPurchDate">

</telerik:RadDatePicker>

</td>

<td style="width: 130px">

<telerik:RadNumericTextBox runat="server"

DbValue='<%#Eval("DepreciateRatio")%>'

ID="rntbDepreciateRatio"

SkinID="NumberMedium">

</telerik:RadNumericTextBox></td>

<td style="width: 130px">

<telerik:RadTextBox SkinID="Medium" runat="server" ID="rtboriginalFactorNo"></telerik:RadTextBox></td>

<td style="width: 130px">

<telerik:RadNumericTextBox runat="server" ID="rntbQTY" DbValue='<%#Eval("Qty")%>'

MaxValue='<%#Eval("Qty")%>'

SkinID="NumberMedium">

</telerik:RadNumericTextBox>

</td>

<td style="width: 50px;">

<asp:ImageButton runat="server" ID="btnDelete" ToolTip="Delete"

CommandName="Delete"

ImageUrl="~\Design\TelerikSkins\Grid\Delete.gif" />

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="True" SaveScrollPosition="False" ScrollHeight="200px" UseStaticHeaders="True" />

</ClientSettings>

</telerik:RadGrid>

<cc1:SessionDataSource ID="SDSReceiptDTL"

runat="server" ClearSessionOnInitialLoad="True"

ConflictDetection="CompareAllValues"

ConnectionString="<%$ ConnectionStrings:ApplicationServices %>"

SelectCommand="EXEC [Inv_ReceiptDtlSP] 'rtvLPODTL',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,@LPONO,@LPOYear"

UpdateCommand="EXEC [Inv_ReceiptDtlSP] 'Save'"

DeleteCommand="EXEC [Inv_ReceiptDtlSP] 'Delete'"

InsertCommand="EXEC [Inv_ReceiptDtlSP] 'Save'"

PrimaryKeyFields="IDNo"

SessionKey="System.Web.UI.Page_SDSReceiptDTL">

<SelectParameters>

<asp:ControlParameter ControlID="hdnLPONO" Name="LPONO" PropertyName="Value" />

<asp:ControlParameter ControlID="hdnLPOYear" Name="LPOYear" PropertyName="Value" />

</SelectParameters>

</cc1:SessionDataSource>

<asp:HiddenField runat="server" ID="hdnLPONO" />

<asp:HiddenField runat="server" ID="hdnLPOYear" />

VB Code

Private Sub rgReceiptDTL_ItemCommand(sender As Object, e As GridCommandEventArgs) Handles rgReceiptDTL.ItemCommand

If e.CommandName = RadGrid.DeleteCommandName Then

End If

End Sub

Private Sub rgReceiptDTL_ItemDataBound(sender As Object, e As GridItemEventArgs) Handles rgReceiptDTL.ItemDataBound

rgReceiptDTL.EditIndexes.Add(e.Item.ItemIndex)

e.Item.Edit = True

End Sub

Protected Sub rgReceiptDTL_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles rgReceiptDTL.PreRender

If (rgReceiptDTL.EditItems.Count > 0) Then

For Each item As GridDataItem In rgReceiptDTL.MasterTableView.Items

item.Visible = False

Next

End If

End Sub

in this code im working on edited item only the data item always not visible

i face a probem when delete item from Grid every thing user added will be deleted because of rebind

how can i update all items in session data source when delete an item ?

THXX

Grid

answered on 11 Feb 2015

2 answers

125 views

Batch Edit Grid inside FormView

Hi Konstantin,

I mentioned in the other post that I'd have uses for the RadGrid with Batch Editing. Well I'm pushing the bounds as normal and have hit a snag.

I have a formview control and within it a RadGrid. I want to save the content of the RadGrid at the same time that the user saves the data from the FormView.

One way that i can think of doing this is to save the radgrid data and then in the ajax callback call a function that will then save the formview data. An obvious issue here is that the child data is being saved before the parent data. This will need a database work around but is achievable.

Is my solution described there the best or is there some way that I could get the grid data saved from within the formview save events?

Best Regards

Jon

Grid

answered on 11 Feb 2015

3 answers

156 views

Suppress Displayed Text in Textbox on Checkbox Checking

Support,

I have the following RadComboBox defined. It is populated on Page_Load(). Each item in the RadComboBox has a checkbox, because of the CheckBoxes="true" setting.

<telerik:RadComboBox ID="cmboTest" runat="server" AllowCustomText="true" CheckBoxes="true" ShowDropDownOnTextboxClick="false" Skin="Outlook" Width="520" Height="250" MarkFirstMatch="False" NoWrap="true" OffsetX="-2" OffsetY="-2">

</telerik:RadComboBox>

Each time an item is checked, the text displayed in the textbox changes to match the current selection(s). Since I'm allowing custom text, I don't want my custom text wiped out by the checked items. If no custom text has been entered, I'd like to customize the message that gets displayed in the textbox.

Is there a way to accomplish these requirements?

Thanks,
Rob

ComboBox

answered on 11 Feb 2015

1 answer

256 views

Increase Star Size for Star Rating Questions

Hello, we are trying to deploy the 5 star rating question via tablets for onsite surveys. The stars are way too small to use on touch for a diverse population base (old people with fat fingers). Is there an easy way to do this? Has this been developed before? Also, the current image quality of the stars is TERRIBLE, so I'm assuming new stars are required. Thx for the help!!!

Rating

answered on 11 Feb 2015

3 answers

122 views

Grid expad collapse after refresh

I am building a page which contains a Grid. The user can expand and collapse groups as they want. I want to be able to preserve the group states (expanded/collapsed) on the client.

What I tried was to hook up to the 'onRequestStart' event and try to save which groups are expanded and which are collapsed. Then on 'onRequestEnd' I would just go through the list again and expand/collapse groups as needed.

Is there an elegant way to achieve this or do I have to manually crawl through each element and set it's expanded states?

Grid

answered on 11 Feb 2015