Questions on UI for ASP.NET AJAX Forum

3 answers

555 views

How to get cell values on button click at client side

I have a radgrid on my page and I have placed radbutton on each row of the radgrid at the last column. On button click event, I want to get the first cell value of the respective row. I wanted to do this on using javascript. Is it possible to achieve at client side?

Grid

answered on 20 Feb 2017

0 answers

39 views

Calculate 2 rows given string formula (Grid Batch edit mode)

Hi,

please help.

<telerik:GridBoundColumn DataField="ID" HeaderStyle-Width="80px" HeaderText="ID"
UniqueName="ID">
</telerik:GridBoundColumn>

<telerik:GridNumericColumn DataField="Value" HeaderStyle-Width="80px" HeaderText="Value"
UniqueName="Value">
</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="Formual" HeaderStyle-Width="80px" HeaderText="Formual"
UniqueName="Formual">
</telerik:GridBoundColumn> //formula example 1+2 . 1 and 2 are an ID and those get values from GridNumericColumn and set it to column "Value" where Column formula exist

Many Thanks

Grid

asked on 20 Feb 2017

0 answers

84 views

UI issue of OrgChart - Render Modes Classic in MetroTouch Theme

Please visit this demo URL and set theme to MetroTouch Theme and Render Modes to Classic

http://demos.telerik.com/aspnet-ajax/orgchart/examples/rendermodes/defaultcs.aspx

I guess it is UI issue of OrgChart - Render Modes Classic in MetroTouch Theme (UI for ASP.NET AJAX R1 2017 (version 2017.1.118))

OrgChart

asked on 20 Feb 2017

3 answers

580 views

Group by in RadGrid gives both sum and Count of 0

I am using GroupByField in my GroupHeaderTemplate like this:

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

<MasterTableView DataKeyNames="ID" ShowFooter="True" ClientDataKeyNames="ID" Font-Size="9">

<GroupHeaderTemplate>

<table class="header-template-table" style="display: inline-block">

<tr>

<td>

<b><%#Eval("EventName") %></b>

<%#Eval("ArticleName") %>

(<%#Eval("ID") %> items.)

</td>

<td style="border: none">

<%#Eval("Price") %>

</td>

</tr>

</table>

</GroupHeaderTemplate>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldName="EventName" />

<telerik:GridGroupByField FieldName="ArticleName" />

<telerik:GridGroupByField FieldName="Price" Aggregate="Sum" />

<telerik:GridGroupByField FieldName="ID" Aggregate="Count" />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="ArticleName" />

<telerik:GridGroupByField FieldName="EventName" />

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

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

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

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

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn Visible="True" DataField="ID" UniqueName="colID" HeaderText="ID">

<HeaderStyle Width="0" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="" UniqueName="checkCol" HeaderStyle-Width="50px">

<HeaderTemplate>

<asp:CheckBox ID="chbMasterSelector" runat="server" Checked="True"

AutoPostBack="True" OnCheckedChanged="grdBookingItems_masterCheckChanged"

Text="" CssClass="sb-up-book" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="chbSelectRow" runat="server" Checked="true" AutoPostBack="True"

CssClass="sb-up-book" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Move" UniqueName="colMove">

<ItemTemplate>

<asp:Panel CssClass="popup-bookingcard-move-button" runat="server" ID="MoveButton" />

</ItemTemplate>

<FooterTemplate>

<asp:Panel CssClass="popup-bookingcard-move-button" runat="server" ID="MoveAllButton" ToolTip="Move selected booking"/>

</FooterTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Amount" Aggregate="Sum" FooterAggregateFormatString="{0:g}" FilterControlAltText="Filter column column"

HeaderText="Num" UniqueName="colAmount" ItemStyle-HorizontalAlign="Right" FooterStyle-HorizontalAlign="Right">

<HeaderStyle Width="36px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EventName" FilterControlAltText="Filter column2 column"

HeaderText="Activity" UniqueName="colEventName">

<HeaderStyle Width="150px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="StartTime" DataType="System.DateTime" FilterControlAltText="Filter column3 column"

HeaderText="Start time" UniqueName="colEventDate" HeaderStyle-Width="112px" DataFormatString="{0:d} {0:t}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SectionName"

HeaderText="Resource" UniqueName="colSectionName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ArticleName" FilterControlAltText="Filter column1 column"

HeaderText="Article" UniqueName="colArticleName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Price" FilterControlAltText="Filter column3 column" Aggregate="Sum" FooterAggregateFormatString="{0:g}"

HeaderText="Price" UniqueName="colPrice" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" FooterStyle-HorizontalAlign="Right">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="StatusText" FilterControlAltText="Filter column4 column"

HeaderText="Status" UniqueName="colStatus" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Barcode" FilterControlAltText="Filter column4 column"

HeaderText="Barcode" UniqueName="barCode" HeaderStyle-Width="72px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="NewTime" Visible="False" FilterControlAltText="Filter column4 column"

HeaderText="Ny tid" UniqueName="newTime" HeaderStyle-Width="112px" DataFormatString="{0:d} {0:t}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Seatinformation" FilterControlAltText="Filter column1 column"

HeaderText="Extra info" UniqueName="colSeatinformation">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<BatchEditingSettings EditType="Cell"></BatchEditingSettings>

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowContextMenu="rowContextMenu" OnRowCreated="grdBookingItems_rowCreated" />

</ClientSettings>

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

expecting sum and count to become a summation and a count of the grouped items, but they become 0.

It will look like the attached screenshot.

Maybe this error has been introduced by upgrading the telerik components?

(We are now into version UI for ASP.NET AJAX R3 2016)

Grid

answered on 20 Feb 2017

0 answers

35 views

Telerik Grid - Items Drag-and-drop is working in Chrome browser only when the resolution is 100%

I have implemented grid drag and drop reordering of telerik grid in my application, similar to the demo given in

http://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/rows/drag-and-drop/defaultcs.aspx

This is working fine in chrome when the resolution is 100%. But if the resolution is changed to 90% or 110%, drag and drop is NOT working. There is NO issue in any other browser with any resolution.

The issue even exist in the demo given in the site mentioned above.

Grid

asked on 20 Feb 2017

0 answers

68 views

Dynamic Connection String

I work in an hosted forms auth environment where we are not allowed to store direct connection strings in the .config. As such I can't have the config section/provider information int he config either. I have been working with the scheduler for half day and figured of most of the crashes. I have configured my scheduler work with Webservice based on demo (all demos are strictly hardcoded to look for conn string from config).

Even after based on this article [using resourcepopulationmode in service and authentication], I was unable to get all the values from the forms ticket. I took a different step of implementing custom class with"ISchedulerInfo" with additional data. Even then I was unable to access basic properties I sent to the webserivce. I am trying to avoid binding a sql data source directly to the control.

Once again, the connection string is different based on the user.

Can someone please direct me in the correct direction.

Scheduler

asked on 19 Feb 2017

0 answers

104 views

Not updating child rows on hierarchy grid client side

I am going to do my best to explain my current issue.

I am currently have a hierarchy radgrid in batch edit mode. I am trying to update all child rows based on a value in the parent row. For instance, lest's say my parent row has a column: "Qty". My child row or nested row has two columns: "Percent", "NewQty". When I update my "Qty" it calculates and updates my "NewQty" for each nested/child row. The calculation would simply be "Qty" * "Percent". I currently have this working using the OnBatchEditValueChanged event using the code below:

var row = args.get_row();

var editorValue = args.get_editorValue();

var batchManager = sender.get_batchEditingManager();

var dataItem = $find(row.id);

if (dataItem.get_nestedViews().length > 0) {

var nestedView = dataItem.get_nestedViews()[0];

var nestedDataItems = nestedView.get_dataItems();

for (var i = 0; i < nestedDataItems.length; i++) {

var percent = batchManager.getCellValue(nestedDataItems[i].get_cell("Percent"));

var newQtyId = nestedDataItems[i].get_cell("newQty");

var newQty = editorValue * percent;

batchManager.changeCellValue(newQtyId, newQty);

}

This loops through my nested view and and updates each row and cell with the calculated value. This seems to work great, however if I change my "Qty" value back to it's original value, for instance if it was set to 100 then set to 200 then back to 100, it will only update the first nested/child row but not any row after that. It's like it doesn't allow you to edit those cells when the original value is changed back.

I'm not sure if this is a bug or the way it is supposed to be. Or if I am just doing it the wrong way. Any help on this would be great.

Thanks,

Tony

Grid

asked on 17 Feb 2017

0 answers

127 views

RadGrid rows hidden on modal popup extender

Hi

I have a problem with user control which contains RadGrid. When used on modal popup extender displayed over aspx page, everything works. But, when control containing RadGrid is shown on modal popup which is on top of another modal popup, grid rows are hidden.

Grid i populated with List<>, successfully bound (on button click). Header, footer, page slider, total rows and page number are shown as usual.

After inspection with developer tools, I found out that the rows are there (with TGridItemStyle class), but with inline CSS attribute display set to none. Also, header grid has margin-right set to 17px (I saw that some users had problem with that margin reserved for scroll bar). Changing display attribute to (in example) inline or block shows rows. Also, if I set ItemStyle in markup to some class which defines display as inline !important, rows will be shown. However, cells are not same size in all the rows.

I have tried setting visibility on client side (I have used set_visible(true) on RowCreated and RowDataBound events) and even tried to cancel RowHiding event, but nothing worked. Events are normally fired, properties were set, but the rows still weren't displayed.

And, of course, I have run out of ideas... So, does anyone have some hints, ideas or (ideally) solution to this behavior? Any help or suggestion is appreciated.

Thanks in advance.

Grid

asked on 17 Feb 2017

0 answers

170 views

Use OnNeedDataSource of Radgrid inside UserControl

I have aspx page that use a Radgrid to display list of records,
During Editing command of the record, I am loading dynamically usercontrol "Record_Details.ascx" to display the record details using another Radgrid control "Record_Grid".

For that I am using OnNeedDataSource="RecoredRadGrid_OnNeedDataSource" event handler to load Record_Grid inside the usercontrol by passing the record ID from the RadGrid on the aspx page,

an error message is showing :"The control collection cannot be modified during DataBind, Init, Load, PreRender or Unload phases"

Stack Trace:

[HttpException (0x80004005): The control collection cannot be modified during DataBind, Init, Load, PreRender or Unload phases.] System.Web.UI.ControlCollection.Add(Control child) +11827274 Telerik.Web.UI.RadAjaxControl.CreateUpdatePanel(Control initiator, String eventName, Control updated, UpdatePanelRenderMode panelRenderMode, Unit panelHeight, String panelCssClass) +1935 Telerik.Web.UI.RadAjaxControl.OnPagePreRender(Object sender, EventArgs e) +3883 System.EventHandler.Invoke(Object sender, EventArgs e) +0 System.Web.UI.Control.OnPreRender(EventArgs e) +11897165 System.Web.UI.Control.PreRenderRecursiveInternal() +107 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +7675

I could find solution/workaorund to this issue by removing OnNeedDataSource of "Record_Grid" inside Record_Details.ascx , and load the datasource during ItemDataBound event handler of the Records RadGrid in .aspx page.

My question is why I am not able to use "OnNeedDataSource="RecoredRadGrid_OnNeedDataSource" to load the "Record_Grid" data from inside the Usercontrol, and error thrown each time I used it.

Grid