Questions on UI for ASP.NET AJAX Forum

1 answer

103 views

Access a UserControl when user clicks on the Edit/Insert command for RadGrid using Client Side APIs

I am new to using telerik controls.

I have a Radgrid on my ASPX page and I intend to use Client side API on the same.

I have a requirement of using a usercontrol on firing the Edit/Insert command for the grid.

So, now I want to use the Client side API(s) to access the usercontrol and set the required public properties on it.

Regards,

Paresh

Grid

answered on 23 Sep 2015

1 answer

153 views

How to make text flash within RadGrid

Hello, I need to make the text in a cell flash/blink based on a calculation. I appreciate any suggestions you may have to accomplish this.

Thank you

Grid

answered on 23 Sep 2015

2 answers

169 views

Handling context menu client side

in the OnClientItemClicked event the clickedMenuItem is null and the hidden form field which is set in the RowContextMenu is null? Am i using the right event?

in RowContextMenu "hiddenClientID" is correctly set to the ClientID key field

// process content menu

function RowContextMenu(sender, eventArgs) {

var colIndex = eventArgs.get_domEvent().target.cellIndex;

var rowIndex = eventArgs.get_itemIndexHierarchical();

var masterTable = sender.get_masterTableView();

cell = masterTable.getCellByColumnUniqueName(masterTable.get_dataItems()[rowIndex], "ClientID");

var ClientID = cell.innerHTML; //

document.getElementById("hiddenClientID").value = ClientID;

var radGridClickedRowIndex = document.getElementById("hiddenClientID").value;

var menu = $find("<%=RadContextMenu1.ClientID %>");

var evt = eventArgs.get_domEvent();

if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") {

return;

}

var index = eventArgs.get_itemIndexHierarchical();

sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true);

menu.show(evt);

evt.cancelBubble = true;

evt.returnValue = false;

if (evt.stopPropagation) {

evt.stopPropagation();

evt.preventDefault();

}

function contextMenuItemClicked(sender, args) {

var clickedMenuItem = args.get_item().get_value();

var radGridClickedRowIndex = document.getElementById("hiddenClientID").value;

var grid = $find('<%= RadGrid1.ClientID %>');

var masterTableView = grid.MasterTableView;

var row = masterTableView.get_dataItems()[radGridClickedRowIndex];

var cell = masterTableView.getCellByColumnUniqueName(row, "ClientID");

if (clickedMenuItem == "Edit") {

editClient();

}

if (clickedMenuItem == "Calendar") {

AddAppoint(cell.innerHTML);

}


<telerik:RadContextMenu ID="RadContextMenu1" runat="server" OnClientItemClicked="contextMenuItemClicked"             EnableRoundedCorners="true" EnableShadows="true" Skin="Metro">           
  <Items>                 <telerik:RadMenuItem Text="Select"    />                 <telerik:RadMenuItem Text="Calendar"    />                 <telerik:RadMenuItem Text="Contact" />                 <telerik:RadMenuItem Text="Edit" />                 <telerik:RadMenuItem Text="Payment" />                                 <telerik:RadMenuItem Text="Archive" />             </Items>         </telerik:RadContextMenu>

// process content menu function RowContextMenu(sender, eventArgs) { var colIndex = eventArgs.get_domEvent().target.cellIndex; var rowIndex = eventArgs.get_itemIndexHierarchical(); var masterTable = sender.get_masterTableView(); cell = masterTable.getCellByColumnUniqueName(masterTable.get_dataItems()[rowIndex], "ClientID"); var ClientID = cell.innerHTML; // get the lecturesID so it can be processed in the code behind document.getElementById("hiddenClientID").value = ClientID; // stuff it in a form variable so we can get inthe code behind var radGridClickedRowIndex = document.getElementById("hiddenClientID").value; var menu = $find("<%=RadContextMenu1.ClientID %>"); var evt = eventArgs.get_domEvent(); if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") { return; } var index = eventArgs.get_itemIndexHierarchical(); sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true); menu.show(evt); evt.cancelBubble = true; evt.returnValue = false; if (evt.stopPropagation) { evt.stopPropagation(); evt.preventDefault(); } } function contextMenuItemClicked(sender, args) { var clickedMenuItem = args.get_item().get_value(); var radGridClickedRowIndex = document.getElementById("hiddenClientID").value; var grid = $find('<%= RadGrid1.ClientID %>'); var masterTableView = grid.MasterTableView; var row = masterTableView.get_dataItems()[radGridClickedRowIndex]; var cell = masterTableView.getCellByColumnUniqueName(row, "ClientID"); alert(clickedMenuItem); alert(cell); if (clickedMenuItem == "Edit") { editClient(); } if (clickedMenuItem == "Calendar") { AddAppoint(cell.innerHTML); } }

Grid

answered on 23 Sep 2015

12 answers

396 views

Reference control in NestedViewTemplate

I have RadTreeView control inside a NestedViewTemplate of a RadGrid.

I want to reference this control in code behind so I can bind data to it, however I'm unsure of how to do this.

I was thinking it is something along this line:

Dim

RadTreeView1 As RadTreeView = CType(RadGrid2.MasterTableView.GetItems(GridItemType.NestedView.FindControl("RadTreeView1"), RadTreeView))

But this is incorrect. Can someone point me in the right direction

Grid

answered on 23 Sep 2015

1 answer

76 views

Export Each Page In A Separate Sheet

I was wondering if you can export each page of a grid to a separate excel sheet in the same excel file using Telerik

if no I would be grateful if you pointed me to like to how to do it using native ASP.NET code

Grid

answered on 23 Sep 2015

2 answers

173 views

Autogenerate numbers in RadGrid column based on group in GroupByExpressions RadGrid

I am having a trouble in implementing below requirement.
Current RadGrid: Attached (Snapshot 1) is the RadGrid in which I am using GroupByExpressions to display/show data grouped with "Business Unit" column.
In RadGrid column 2nd(InvoiceLineNo) and 3rd(InvoiceNo), I am auto generating the numbers using Stored Procedure.

i.e., for "InvoiceLineNo" column, Autogenerated No's are: 01,02,03,04,05,06,07,08.......n
for "InvoiceNo" column, Autogenerated No's are: 15100001, 15100002, 15100003........n
where, 15 is a "year" and 100001 are "running numbers"

Requirement is: I want to show the "InvoiceLineNo" column data as Group wise.
Example:
for 1st "Business Unit" group (i.e., SUNWAY LEISURE SDN BHD (CARNIVAL)), InvoiceLineNo shall be: 01,02,03,04,05,06,07,08
for 2nd "Business Unit" group (i.e., SUNWAY MALL PARKING SDN BHD), InvoiceLineNo shall be: 01,02,03,04,05,06,07,08

Similarly, I want to show the "InvoiceNo" column data as Group wise.
Example:
for 1st "Business Unit" group (i.e., SUNWAY LEISURE SDN BHD (CARNIVAL)), InvoiceNo shall be: 15100001,15100001,15100001,15100001,15100001,15100001,15100001,15100001
for 2nd "Business Unit" group (i.e., SUNWAY MALL PARKING SDN BHD), InvoiceNo shall be: 15100002,15100002,15100002,15100002,15100002,15100002,15100002,15100002

"InvoiceNo" column data will always be unique for different "Business Unit".

I want output to be like attached snapshot 2.

I can autogenerate the numbers serial wise but I am not getting how to autogenerate the 2 column values based on Group and show them like that.
Please help me to achieve it. Please do reply.
Thanks in advance.

General Discussions

answered on 23 Sep 2015

1 answer

73 views

Retrieve A Programmatically Assigned Datascource From A Grid

Hello,
I'm trying to apply a custom sorting on a grid datascource in the onsortcommand event
my datascource is Programmatically set and apparently whenever I try to retrieve it in the event I find the object is assigned to null

I'm using custom paging on my grid so there's no way to sort the records using the sorting expression without disabling virtual paging first

can you be guys of any help please??

Grid

answered on 23 Sep 2015

5 answers

108 views

Tristate image background-position incorrect after Telerik version upgrade

After upgrading Web dll's from version 2012.n to 2015.n the CSS property for the tristate.png is being set to incorrect values regardless of the .rtChecked, etc values are being set to (and have been set to). The values in the TreeView.css file are:

.RadTreeView .rtChecked { background-position: 0 0; }
.RadTreeView .rtUnchecked { background-position: 0 -13px; }
.RadTreeView .rtIndeterminate { background-position: 0 -26px; }

The values are being overridden from the now being set to:

.RadTreeView .rtChecked { background-position: 0 -40; }
.RadTreeView .rtUnchecked { background-position: 0 0; }
.RadTreeView .rtIndeterminate { background-position: 0 -80px; }

The dom explorer (in IE) is saying that this setting is held in the WebResource.axd file, which is a file dynamically created by the runtime.

Does anyone have any idea where these background-positions values are being set from so I can correct it, or help me understand what happened during the upgrade that caused these settings?

Thank you!

Jason

TreeView

answered on 23 Sep 2015

5 answers

104 views

How can I use a drop down filter with other filter functions?

I have the the combo box filter template, but how can I also get the filter button? I don't want to filter on index change, I want to apply multiple filters and be able to select "NotEqualTo" for combo box selections.

Grid