Questions on UI for ASP.NET AJAX Forum

4 answers

249 views

Hi, I've a grid:

<telerik:RadGrid ID="Grid" runat="server" GridLines="None" AllowPaging="True" CssClass="RadGrid"

AllowSorting="True" AutoGenerateColumns="false" ShowStatusBar="true" AllowFilteringByColumn="true">

<ValidationSettings EnableValidation="true" EnableModelValidation="true" CommandsToValidate="Insert,Edit,Update" />

<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="Id" InsertItemPageIndexAction="ShowItemOnCurrentPage">

And I am using EF as Datasource (with RepositoryPattern).

Furthermore I user Dataannotations - so every Entity has a partial MetadataClass with Annotations like:

[MetadataType(typeof(entityMetadata))]

public partial class entity

{

internal sealed class entityMetadata

{

[Required(ErrorMessage="Id is required")]

public Int32 Id { get; set; }

[Required(ErrorMessage="Name is required")]

[StringLength(400)]

public String Name { get; set; }

[Required(ErrorMessage="Description is required")]

public String Description { get; set; }

}

I thought with "EnableModelValidation" the Grid would automatically validate against this annotations.
But it doesn't.

My UpdateCommand looks like this:

void Grid_UpdateCommand(object sender, GridCommandEventArgs e)

{



      using (IGenericRepository<Lov_KpiType> repositroy = new GenericRepository<Lov_KpiType>())

 		 {

 			 GridEditableItem item = e.Item as GridEditableItem;

 			 int kpiType_Id = Convert.ToInt32(item.GetDataKeyValue("Id").ToString());

 			 Lov_KpiType kpiType = repositroy.FindById(kpiType_Id);



 			 item.UpdateValues(kpiType);

 			 repositroy.SaveChanges();

   }

}

The item is not updated and the Grid changes to TemplateMode again. No errormessage is show at this time..

I thought, as it is in MVC, when Data-Annotations are used - no Postback is done when ClientSideValidation fails.

Furthermore I do not know, how to determine if there is an validation-error in code behind.

Please help :)

Grid

answered on 13 Sep 2012

1 answer

87 views

Simple Way to Add text to popup form?

Hi is there a simple way to add text to a popup form? Using ShowCaptionInEditForm="true" duplicates the text on the title bar which is really odd, not sure who would want to do that.

I don't see a way to get rid of the text in the title bar to avoid duplication. I see you can remove it by hacking the style but that removes the entire bar and not just the text.

Just looking for a simple way to add text to the form.

Thanks

Grid

answered on 13 Sep 2012

3 answers

254 views

validation for Gridnumeric column

I have about 4 columns in RADGRID which I am defining as GRIDNUMERICColumn with following

<telerik:GridNumericColumn DataField="AMT1" UniqueName="AMT1 HeaderText="Amount1"

DataType="System.Int32" DataFormatString="{0:N0}" DecimalDigits="0"

ForceExtractValue="Always" SortExpression="AMT1" AllowFiltering="false" EmptyDataText="0"

Aggregate="Sum" FooterAggregateFormatString="{0:c0}" FooterStyle-HorizontalAlign="Right" >

</telerik:GridNumericColumn>

Also I have to total column next to it as GridCalculatedColumn

AMT1 AMT 2 AMT3 AMT4 TOTAL

I nee to attach a validator ( client and Server ) to validtate that in edit mode the when user enters the amounts , it should give message if the total goes negative .

As of now i am handling programmtically when updating I am reading the values and giving message below the grid that there is error . This may be not a efficinet way and this has lot of limitations when i am multirowedit

Can you pleas tell how to do client side validation and server validitaion ( custome validator)

Thanks for your help

General Discussions

answered on 13 Sep 2012

1 answer

103 views

Add description text to DayView

I would like to know if it is possible to add the description inside an appointment block that is in a DayView State?

When I click on an appointment I see the description in the Advance Edit Form...

Scheduler

answered on 13 Sep 2012

3 answers

90 views

GridEditCommandColumn update on enter

If i have open for editing the first row item - enter works fine (for saving). But any other row instead of saving data, opens for edit the first row item. Any ideas how to fix that?

Grid

answered on 13 Sep 2012

2 answers

68 views

Force When Column Begins in a Multi-Column Menu

Hi there.

I have a RadMenu and am using GroupSettings-RepeatColumns="3".

I want to be able to decide when a RadMenuItem starts the next column. For example, if you go to http://www.dotnetnuke.com/ and hover over "Products" in the main menu you will see the first column is longer than the second column instead of equally distributed. This is what I am trying to achieve.

I want to avoid using templates if possible.

Thanks
Chris

Menu

answered on 12 Sep 2012

3 answers

213 views

Start time in datetimepicker

Hi everybody !

I would like to know how to setup the starttime in a datetimepicker codebehind ?

Thanks in advance.

Steve.

General Discussions

answered on 12 Sep 2012

2 answers

151 views

RADMaskedTextBox cursor at end rather than beginning

When a user first visits our site, we popup a dialog in FancyBox where the user needs to enter their PostalCode to enter the site. We give the zipcode control focus as we popup the dialog. But, for some reason the cursor starts at the end of the mask so the user can't just type. They have to click on the front of the textbox in order to enter their zipcode. Any thoughts on why this is happening? It makes no sense to me. We're using version 2012.2.724.40.

<%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="false" MasterPageFile="~/MainMaster.master" Title="FittleBug Demo"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

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

<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server" ID="Content1">

<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link href="js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

<asp:Literal ID="clientScript" Mode="PassThrough" runat="server" />

Site Content

<div style="display:none">

<div id="HomeStep1" style="color:#3F3C2D; margin:10px 0 15px 0;padding:0 0 0 10px;width:450px;height:250px;">

<div><asp:Literal id="SiteWelcome" runat="server"/></div>

<div style="font-size:16px; padding:10px 0 3px 0;">Please Enter Your Zip Code</div>

<div style="vertical-align:top;height:45px;">

<div id="zipWrapper">

<telerik:RadMaskedTextBox id="txtZipcode" RequireCompleteText="true" PromptChar=" " ResetCaretOnFocus="true" SelectionOnFocus="CaretToBeginning" AutoCompleteType="HomeZipCode" CssClass="required digits zipcode" runat="server" />

</div>

<input type="button" id="btnGo" value="GO > " />

<br style="clear:both;" />

<span id="valZipcode" style="display:none">Please enter a valid zip code</span><span id="unknownZipcode" style="display:none">Sorry, we do not provide services in that zipcode</span>

</div>

<div style="display: none">

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

<asp:ImageButton ImageUrl="~/images/btn-go.png" runat="server" ID="imgbtnGo" OnClick="imgbtnGo_ShowData" />

</div>

<script type="text/javascript">

jQuery(function ($) {

var $hidden = $("#" + aspHiddenId);

var $button = $("#" + aspButtonId);

var $zipcode = $("#<%=txtZipcode.ClientID %>");

var $zipPopup = $("#zipPopup");

var $btnGo = $("#btnGo");

var $valZipcode = $("#valZipcode");

var $unknownZipcode = $("#unknownZipcode");

$('a[href*="youtube.com"]').fancybox({ 'type': 'iframe' });

$zipcode.val($hidden.val());

$zipPopup.fancybox({ modal: true })

if ($zipcode.val() == "")

{

$zipPopup.click();

$zipcode.focus();

}

$zipcode.keypress(function (e) {

if (e.which === 13) {

$btnGo.click();

}

});

$btnGo.click(function () {

var zipcode = $zipcode.val();

if (/^\d{5}$/.test(zipcode)) {

$.ajax({

type: "POST",

url: "services/ajax.svc/IsKnownZipcode",

contentType: "application/json; charset=utf-8",

data: $.toJSON({ "zipcode": zipcode }),

dataType: "json",

success: function (data) {

if (data.d) {

$valZipcode.hide();

$unknownZipcode.hide();

$hidden.val(zipcode);

$.fancybox.close();

$button.click();

}

else {

$valZipcode.hide();

$unknownZipcode.show();

}

},

error: function (msg) {

alert("Error checking zipcode. Please try again.");

}

});

} else {

$valZipcode.show();

$unknownZipcode.hide();

}

return false;

});

</script>

</asp:Content>

Input

answered on 12 Sep 2012

2 answers

184 views

ExportToPdf is not working in Mac Safari Browser

Hi

I have a RadGrid and this RadGrid have exprot button in it. it works fine in windows systems

but when I try to export in Safari on Mac book. it opens the PDF but no record is displayed. Everything is blank.

Note : I also tried to export the PDF with Telerik demo http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/pdfexport/defaultcs.aspx But it also not working. not on Mac book Pro and not on I Pad.

Kindly do the regards on this ASAP.

Thanks
Ajay

Grid