Questions on UI for ASP.NET AJAX Forum

3 answers

492 views

I want to find 2 radtextbox in clientside that is inside a radgrid ,and radgrid is inside a radlistview.But all examples on internet are for one root radgrid,so I need an example in which I can find the textboxes on clientside and use them for calculations.If the radtextboxes are in root page,i can use this easily,

function OnClientValueChanged(sender, args) {

var tx_adet = $find("<%= RadTextBoxAdet.ClientID %>");

var tx_birim = $find("<%= RadNumericTextBoxBirimFiyat.ClientID %>");

var labeltoplam = $find("<%= RadNumericTextBoxToplam.ClientID %>");

labeltoplam.set_value(tx_adet.get_value() * tx_birim.get_value());

}

But in my scenario,these textboxes are inside 2 data components,root listview and inside listview a radgrid.

<telerik:RadListView ID="RadListView1" runat="server"

DataSourceID="SqlDataSourceAlimKalemiKategori0"

onitemdatabound="RadListView1_ItemDataBound">

<LayoutTemplate>

<asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>

</LayoutTemplate>

<ItemTemplate>

<asp:HiddenField ID="HiddenFieldid" runat="server" Value='<%# Eval("id") %>'/>

<h2> <%# Eval("ad") %></h2>

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

CellSpacing="0" ShowFooter="true" AllowAutomaticUpdates="false" AllowAutomaticInserts="false"

DataSourceID="SqlDataSourceAlimKalemiGrid" GridLines="None" Culture="tr-TR"

OnItemCommand="RadGrid_alimedetaylar_ItemCommand"

onitemdatabound="RadGrid_alimedetaylar_ItemDataBound">

<MasterTableView DataSourceID="SqlDataSourceAlimKalemiGrid" AutoGenerateColumns="False" DataKeyNames="id" AllowAutomaticUpdates="false" AllowAutomaticInserts="false">

<EditFormSettings EditFormType="Template">

<EditColumn FilterControlAltText="Filter EditCommandColumn column" UniqueName="EditCommandColumn1">

</EditColumn>

<FormTemplate>

<telerik:RadScriptBlock ID="alimekalemirad" runat="server">

<script type="text/javascript">

function OnClientValueChanged(sender, args) {

                 //in here I want to find RadTextBoxAdet and RadNumericTextBoxBirimFiyat

}

</script>

</telerik:RadScriptBlock>

<telerik:RadTextBox ID="RadTextBoxAdet" runat="server" EmptyMessage="Adet"

InputType="Number" LabelCssClass="" LabelWidth="64px" Width="80px">

<ClientEvents OnValueChanged="OnClientValueChanged" />

</telerik:RadTextBox>

</td>

<td>

<telerik:RadNumericTextBox ID="RadNumericTextBoxBirimFiyat" runat="server"

Culture="tr-TR" LabelCssClass="" LabelWidth="40px"

Type="Currency" Width="100px" EmptyMessage="Birim Fiyat">

<NumberFormat ZeroPattern="n TL" />

<ClientEvents OnValueChanged="OnClientValueChanged" />

</telerik:RadNumericTextBox>

</td>

<td>

<telerik:RadNumericTextBox ID="RadNumericTextBoxToplam" runat="server"

Culture="tr-TR" LabelCssClass="" LabelWidth="64px" Type="Currency"

Width="100px" ReadOnly="True" Skin="Windows7">

<NumberFormat ZeroPattern="n TL" />

</telerik:RadNumericTextBox>

</FormTemplate>

</EditFormSettings>

<Columns>

<telerik:GridBoundColumn DataField="toplam_fiyat" DataType="System.Decimal"

FilterControlAltText="Filter toplam_fiyat column" HeaderText="Toplam Fiyat" FooterAggregateFormatString="{0:c}" Aggregate="Sum" FooterText="Total: "

SortExpression="toplam_fiyat" UniqueName="toplam_fiyat">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column"

HeaderText="Projelerini Göster" UniqueName="TemplateColumn">

<ItemTemplate>

<a class="gridinserthref" href="#" onclick="return showradwindow('alim_kalemi_degistir');"

style="color: Red;">Yeni Kayıt Ekle +</a>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

</ItemTemplate>

</telerik:RadListView>

Any help is appreciated,thanks.

Grid

answered on 27 Feb 2018

6 answers

316 views

Make progress bar "clickable"?

Is it possible to make progress bar "clickable" and it would re-direct to another web page?

Thx.

ProgressBar

answered on 27 Feb 2018

2 answers

127 views

Remove column width in javascript

I am working on a project where at times I need to set the column width to a fixed value in javascript, and then I need to remove it, so that it expands 100%. Setting the fixed width is easy using the built in js function...

grid.resizeColumn(cellIndex, width);

After this I also need to be able to remove that width so that the column will expand as needed. Any suggestions on how to accomplish this?

Grid

answered on 27 Feb 2018

3 answers

54 views

telerik scheduler

can we overlap two or more appointments in RadScheduler for show two or more event are on same time,right now RadScheduler shows separtely in the same time slot, if i drag and drop apointment in a perticuler time slot, but i want to overlaap these apointments.
please reply if any one knows......

thanks
regarded as :
Muhammad Ali

Scheduler

answered on 27 Feb 2018

3 answers

87 views

Upgrading Version Creates Bizarre Error

I recently upgraded Ajax UI controls and Reporting to the latest version. Trying to pull up the pages with Telerik controls products an error seemingly unrelated to Telerik - but mismatched versions produced seemingly unrelated errors a few months back on a Telerik upgrade.

I manually went into the web config and changed the version on Reporting - but there is no explicit version for the controls
the only other Telerik dll referenced is the Web ReportViewer - which was not updated, either in development or on the production server
if the problem is a version mismatch how do I find out what it is?

General Discussions

answered on 27 Feb 2018

0 answers

101 views

Dropdown not selecting item when populating with Javascript

Hi,

I have done everything i.e. the client side api in documentation shows, but dropdown list will not show the selected item. The item is selected when drop down list is expanded (i.e. dropped down ). It shows the item as yellow (highlighted). But after list is loaded it does not show the item in text element. This leads to false required field validator alarm in browser. User have to reselect item. I am getting lot of complaints regarding this and I have failed to find a solution. I tried to do force selection by but than required field validator still fails.

Here is the code:

var ddlRef = $find(controlIds.refNumDdlId);

ddlRef.trackChanges();

ddlRef.get_items().clear();

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

var comboItem = new Telerik.Web.UI.DropDownListItem();

comboItem.set_text(data[i]);

comboItem.set_value(data[i]);

if (pceObject.ReferenceNumber && pceObject.ReferenceNumber == data[i]) {

comboItem.select();

scopeData.selectedRefNum = data[i];

}

ddlRef.get_items().add(comboItem);

}

if (scopeData.selectedRefNum) {

var el = ddlRef.get_textElement();

$(el).text(scopeData.selectedRefNum);

}

ddlRef.saveClientState();

ddlRef.commitChanges();

DropDownList

asked on 27 Feb 2018

7 answers

213 views

Display Column Selector Client Side

I'm curious if it's possible to display the column selector menu via Javascript? I'd like to add button that a user can click and select the column's he wants to view, without me having to explain that he shoudl right-click on the header, and select the columns menu.

Is this possible?

Thanks
John

Grid

answered on 26 Feb 2018

1 answer

198 views

Spacing between fieldset items

If you go to the demo at https://demos.telerik.com/aspnet-ajax/listview/examples/overview/defaultcs.aspx and increase the page size to 10, you'll see a bigger gap between the fieldsets on the first row as compared to the rest of the rows. I see the same behaviour in my app. Why is this happening?

ListView

answered on 26 Feb 2018

1 answer

221 views

Unique ID on every row

Hi, we're not using paging on one of our RadGrids and need to reduce the html output as much as possible. We've noticed that the RadGrid puts a unique ID on every row. Is there anyway to turn this off as it creates a lot of extra code over a few thousand rows.

<tr class="rgRow" id="ctl00_ContentPlaceHolder1_rgDocuments_ctl00__0">

Thanks

Daniel

Grid

answered on 26 Feb 2018

4 answers

493 views

Issue with Chrome and a RadAjaxManager

Hi,

I'm experiencing a strange issue with a RadAjaxManager and chrome (IE10 work fine) :
I've defined my RadAjaxManager like this :

<telerik:RadAjaxManager ID="PageRadAjaxManager" runat="server" OnAjaxRequest="PageRadAjaxManager_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="PageRadAjaxManager">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GalopRadGrid"LoadingPanelID="PageRadAjaxLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

And I call a javascript function to refresh my control "GalopRadGrid" :

function DoRefreshGalopGrid() {

var arguments = 'RefreshGalopGrid';

var ajaxManager = $find("<%=PageRadAjaxManager.ClientID%>");

ajaxManager.ajaxRequest(arguments);

}

When calling my function, I get the following error :

Uncaught TypeError: Cannot read property 'caller' of undefined

I use a RadAjaxManager in the same way in other pages and I don't get any problem. Does any one got a idea to solve this trouble ?

Thanks,
Corentin

Ajax

answered on 26 Feb 2018