Questions on UI for ASP.NET AJAX Forum

5 answers

277 views

RadGrid client side binding with more than 100 rows

Hi,

Please read my scenario described below.

Scenario: I have a RadGrid with approx. 10 GridTemplateColumns where in 9 template columns consists of RadTextBox and one template column has RadComboBox. The scenario is that this RadGrid is bound by more than 100 rows every time. Currently am using the client side programmatic binding method to bind the RadGrid.

Problem: I have observed that it is taking 2-3 minutes to bind the grid with more than 90 rows.

Can anyone suggest me on how to improve the performance? I want the RadGrid to be loaded in very quick time, say in around 5-10 seconds.
Any help would be greatly appreciated.

Thanks,
Sandeep

Grid

answered on 22 Nov 2013

2 answers

103 views

Manually perform server inserts

My RadScheduler is bound to a LinqDataProvider and automatically inserts, updateds and deleted appointments. Is there a way to perform inserts manually via a server side event? I have a custom field that I would like saved with each appointment which never needs editing. Thanks.

Scheduler

answered on 22 Nov 2013

3 answers

258 views

Radgrid Not Sorting

Hi All,

I have C# code-behind RadGrid that uses SQLDataSource and Databinds in NeedDataSource();

I have set

radGrid.AllowSorting = true;

radGrid.MasterTableView.AllowMultiColumnSorting = true;

radGrid.MasterTableView.AllowNaturalSort = true;

I have also set AllowSorting= true; on the columns themselves, but nothing seems to work. The columns refuse to sort, even though I can see the Arrow Up, Arrow Down and revert to default. Can you please help?

Thanks,
Mark

Grid

answered on 22 Nov 2013

1 answer

179 views

not getting new date entered in raddatepicker dateinput

Hi,
We have a RadDatePicker control. User can enter/edit manually date in the associated date input box. Then on a save button click we need to perform some validation. The problem is when user manually edits the date and presses enter key while still in the date text box, we do not get the selected date from the raddatepicker control. We need this new date value in the validation function. How can we resolve this ?

Calendar

answered on 22 Nov 2013

3 answers

152 views

[Solved] Grid has only MasterTableView and the bound column is binding with list of objects.Need to get the count of items in a bound column.

Hi ,

I need to show the count along with the name of the bound column.The grid has only master table view and the bound column is getting the values of a list.
ex:
Category:Doc1(2)
Catgeory:Doc2(4)
Categroy:Doc3(5).....

I tried with Pre-render event but it is adding the count in the child items only. please help me to get the count of the values of the bound column.
Below

<ad:adGrid ID="grdAttachments" runat="server" Width="100%" AllowPaging="false"

GroupingEnabled="true" ShowGroupPanel="false" MasterTableView-GroupsDefaultExpanded="true" >

<MasterTableView HierarchyLoadMode ="Client" >

<Columns>

<tel:GridBoundColumn UniqueName="Name" DataField="Name" HeaderText="Category" />

<tel:GridHyperLinkColumn UniqueName="Subject" DataTextField="Subject" HeaderText="Subject"

DataNavigateUrlFormatString="ts/disp.aspx?id={0}" DataNavigateUrlFields="ID"

SortExpression="Subject">

<ItemStyle CssClass="gridhyperlink" />

</tel:GridHyperLinkColumn>

<tel:GridHyperLinkColumn UniqueName="FileName" DataTextField="FileName" HeaderText="Attachment"

DataNavigateUrlFormatString="{0}" DataNavigateUrlFields="AttachmentUrl" SortExpression="FileName"

Target="_blank">

<ItemStyle CssClass="gridhyperlink" />

</tel:GridHyperLinkColumn>

<tel:GridDateTimeColumn UniqueName="CreatedDate" DataField="CreatedDate" HeaderText="Date" />

<tel:GridBoundColumn UniqueName="CreatedBy" DataField="CreatedBy" HeaderText="Author" />

</Columns>

<GroupByExpressions>

<tel:GridGroupByExpression>

<SelectFields>

<tel:GridGroupByField FieldName="Name" FieldAlias="Category" />

</SelectFields>

<GroupByFields>

<tel:GridGroupByField FieldName="Name" />

</GroupByFields>

</tel:GridGroupByExpression>

</GroupByExpressions>

</MasterTableView>

<ClientSettings AllowExpandCollapse="true">

</ClientSettings>

</ad:adGrid>

----------------------------------------------------------------

Private Sub grdAttachments_NeedsDataSource(ByVal sender As Object, ByVal e As GridNeedDataSourceEventArgs) Handles grdAttachments.NeedDataSource

Dim types As ADAttachmentTypeList = CMClient.GetAttacntTyps()

Dim attachments = types.Aggregate(

New List(Of Object)(),

Function(acc As List(Of Object), type As ADAttachmentType)

Dim typeAttachments As ADAttachmentList = Document.GetAttachments(type.ID)

typeAttachments.Aggregate(

acc,

Function(acc2 As List(Of Object), attachment As ADAttachment)

Dim extension = attachment.Extension.ToLower()

Dim navigationUrl As String = String.Empty

If CurrentTADClient.CCV Then

navigationUrl = String.Format("ts/view.aspx?id={0}&path={1}&aid={2}", attachment.Document.ID, attachment.FileName, attachment.ID)

ElseIf EnableCommentsWithAttachments Then

navigationUrl = String.Format("reviews/dispyReadOnlyOpt.aspx?id={0}&type=ATTACHMENT&path={1}&aid={2}", attachment.Document.ID, attachment.FileName, attachment.ID)

Else

If (extension = "docx" _

OrElse extension = "doc" _

OrElse extension = "dotx" _

OrElse extension = "dot" _

OrElse extension = "rtf" _

) Then

navigationUrl = String.Format(

"rev/dispyreadonly.aspx?id={0}&type=ATTACHMENT&path={1}",

attachment.Document.ID,

attachment.FileName

)

Else

navigationUrl = attachment.VirtualPath

End If

acc2.Add(New With {

Key .Name = type.Name,

.ID = attachment.ID,

.Subject = attachment.Subject,

.FileName = attachment.FileName,

.CreatedDate = String.Format("{0} {1}", attachment.CreatedDate.ToString(CurrentCulture.DateTimeFormat.ShortDatePattern, CurrentCulture), attachment.CreatedDate.ToString(CurrentCulture.DateTimeFormat.ShortTimePattern, CurrentCulture)),

.CreatedBy = attachment.CreatedBy,

.AttachmentUrl = navigationUrl

})

Return acc2

End Function

)

Return acc

End Function

)

DirectCast(grdAttachments.Columns(1), GridHyperLinkColumn).DataNavigateUrlFormatString = String.Format("{0}hj/ts/displ.aspx?id={1}0{2}", Captions.VirtualRoot, Chr(123), Chr(125))

grdAttachments.DataSource = attachments.ToArray()

End Sub

is the Grid and the Databinding
.Thanks in Advance
Jose

Grid

answered on 22 Nov 2013

1 answer

94 views

selecting radiobutton does a full page submit (instead of ajax)

I have two radio buttons on my aspx page, and when I click one, it does a full page submit. I need to implement Ajax functionality. How can I do that?

On my html page, I have a reference to the AjaxToolkit. Any suggestion?

The html code is:

<asp:Panel ID="pnlSelectAllItemsClearAllItems" Visible="true" runat="server" ScrollBars="None">

<table border="0">

<tr>

<td width="50%" style="height:2%;">

<asp:RadioButtonList ID="rbSelectAllItemsClearAllItems" runat="server" AutoPostBack="true"

RepeatDirection="Horizontal" Enabled="true"

OnSelectedIndexChanged="rbSelectClearAllItems_OnSelectedIndexChanged" >

<asp:ListItem Value="SelectAllItems">Select All Items</asp:ListItem>

<asp:ListItem Value="ClearAll">Clear All</asp:ListItem>

</asp:RadioButtonList>

</td>

<td style="text-align: center; height:2%;" width="50%">

<asp:Button runat="server" Text="Archive Selected Items"

ID="btnArchiveSelected" onclick="btnArchiveSelected_Click" />

</td>

</tr>

</table>

</asp:Panel>

Ajax

answered on 22 Nov 2013

1 answer

60 views

How I can get by client side tha dat cell from a row

Hello friends of telerik. I want to pass tha data cells from a row to textboxs by client-side.
I try to follow this tutorial but I only have the same result with the object undefinided. How i can do this? what is the real name of the column?
Here is my code (Don't worry If you can't understand the name, it's on spanish) and a screen shoot of the table.

<telerik:RadGrid ID="dgv_usuarios" runat="server">

<ClientSettings>

<Selecting AllowRowSelect="true" />

<Animation AllowColumnReorderAnimation="true" />

<ClientEvents OnRowClick="rowUsuario" />

</ClientSettings>

</telerik:RadGrid>

function rowUsuario(sender, eventArgs) {

var grid = sender;

var MasterTable = grid.get_masterTableView(); var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];

var cell = MasterTable.getCellByColumnUniqueName(row, "Nombre");

alert("Su dato es: " + cell.innerHtml);

}

Grid

answered on 22 Nov 2013

0 answers

105 views

zoomable imagemap

Hi, I am trying to implement this demo http://demos.telerik.com/aspnet-ajax/tooltip/examples/usingwithimagemap/defaultcs.aspx but the problem is when I am using an image too big. Is there a way to put the imagemap inside some container and make it zoomable?

Thanks.

ToolTip

asked on 21 Nov 2013

3 answers

196 views

Problem editing the single occurence of a meeting in Recurrence meeting in Radscheduler

Hi,

I am working with creating recurring meetings. I don't have any problem creating recurring meeting and editing the series, but when I want to edit the single occurence of the series i am facing many difficulties. My modified subject won't get updated one in AppoinementUpdate event and my appointment gets deleted on updating. I also donno for some reason after my update event is fired , insert event gets fired and it has the updated subject. Not sure whats going on. I need it asap.
Can anyone please suggest what the issue could be?
Thanks in advance.

Regards,
Rakesh

Scheduler

answered on 21 Nov 2013

2 answers

290 views

Changing border of raddatepicker w/ javascript

Hi!

I am currently using this javascript to alert my user that they didn't fill in a field and to make sure it's filled before clicking the button:

(before you look at this note that I will rewrite the redundancy out of it later, the original script was to check all boxes and if any of them was empty, fire the alert, I just added the color thing)

function RadButton1_MouseOver(sender, args) {

var quotevar = document.getElementById("<%=RadComboBox1.ClientID%>");

var custvar = document.getElementById("<%=rcbCustomer.ClientID%>");

var empvar = document.getElementById("<%=RadComboBox2.ClientID%>");

var delvar = document.getElementById("<%=RadComboBox3.ClientID%>");

var datevar = document.getElementById("<%=RadDatePicker1.ClientID%>");

if (quotevar.value == "" || custvar.value == "" || empvar.value == "" || delvar.value == "" || datevar.value == "") {

if (quotevar.value == null || quotevar.value == "") {

quotevar.style.borderColor = "red";

}

if (custvar.value == null || custvar.value == "") {

custvar.style.borderColor = "red";

}

if (empvar.value == null || empvar.value == "") {

empvar.style.borderColor = "red";

}

if (delvar.value == null || delvar.value == "") {

delvar.style.borderColor = "red";

}

if (datevar.value == null || datevar.value == "") {

datevar.style.borderColor = "green";

}

alert("Please make sure to fill in all fields at the top of the invoice before continuing.");

}

It works great on all my controls that I'm using except for raddatepicker.

I know that the script is correctly checking the control for empty data because the alert still pops up if it is the only control that isn't populated with data.

Is there some sort of alternative style that I should be changing?

I attached a few pictures.
The first one is with no fields filled in and the script generating the style and pop up correctly on all but the datepicker.
The second one shows that with all the other controls filled in, the alert still fires properly but the border color does not change.

What could it be that is limiting this from working?

Calendar

answered on 21 Nov 2013