Questions on UI for ASP.NET AJAX Forum

2 answers

144 views

Hide/Show Columns using external control

Hi,

I have a dynamically created grid, it has column groups and in each group is lets say column A, B, C, D

These columns have different dates to make up their unique name.

so we could have 201601-A, 201601-B, 201601-C, 201601-D 201602-A, 201602-B, 201602-C, 201602-D

This causes issues when trying to use the context menu to hide show columns as it displays each unique column, the user would like to hide/show all "A"'s or "B"'s etc..

I would like to give them a check box outside the grid and allow them to select what columns types (A or B or C or D) to hide show.

Is this possible?

Thanks for your help

Grid

answered on 20 Oct 2016

3 answers

116 views

OnActiveStepChanged messing my navigatin bar

Hi, I've implemented the radWizard.

When I add "OnActiveStepChanged="RadWizardEntreprise_ActiveStepChanged", backend code will be called for every step changed. However, doing this will mess my navigation bar. All stepe become grayed out except step 1.

Hete is my code front end :

<telerik:RadWizard RenderMode="Auto" ID="RadWizardEntreprise" CssClass="RadWizardEntreprise" runat="server" OnClientLoad="OnClientLoad" OnClientButtonClicking="OnClientButtonClicking" OnActiveStepChanged="RadWizardEntreprise_ActiveStepChanged">
<WizardSteps>
<telerik:RadWizardStep ID="EtapeContractantInfoBase" runat="server" Title="Vos Informations Personnelles" CausesValidation="true" ValidationGroup="InfosBase">
<uc1:CtlContractantInfosBase runat="server" ID="CtlContractantInfosBase" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeContractantAdresse" runat="server" Title="Votre Adresse" CausesValidation="true" ValidationGroup="InfosContractantAdresse">
<uc1:CtlContractantAdresse runat="server" ID="CtlContractantAdresse" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeContractantContact" runat="server" Title="Contact" CausesValidation="true" ValidationGroup="InfosContractantContact">
<uc1:CtlContractantContact runat="server" ID="CtlContractantContact" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeEntrepriseInfoBase" runat="server" Title="L'Entreprise" ValidationGroup="EntrpriseInformationsBase">
<uc1:CtlEntrepriseInformationsBase runat="server" ID="CtlEntrepriseInformationsBase" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeEntrepriseCouverture" runat="server" Title="Couverture" ValidationGroup="EntrepriseCouverture">
<uc1:CtlEntrepriseCouverture runat="server" ID="CtlEntrepriseCouverture"/>
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="EtapeAbonnement" runat="server" Title="Abonnement" ValidationGroup="Abonnement">
<uc1:CtlAbonnements runat="server" ID="CtlAbonnements" />
<uc1:CtlNotes runat="server" ID="CtlAbonnements1" />
</telerik:RadWizardStep>
</WizardSteps>
</telerik:RadWizard>

and my backend code that does nothing for now :

protected void RadWizardEntreprise_ActiveStepChanged(object sender, EventArgs e)
{
int activeStepIndex = (sender as RadWizard).ActiveStep.Index;
}

So question is why my progress bar become grayed out when I add the server side binding.

Thank you!

Wizard

answered on 20 Oct 2016

5 answers

700 views

SelectedIndexChanged doesn't fire for items with the same name

Hello!

I'm having an issue with the RadComboBox control. I have noticed that when there are 2 items that have the same name, let's call them "Combo1", the event SelectedIndexChanged doesn't fire if the user is selecting the second "Combo1" while the current selection is the first "Combo1", or viceversa.

Here's a sample with which I've reproduced the issue:

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html>

using System;
using System.Web.UI;

namespace WebApplication2
{
    public partial class WebForm1 : Page
    {
        protected void ComboBox1_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)
        {
        }
    }
}

Am I doing something wrong or is this a bug? Is there a workaround that I could use in order to get it to work properly?

Best Regards,

Andrei

ComboBox

answered on 20 Oct 2016

1 answer

190 views

Conditional DetailTemplateItemDataCell visibility

Hi,

I am using the DetailTemplateItemDataCell to put detailed information in per grid item.

However it is not used in all cases. When we want just the row itself I would like to be able to hide the detail template item but have not found this trivial.

I have tried .visible = false which doesn't render the detail cell but the row is still rendered and takes up the same amount of space.

I have also tried using DetailTemplateItemDataCell.parent.visible but this doesn't work either as it doesn't map to the row element.

Using css to set display none doesn't help either.

I am thinking that I am going to have to write some jquery to select the detail item data cells that I want to hide (based upon their content) then hide their parents. I was however hoping that there was an easier way to set this on the server side.

Any suggestions?

Thanks,
Matt

Grid

answered on 20 Oct 2016

1 answer

90 views

System.IO.FileNotFound radasyncupload

I use radasyncupload to upload several files.When I select multiple files, files can be saved to the raduploadtemp files.When I click the submit button.All temporary files are disappeared.I use 2015.3.930.40 version。So please tell me what's wrong with it？Thank you

AsyncUpload

answered on 20 Oct 2016

1 answer

186 views

RadDiagram Tooltip

Hello.

Reading the documentation, it looks like there is no way to have a Tooltip added to Diagram Shapes.
I don't see either a shape server-side click event so I could add a tooltip manually.

Can you confirm that?
Thank you.

Diagram

answered on 19 Oct 2016

1 answer

100 views

How to remove RadTabStrip's tab image from javascript

Hello Telerik support

I have ImageUrl="../Images/loadingArrow.gif" set to RadTab in a RadTabstrip. After page load, ajax asynchronous request is executed and once it is successful, I want to remove the Image from the Tab.

<telerik:RadTab Text="Tab2" Value="Tab2" runat="server" PostBack="true" PageViewID="rpvTab2" CssClass="tab" SelectedCssClass="tabSelected" ImageUrl="Images/loadingArrow.gif"/>

I used following code in javascript which did a trick, but after the postback the original image is displayed on the Tab.

var listChildNodes = tab.get_element().getElementsByClassName("rtsIn")["0"].childNodes;
tab.get_element().getElementsByClassName("rtsIn")["0"].removeChild(listChildNodes[0]);

Can you please suggest a way to remove the Image from the Tab and also it should not be visible after postback.

Thanks.

Manisha

TabStrip

answered on 19 Oct 2016

1 answer

67 views

HTML not in Content

I am trying to save the html created in the Editor control, however when I use Editor.Content I am getting just the text with none of the HTML tags. When I switch the view on the editor on my ASP.net page it shows the HTML tags for the fonts and colors etc. It seems like I am missing something but can't find it. Let me know.

Editor

answered on 19 Oct 2016

1 answer

144 views

Open multiple rad windows on grid row selection

I have a requirement where

1. user clicks on radgrid row and a new rad window opens

2. if the user minimizes that window (not close) and selects another row in the radgrid, another new window opens

3 i only need minimize, maximize, and close buttons in the title bar.

I have looked into the following demo: http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=window

I would like to have it working like shown in the demo, instead i would open individual windows for each rad grid selection.

Also, how would i add all the <div><table></div> contents in the rad window dynamically?

Thanks

Window

answered on 19 Oct 2016

1 answer

670 views

Bind Web API Json to Radgrid in client side

Hi Everyone,

I am new to Telerik world and I am very much impressed with telerik controls. My requirement is to bind web API json data to radgrid in client side(wanted to implement paging and sorting also in client side).And also when I click on my first column link button, popup window should show the selected row data
Below is my code.

Somehow data is binding to radgrid, but when I click on next page in paging nothing is showing(radgrid not displaying). And I am stuck in pass the selected row data to popup(rad window)

Please help me on this.
================================
jsonRadgridBind.aspx
================================
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="jsonRadgridBind.aspx.vb" Inherits="defaultvb.jsonRadgridBind" %>
<!DOCTYPE html>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="//code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<telerik:RadCodeBlock ID="AnnualProcessAdmin_RadCodeBlock" runat="server">
<style type="text/css">
.rgRow, .rgAltRow {
height: 40px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {

jQuery.support.cors = true;
$.ajax({
type: 'GET',
contentType: 'application/json; charset=utf-8',
dataType: 'JSON',
url: 'http://localhost:5000/api/spaclasslegend',
success: function (result) {

GridData = result;
if (GridData.length > 0) {

var tableView = $find("<%=ClassGrid.ClientID %>").get_masterTableView();
tableView.set_dataSource(GridData);
tableView.dataBind();
}
},
error: function () {
alert('Error on binding the data');
}
});
});
</script>
</telerik:RadCodeBlock>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<div class="demo-container no-bg">
<div id="grid">

<telerik:RadAjaxPanel ID="ClassSearchRadAjaxPanel" runat="server">
<telerik:RadWindowManager ID="ClassDetailRadWindowManager" runat="server" SkinID="radWindowManager"></telerik:RadWindowManager>
<telerik:RadWindow ID="ClassDetailModal" SkinID="radWindowModal" runat="server" Width="990" Height="700" />

<telerik:RadGrid ID="ClassGrid" runat="server" SkinID="basicRadGrid"
EnableLinqExpressions="false" ShowFooter="false" PageSize="3" AllowPaging="true" PagerStyle-AlwaysVisible="true"
AllowFilteringByColumn="true" FilterItemStyle-HorizontalAlign="Left"
Visible="true">
<ClientSettings EnablePostBackOnRowClick="true">
<ClientEvents OnCommand="function(){}" />
<Scrolling FrozenColumnsCount="0" />
</ClientSettings>
<FilterMenu />
<MasterTableView
ClientDataKeyNames="atrSpaCityDistrictId,CityDistrict,legend,classCode,isActive" DataKeyNames="atrSpaCityDistrictId,CityDistrict,legend,classCode,isActive">
<CommandItemSettings ShowAddNewRecordButton="false" ShowCancelChangesButton="false" ShowRefreshButton="false" ShowExportToExcelButton="true" />
<Columns>
<telerik:GridTemplateColumn DataField="CityDistrict" HeaderText="City/District" UniqueName="CityDistrict">
<ItemTemplate>
<asp:LinkButton ID="lnkCityDistrict" runat="server"></asp:LinkButton>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="legend" HeaderText="legend" ColumnEditorID="GridTextBoxEditor">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="classCode" HeaderText="classCode" ReadOnly="true">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="isActive" HeaderText="isActive" ColumnEditorID="GridTextBoxEditor">
</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="atrSpaCityDistrictId" HeaderText="atrSpaCityDistrictId" UniqueName="atrSpaCityDistrictId" Display="false">
<ItemTemplate>
<asp:Label runat="server" ID="lblId"></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>

</telerik:RadGrid>
</telerik:RadAjaxPanel>
</div>

</div>
</form>

</body>
</html>
===========================
Json data
===========================
[{"classDesc":"SIDEWALK, DRIVEWAY, CURB","classCode":"EH","legend":"017","isActive":"Y","atrSpaCityDistrictId":"00D17209F8F25F6D4A00011302","atrSpaCitieDistrict":{"cityDistrict":"","isActive":"1","atrSpaClassLegends":null,"id":"00D17209F8F25F6D4A00011302"},"id":"00D1748B8DA0AB0A7400011202"},
{"classDesc":"SIDEWALK, DRIVEWAY, CURB ","classCode":"EH","legend":"017","isActive":"Y","atrSpaCityDistrictId":"00D17209F8F25F6D4A00011302","atrSpaCitieDistrict":{"cityDistrict":"","isActive":"1","atrSpaClassLegends":null,"id":"00D17209F8F25F6D4A00011302"},"id":"00D1748B8DA0AD8BCA00011202"},
{"classDesc":"REFUSE SERVICE ","classCode":"EG","legend":"186","isActive":"Y","atrSpaCityDistrictId":"00D17209F8F25F6D4A00011302","atrSpaCitieDistrict":{"cityDistrict":"","isActive":"1","atrSpaClassLegends":null,"id":"00D17209F8F25F6D4A00011302"},"id":"00D1748B8DA0A0B35200011202"}]

Grid

answered on 19 Oct 2016