Questions on UI for ASP.NET AJAX Forum

19 answers

1.4K+ views

RadGrid-How to keep in edit mode and display error

I have a radgrid using a form template to do my inserts and updates. I was wondering how you would keep the grid in edit or update mode from the onInsertCommand/onUpdateComman event handlers? I have tried using the onItemInserted and onItemUpdated handlers but my code never reaches the event. I would just like to display an error if validation failed. I have attached snippets of my code.

<telerik:radgrid runat="server" id="gridSection" skin="Windows7"

OnNeedDataSource="gridSection_NeedDataSource"

onitemdatabound="gridSection_ItemDataBound"

OnDetailTableDataBind="gridSection_DetailTableDataBind"

onupdatecommand="gridSection_UpdateCommand"

oninsertcommand="gridSection_InsertCommand"

onitemcommand="gridSection_ItemCommand"

onprerender="gridSection_PreRender"

HierarchySettings-CollapseTooltip="Hide child defects."

HierarchySettings-ExpandTooltip="View child defects."

oniteminserted="gridSection_ItemInserted"

onitemupdated="gridSection_ItemUpdated" >

protected void gridSection_UpdateCommand(object sender, GridCommandEventArgs e)

{

try

{

QASectionDTO dto = convertSelectedGridSectionItemToDto(e);

validateSection(dto);

update(dto);

}

catch (Exception ex)

{

//display error and keep in update mode

}

protected void gridSection_InsertCommand(object sender, GridCommandEventArgs e)

{

try

{

QASectionDTO dto = convertSelectedGridSectionItemToDto(e);

validateSection(dto);

insert(dto);

}

catch (Exception ex)

{

//display error and keep in edit mode

}

protected void gridSection_ItemInserted(object sender, GridInsertedEventArgs e)

{

e.KeepInInsertMode = true;

}

protected void gridSection_ItemUpdated(object sender, GridUpdatedEventArgs e)

{

e.KeepInEditMode = true;

}

protected void validateSection(QASectionDTO dto)

{

if (dto.QASectionID == 0) throw new ArgumentException("A Section was not Selected.");

if (dto.QAQuestionID == 0) throw new ArgumentException("A Question was not Selected.");

if (dto.Result == "0") throw new ArgumentException("A Result was not Selected.");

if (dto.QAQuestionID == 0) throw new ArgumentException("A Question was not Selected.");

if (dto.Result.Equals("Pass") && dto.QAQuestionID.Equals("0")) throw new ArgumentException("A Defect Code was not Selected.");

if (dto.HasChild && (dto.ChildDefectIDs.Count == 0)) throw new ArgumentException("At least one Child Defect is required.");

}

Grid

answered on 11 Aug 2016

1 answer

37 views

I/U Not working with some date

I'm having some issues with the datetimecolumn:

I have the same configuration in multiple pages, but in just one the Insert / Update does not work with some dates (eg: Aug 24 does not work, Aug 8 works).

I though there was some problem with the database, but also there the setup is same like the other pages (that accept all the dates).

In addition, I found out that with some other PC the the grid works as expected :-/ those PC use the same language, same region configuration...

I'm confused and I can't figure out why this happen.

Thanks for any comment

Grid

answered on 11 Aug 2016

1 answer

151 views

[Solved] Padding not working

hi

i have this xml code for the panelbar and the padding left seems not working. How should i get it working? Thanks a lot.

<?xml version="1.0" encoding="utf-8" ?>
<PanelBar>

</PanelBar>

PanelBar

answered on 11 Aug 2016

7 answers

293 views

Rebind Only RadGrid in NestedViewTemplate

At this point I have a RadGrid (RadGrid1) which contains a NestedTemplateView. Within this NestedTemplateView I have a RadTabStrip and a RadMultiPage View. On the first page of the RadMultiPage I have a second RadGrid(RadGrid2), which has a button to open a RadWindow. Within this RadWindow the user can select new records(saved to the source db), which I would like to appear in RadGrid2 when the RadWindow is closed. So what I am trying to figure out is how to rebind the "sender" grid (RadGrid2) and not the Parent Grid (RadGrid1). Any suggestions?

Grid

answered on 11 Aug 2016

1 answer

133 views

Menu height and text

Hi

I am using radMenu with the Simple skin seems to be all css and no sprites, so lends itself to modification.

I have successfully changed the height and the text size, but I haven't managed to re-position the text to be centred vertically.

How do I do this?

my css so far is:

.RadMenu_Simple .rmHorizontal .rmRootLink span.rmText
{
height: 30px !important;
font-size:larger;
}

Thanks

Clive

Menu

answered on 11 Aug 2016

1 answer

87 views

Issues caused by updated version

Using an older version of telerik, we have a control formed like so:

[code]
<asp:DropDownList ID="ddlField" Visible="false" runat="server" AutoPostBack="true"
Height="20px" Width="126px" AppendDataBoundItems="True" DataSourceID="FieldLookupDS"
DataTextField="FieldName" DataValueField="FieldPk" CausesValidation="True">
</asp:DropDownList>
<telerik:RadComboBox runat="server" ID="radCbField" DataSourceID="FieldLookupDS"
DataTextField="FieldName" DataValueField="FieldPk" Width="130px" AllowCustomText="true"
Text="Select">
<ItemTemplate>
<asp:CheckBox runat="server" ID="cbField" AutoPostBack="true" Text='<%#Eval("FieldName")%>' />
</ItemTemplate>
</telerik:RadComboBox>
[/code]

Without change, the old version of the telerik controls allow us to select multiple items in a drop down list with checkboxes, while the default option field remains in place. After updating to a newer version of telerik, clicking on the checkboxes themselves maintains he same effect, but clicking on the label makes that label appear in the option field instead of the desired default prompt. This has been verified by simply switching the versions we are using.

Is there any guidance on how to re-implement this functionality in newer versions?

DropDownList

answered on 11 Aug 2016

1 answer

122 views

Incorrect Paging with Filtering

I'm getting very odd paging when I apply filters to certain grids, while others seem to be working correctly with basically the same code. What happens if I have my row result set to 25 and have 2 pages of results then I filter which only returns 5 results, the pager still shows two pages and the count still says page 1 of 2 and rows 1-25 of 26. I've attached some screen shots so you can see exactly what I'm referring to. What's worse is if you click on the pager to go to the next page it's blank and the pager control disappears.

Here's the basic header stuff for the Grid, if you need more let me know:

<telerik:RadGrid ID="rgActionItems"

OnItemCommand="rgActionItems_ItemCommand"

OnItemDataBound="rgActionItems_ItemDataBound"

ClientSettings-ClientEvents-OnGridCreated="radGrid_CreatedMaxHeight"

ClientSettings-Scrolling-AllowScroll="true"

runat="server"

AllowPaging="True"

AllowSorting="True"

AutoGenerateColumns="False"

CellSpacing="0"

ClientSettings-AllowColumnsReorder="false" ClientSettings-Resizing-AllowColumnResize="false" ClientSettings-Scrolling-UseStaticHeaders="true"

EnableLinqExpressions="False"

ExportSettings-ExportOnlyData="true" ExportSettings-IgnorePaging="true" ExportSettings-OpenInNewWindow="true" ExportSettings-HideStructureColumns="true"

GridLines="None"

GroupingSettings-CaseSensitive="false" MasterTableView-AllowMultiColumnSorting="false" MasterTableView-AllowNaturalSort="false" AllowFilteringByColumn="true" MasterTableView-CommandItemDisplay="Top"

MasterTableView-CommandItemSettings-ShowAddNewRecordButton="false"

MasterTableView-CommandItemSettings-ShowRefreshButton="false"

MasterTableView-CommandItemSettings-ShowExportToCsvButton="false"

MasterTableView-CommandItemSettings-ShowExportToExcelButton="true" ExportSettings-Excel-Format="Xlsx"

MasterTableView-CommandItemSettings-ShowExportToPdfButton="true" ExportSettings-Pdf-AllowCopy="true" ExportSettings-Pdf-AllowPrinting="true" ExportSettings-Pdf-AllowModify="true"

MasterTableView-CommandItemSettings-ShowExportToWordButton="true" ExportSettings-Word-Format="Docx"

PageSize="25"

PagerStyle-PageSizes="25,50,100"

PagerStyle-AlwaysVisible="true" PagerStyle-EnableAllOptionInPagerComboBox="true"

MasterTableView-PagerStyle-PagerTextFormat="{4} Page {0} of {1}, rows {2} to {3} of {5}"

MasterTableView-PagerStyle-Position="TopAndBottom"

MasterTableView-PagerStyle-PageButtonCount="10"

MasterTableView-PagerStyle-EnableAllOptionInPagerComboBox="false"

MasterTableView-TableLayout="Fixed"

>

<MasterTableView>

<SortExpressions>

<telerik:GridSortExpression FieldName="" SortOrder="Ascending" />

</SortExpressions>

<NoRecordsTemplate>

<asp:Label ID="Label1" Text="No Records Found" runat="server" />

</NoRecordsTemplate>

<Columns>

Thanks

Rodney

Grid

answered on 11 Aug 2016

3 answers

115 views

RadWindow Client Events not working when Using SignalR

when I m using signalr scripts in my master page all of radwindow in my project stop working fine

when I comment scripts like belowe rad window clients event start working
<link rel="shortcut icon" href="Content/images/favicon.ico" />

<%--<script src="Scripts/jquery-1.6.4.js" type="text/javascript"></script>
<script src="Scripts/json2.js" type="text/javascript"></script>
<script src="Scripts/jquery.signalR-1.0.0-rc2.min.js" type="text/javascript"></script>
<script src="signalr/hubs" type="text/javascript"></script>--%>

<script src="Content/lib/jquery.msgBox.min.js"></script>
<link href="Content/css/msgBoxLight.css" rel="stylesheet" />

Window

answered on 11 Aug 2016

3 answers

358 views

[Solved] radHtmlChart Series Labels extend out of Chart Area

Hi -

I am looking for a way to fix a radHTMLchart where the series labels extend outside of the chart boundary as shown in the attached picture.

My work around is to set the chart.PlotArea.LabelsAppearance.TextStyle.Margin = "-3" so the series label will appear very close to the end of the bar, but I would like to know if there is a better solution.

Thanks,

Cecilia Daniels

Chart (HTML5)

answered on 11 Aug 2016

4 answers

475 views

Cannot get object reference when RadButton is inside the EditTemplate of a ViewForm

Hello,

I am trying to get the reference to a RadButton object (which is used as a check box) which is inside the EditTemplate of a FormView. More specifically, I have the following code:

<telerik:RadFormDecorator id="FormDecorator1" runat="server" DecoratedControls="All" Skin="Metro"></telerik:RadFormDecorator>

<asp:Panel runat="server" ID="Panel1">

<asp:FormView ID="EmployerFormView" DataSourceID="EmployerObjectDataSource" DataKeyNames="id" runat="server" DefaultMode="Edit">

<EditItemTemplate>

<table>

<tr>

<td class="auto-style5">

<telerik:RadButton ID="rdBtnPhysical" runat="server" AutoPostBack="False" GroupName="rdEmplrType"

Text="Individual" ToggleType="Radio" OnClientCheckedChanged="rdBtnPhysical_CheckedChanged"

UseSubmitBehavior="False">

<ToggleStates>

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked" />

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio" />

</ToggleStates>

</telerik:RadButton>

</td>

<td>

<telerik:RadButton ID="rdBtnLegal" runat="server" AutoPostBack="False" GroupName="rdEmplrType" Text="Legal Entity"

ToggleType="Radio" OnClientCheckedChanged="rdBtnLegal_CheckedChanged" UseSubmitBehavior="False">

<ToggleStates>

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked" />

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio" />

</ToggleStates>

</telerik:RadButton>

</td>

</tr>

<tr>

<td class="auto-style5" style="white-space: nowrap">

<label>Employer Registration number:</label>

</td>

<td style="width: 100px">

<telerik:RadTextBox ID="txtAme" runat="server"

EmptyMessage="A.M.E.">

</telerik:RadTextBox>

</td>

</tr

>

			   ...

Then I have the following javascript code:

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

<script type="text/javascript">

$(document).ready(function () {

var firstName = $('input[id$="txtFirstName"]'); //This works fine

firstName = $telerik.toTextBox(firstName);

var fathersName = document.getElementById('<%=EmployerFormView.FindControl("txtFathersName").ClientID%>'); //This also works fine

fathersName = $telerik.toTextBox(fathersName);

var lbl = $get("lblEmplrName");

//The next line returns null reference

var checkbox = document.getElementById('<%=EmployerFormView.FindControl("rdBtnLegal").ClientID%>');

//This comes up with an exception since the object is null

checkBox = $telerik.toButton(checkBox);

if (checkBox.get_checked()) {

However, when I looked into the generated HTML code, I saw that the ClientID for the checkbox was the following:

ctl00_ContentPlaceHolder1_EmployerFormView_rdBtnLegal_input

with the problem being _input since the javascript line is rendered to the following:

var checkbox = document.getElementById('ctl00_ContentPlaceHolder1_EmployerFormView_rdBtnLegal');

As a result checkbox is undefined. Btw, there is also a ctl00_ContentPlaceHolder1_EmployerFormView_rdBtnLegal_ClientState

I do not understand why, and I don't know how to get the reference I want. It works fine with the RadTextBox (i.e. there is no _input appended at the end of the ClientID).

Thanks

Lefteris

Button

answered on 10 Aug 2016