Questions on UI for ASP.NET AJAX Forum

16 answers

241 views

Hi,

Using RadGrid Control i need to implement Grouping Based upon the hierarchy for eg. My data will be look like this
     Name                       Age                  Status
---------------------------------------------------------------------------
+ CategoryA
   + CategoryB
         Person 1               25                    Working
         Person 2              26                    Self Employment
   + CategoryC
         Person 3               23                    Student
         Person 4               23                    Student
         +  Category F
                  Person 5      24                     Agriculture
+ CategoryD
     + Category E
           Person 6             25                     Software Engineer

In the above example the Category will be having a hierarchy structure and the details inside that will be fetched out different table based on reference.

Hope you can understand the scenario which i am trying to convey and waiting for your quick response. Also don wanna use nested grid to implement this. Kindly share me how can i acheive the above using rad grid.

Thanks
Bala

Grid

answered on 02 Mar 2016

1 answer

111 views

[Solved] Nested Grid

Hello,

I have used grid in <NestedViewTemplate>. I have added a button in column in grid in nestedviewtemplate.

How to access columns value on click of button of particular row.

How to find Nested grid and value of columns of nested grid on click of button in nested grid.

Thank you

Grid

answered on 02 Mar 2016

8 answers

676 views

Set selected value client side

Is there any client side api method that I can set selected value of RadDropDownTree? In API document I can't find a method.

DropDownTree

answered on 02 Mar 2016

1 answer

147 views

RadMenu skin not working on IE 11.0

I am using a skin of "Office2010Black" and it is not working properly on Internet Explorer 11.0 while it is working fine on Mozilla Firefox. The code is mentioned below:

<telerik:RadMenu RenderMode="Lightweight" ID="RadMenu2" runat="server" Flow="Horizontal"
ShowToggleHandle="true" Skin="Office2010Black" Width="70%">

</telerik:RadMenu>

Please help.

Menu

answered on 02 Mar 2016

1 answer

169 views

DataForm in RadWizard - How to get dataform data?

I have a DataForm inside a step in a RadWizard. The dataform contains three comboboxes that are populated on the load of the particular step. I do not want to require the user to have to enter edit mode (I want the dataform to always be in editmode for every record). There is a datapager located at the bottom of the dataform. Whenever the user clicks on either the next or previous record buttons or advances to the next step in the wizard, I need to collect the checked items in each of the three comboboxes. I have tried to key off of the pageindexchanged but there is no dataformitem attached to this event apparently. I have tried to key into the itemupdated and itemediting events but they never fire. Is there a way to simply access the three comboboxes whenever the user changes the page index or advances to the next step in the wizard?

DataForm

answered on 02 Mar 2016

1 answer

129 views

Create object in Runtime

Good day, I am developing a website using Telerik, but there is the need to create objects at runtime and the configuration of a Table I indicates whether a RadLabel or RadTextbox, etc, how I can create objects at runtime ? I'm using Visual Studio2012

AjaxPanel

answered on 02 Mar 2016

3 answers

272 views

Footer total in Batch Edit Mode

Hello, I was wondering is there a current way that I can implement Client-side calculations in a Grid Footer while but having the Grid set to Batch Edit Mode? I saw an example on implementing this using a template column as well as set the value of a totals column based on two separate columns calculations but I was wondering about setting the footer to a total.

Thanks,

Ramey

Grid

answered on 02 Mar 2016

4 answers

854 views

Cannot Remove Visual Studio Project Dependency on Telerik

I was exploring Telerik AppBuilder in a work solution to show my client. They were debating on a deployment manager and ended up going with SOTI. I then tried to remove the Telerik dependency from the solution and am absolutely unable to do so.

The project was created with cordova & ionic command lines and then AppBuilder was added from within visual studio. My client doesn't have Telerik and doesn't want Telerik. How do I remove the dependency to it. I can't even add JavaScript classes on right-click - they become "Telerik JavaScript" files.

This is ridiculous - you have to allow people to NOT choose you, otherwise you become responsible for corrupting their codebase. Not only that, but this reflects badly on my reputation when it looks like I've damaged their repository.

Installer and VS Extensions

answered on 02 Mar 2016

6 answers

362 views

Hash table values Incorrect on in BatchEdit Mode

I currently have a Grid with two rad comboboxes that are being displayed in the grid using tooltips and being handled by the batchManagerExtentions.js library. The first combobox selection populates the second combobox and once that selection is made that is the value I need to be stored inside of the Database. Once the selections have been made and the save all changes button has been clicked on the BatchEditCommand function where I am creating the newValues Hashtables the values are all thrown off, but they are being populated inside of the List<> correctly with the correct name / value / relation. I've attached screenshots, JS code, markup and code behind. Any help would be great!

Markup:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGridUser">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGridUser" />

<telerik:AjaxUpdatedControl ControlID="RadGridWorkArea" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RelatedComboBoxesToolTip" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGridWorkArea">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RelatedComboBoxesToolTip" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadToolTip runat="server" ID="RelatedComboBoxesToolTip" OffsetY="0" RenderInPageRoot="false"

HideEvent="FromCode" AutoCloseDelay="0" RelativeTo="Element" CssClass="RelatedCombosToolTip"

ShowEvent="FromCode" Position="Center" Skin="Default">

<telerik:RadComboBox runat="server" Width="100%" EnableLoadOnDemand="true" OnItemsRequested="RadComboBox1_ItemsRequested">

</telerik:RadComboBox>

<telerik:RadToolTip runat="server" Skin="Metro" OffsetY="0" EnableShadow="false" ShowEvent="FromCode" Position="TopCenter"></telerik:RadToolTip>

</telerik:RadToolTip>

<telerik:RadGrid ID="RadGridWorkArea" runat="server" DataSourceID="WorkAreaDataSource" Width="1000px" OnItemCommand="RadGridWorkArea_ItemCommand"

AutoGenerateDeleteColumn="true" OnItemDataBound="RadGridWorkArea_ItemDataBound" ShowFooter="true" AllowAutomaticUpdates="false" OnBatchEditCommand="RadGridWorkArea_BatchEditCommand">

<MasterTableView EditMode="Batch" CommandItemDisplay="Top" AutoGenerateColumns="false" DataKeyNames="bpSystemUserAssignID">

<ItemStyle Height="40px" />

<AlternatingItemStyle Height="40px" />

<Columns>

<telerik:GridBoundColumn DataField="bpSystemUserAssignID" UniqueName="bpSystemUserAssignID" ReadOnly="true" HeaderText="ID" Visible="false"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="bpSystemID" UniqueName="bpSystemID" HeaderText="System" HeaderStyle-Width="250px">

<ItemTemplate>

<%# Eval("bpSystemName") %>

</ItemTemplate>

<EditItemTemplate></EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="bpSubSystemID" UniqueName="bpSubSystemID" HeaderText="Sub-System" HeaderStyle-Width="250px">

<ItemTemplate>

<%# Eval("bpSubSystemName")%>

</ItemTemplate>

<EditItemTemplate></EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Template1" HeaderStyle-Width="60px" HeaderText="Work Area Percentage">

<ItemTemplate>

<asp:Label ID="percentLbl" runat="server" Text='<%# Eval("bpWorkPercentage") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="TextBox1" runat="server" DbValue='<%# Eval("bpWorkPercentage") %>' Type="Percent" NumberFormat-DecimalDigits="0">

<ClientEvents OnBlur="Blur" OnFocus="Focus" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<FooterTemplate>

<telerik:RadNumericTextBox ID="TextBox2" runat="server" Type="Percent" NumberFormat-DecimalDigits="0">

<ClientEvents OnLoad="Load" />

</telerik:RadNumericTextBox>

</FooterTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents OnUserAction="userAction" OnGridCreated="gridCreated" />

</ClientSettings>

</telerik:RadGrid>

Code-Behind

protected void RadGridWorkArea_BatchEditCommand(object sender, GridBatchEditingEventArgs e)

{

List<DemoItem> subsystemIDs = (List<DemoItem>)Session["subsystems"];

foreach (GridBatchEditingCommand command in e.Commands)

{

if (command.Type == GridBatchEditingCommandType.Update)

{

Hashtable newValues = command.NewValues;

Hashtable oldValues = command.OldValues;

string id = newValues["bpSubSystemID"].ToString();

}

JS

var grid1Validator;

function gridCreated(sender, args) {

// == Batch Editing - Related ComboBoxes Manager ==

var relatedComboBoxesManager = new BatchExtensions.RelatedComboBoxesManager().init({

grid: sender,

toolTipID: "<%=RelatedComboBoxesToolTip.ClientID%>",

relations: [

{

columnName: "bpSystemID"

},

{

columnName: "bpSubSystemID",

relatedTo: "bpSystemID"

}

]

});

// == Batch Editing - Validation Manager ==

grid1Validator = new BatchExtensions.ValidationManager().init({

grid: sender,

validators: [

{

columnName: "bpSystemID",

errorMessage: "- Required -"

},

{

columnName: "bpSubSystemID",

errorMessage: "- Required -"

},

{

columnName: "Template1",

errorMessage: "",

toolTipMessage: "Select a positive number",

validationFunction: function (value) {

return value >= 0;

}

},

]

});

}

function userAction(sender, args) {

//You can use this event to alert the user that there are changes in the grid and

//cancel operations like paging, filtering, etc.

//debugger;

if (!grid1Validator.isValid()) {

args.set_cancel(true);

}

function PopUpShowing(sender, eventArgs) {

popUp = eventArgs.get_popUp();

var gridWidth = sender.get_element().offsetWidth;

var gridHeight = sender.get_element().offsetHeight;

var popUpWidth = popUp.style.width.substr(0, popUp.style.width.indexOf("px"));

var popUpHeight = popUp.style.height.substr(0, popUp.style.height.indexOf("px"));

popUp.style.left = ((gridWidth - popUpWidth) / 2 + sender.get_element().offsetLeft).toString() + "px";

popUp.style.top = ((gridHeight - popUpHeight) / 2 + sender.get_element().offsetTop).toString() + "px";

}

function RowDblClick(sender, eventArgs) {

sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());

}

Thanks,

Ramey

Grid

answered on 02 Mar 2016

3 answers

377 views

I want to change folders in treeview icon or color?

Hi,

How to get to underlying css of folder icon in treeview?

This answer presented here doesn't help much:

http://www.telerik.com/forums/icon-override

The idea is to have different icon for differnt root folders.

thanks

FileExplorer

answered on 02 Mar 2016