Questions on UI for ASP.NET AJAX Forum

2 answers

261 views

get hidden or unvisible values from a radgrid

Hi all can anyone come up with a solution for getting the hidden/unvisible values from a radgrid which is binded dynamically ..

my requirement is to get hidden values of the particular checked rows in the checkbox when a button is clicked
under button_click event i need to retrieve the values which are hidden or kept visible=false which is binded to radgrid dynamically from .cs page..

this is my aspx page

<telerik:RadGrid ID="M" runat="server" Width="99%" AllowPaging="True" EnableViewState="False"
GridLines="None" meta:resourcekey="MResource1" AllowFilteringByColumn="true"
OnInit="GridControl_Init" EnableLinqExpressions="false"
EnableEmbeddedSkins="false" AutoGenerateColumns="False">
<HeaderContextMenu EnableEmbeddedSkins="True">
</HeaderContextMenu>
<FilterMenu Skin="Nediso" EnableEmbeddedSkins="false">
</FilterMenu>
<PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" AlwaysVisible="true" />
<MasterTableView Width="100%" EnableViewState="False" AllowFilteringByColumn="true">

<RowIndicatorColumn>
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<Columns>
<telerik:GridTemplateColumn AllowFiltering="false" AutoPostBackOnFilter="false" HeaderStyle-Width="5%" ItemStyle-Width="5%" >
<HeaderStyle Width="3%" HorizontalAlign="Justify" />
<ItemStyle Width="3%" HorizontalAlign="Justify" />
<HeaderTemplate>
<input type="checkbox" runat="server" value="check" ID="checkbox" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" AutoPostBack="false" Width="5%" ID="checkbox2" />
</ItemTemplate>
</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="TOKEN" Visible="false" UniqueName="TOKEN" >
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="FIRST NAME" HeaderText="FIRST NAME" UniqueName="FIRST NAME">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="LAST NAME" HeaderText="LAST NAME" UniqueName="LAST NAME">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="STATUS" HeaderText="STATUS" UniqueName="STATUS">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="DESIGNATION" HeaderText="DESIGNATION" UniqueName="DESIGNATION">
</telerik:GridBoundColumn>
</Columns>
<PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" Position="TopAndBottom" />

</MasterTableView>
<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" EnableRowHoverStyle="True">
<Resizing AllowColumnResize="True" />
<Selecting AllowRowSelect="True" />
<ClientEvents OnFilterMenuShowing="OnFilterMenuShowing"></ClientEvents>
</ClientSettings>
<FilterMenu EnableTheming="True">
<CollapseAnimation Type="None" />
<ExpandAnimation Type="None" />
</FilterMenu>
</telerik:RadGrid>

Grid

answered on 05 Jul 2012

0 answers

166 views

Select Rows Client side, get selected datakeys server side

Hi all,
I have a Windows7 skinnedGrid that allows multi row select Client side so I dont have to reload the Grid data every time a row is selected server side. A radcontextmenu is set up with an option to "update Selected Rows". This fires the update command using client side mastertable.firecommand. I can confirm the updatecommand fires on the server side.

I want to then loop through all selected rows within the updatecommand event server side, get the datakeyvalue, update the corresponding records in the database, then reload the Grid with the new data. I cant seem to figure out a good way to do this. When I check the selected row count in the updatecommand event, it is zero. This tells me that server side is not aware of the client side selected rows. Any ideas? Again, I can't seem to find an article on server side awareness of client side selected rows.

Another minor issue is that I can style the selected row background using:

div.RadGrid_Windows7 .RadGridSelectedItem

{

color:black !important;

background:none !important;

background-color:#0080FF !important;

}

But I cannot figure out how to style the row hover. From articles I have tried this:

.GridRowOver_Windows7

{

color:black !important;

background:none !important;

background-color:#0080FF !important;

}

The client side to server side grab of selected rows datakeyvalues is more important to me however. Thanks in advance for any wisdom and know how you may provide!

Regards, Nimesh

Grid

asked on 05 Jul 2012

2 answers

264 views

[Solved] Change header text forecolor of sorted column

I'm not seeming to find anywhere where I can change the fore color of only the sorted header field. I'm using custom colors on the sort and I need to change the color of the text but only on the column that's sorted.

Grid

answered on 05 Jul 2012

4 answers

117 views

RadUpload Framework 4.0 64 bits On Seven

Hi!
I installed the ASP.NET AJAX kit on my server.
I copied the bin40 in the bin of my project.
I set my web.config like this :

<httpHandlers>

<remove verb="*" path="*.asmx"/>

<add verb="*" path="*.asmx" validate="false" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add verb="*" path="*_AppService.axd" validate="false" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add verb="GET,HEAD" path="ScriptResource.axd" validate="false" type=

"System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add name="Telerik_RadUploadProgressHandler_ashx" verb="*" precondition="integratedMode" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" />

</httpHandlers>

<httpModules>

<add name="RadUploadModule" precondition="integratedMode" type="Telerik.Web.UI.RadUploadHttpModule" />

</httpModules>

I still have the same problem, that is to say :

RadUpload Ajax Callback error. Source url was not found

/Telerik.RadUploadProgressHandler.aspx?RadUrid=b157....

What can i do?

Upload (Obsolete)

answered on 05 Jul 2012

2 answers

92 views

Design Question

Hello All,

I am new to Telerik and I have a some what of a general (desing) question that has been bothering me for a while.

Master/Content page. . . or...
Single Page with IFrame

I am trying to find a design that will have a Treview (serving as a menu) on the left hand side and content on the right hand side. Very similar to how 'SmarterMail' (http://www.smartertools.com/smartermail/mail-server-software.aspx) does it. I have done this in the past using both Master/Content pages as well as Single Page with an IFrame to load other pages.

I find the (Single Page with an IFrame to load other pages) simpler however some browsers don't like the IFrame and I have a love hate relationship with Master/Content pages.

Do you have any suggestions or other design guidelines for doing this?

Thanks

TreeView

answered on 05 Jul 2012

1 answer

147 views

FindNodeByValue then Nodes.Add a child?

I've used a SQL CTE to build a table that represents my hierarchy and now I'm trying to loop through those records to find the parent node, create a new node object and then append that new node object as a child of the parent node I found.

I've got a radtreeview with a parent node with a value of 0. I've tried accomplishing this two ways - neither works.

The following compiles without error, but doesn't add the newly created CurrentNode to the node I found in objMyTreeView.
objMyTreeView.FindNodeByValue("0").Nodes.Add(CurrentNode);

The following will find the parent node, but when I add the CurrentNode to it - I'm adding it to the ParentNode object - not the actual parent node in objMyTreeView.
RadTreeNode ParentNode = objMyTreeView.FindNodeByValue("0");
ParentNode.Nodes.Add(CurrentNode);

This seems like it should be simple - find the node with the value of the current node's parent, then add my current node as a child of the found node. Any advice offered would be appreciated. I must be overlooking something obvious.

~ Greg

TreeView

answered on 05 Jul 2012

2 answers

105 views

Undefined is null : error only on IPAD

I am getting a very strange error when i try to run the below code on IPAD.

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<script type="text/javascript">
window.onerror = WindowError;

//error handler for showing error on the main page in the bottom of the page
function WindowError(errorMsg, url, linenumber) {
alert(errorMsg);
$("#errorDiv").show("Slow");
$("#errorMsgDiv").html(errorMsg);
}
</script>
</head>
<body>
<form id="frmSrchClient" runat="server" enableviewstate="false">
<telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true">
</telerik:RadScriptManager>
<telerik:RadSplitter ID="RadSplitter1" Runat="server" SplitBarsSize="">
<telerik:RadPane Scrolling="None" ID="treeViewPane" runat="server">
<telerik:RadSplitter SplitBarsSize="3" ID="ContentSplitter"
BorderSize="0" PanesBorderSize="0" runat="server" Height="100%" Width="100%">
<telerik:RadPane Scrolling="Both" ID="NavigationPane" runat="server" Width="200"
MinWidth="90" Height="100%">
<telerik:RadPanelBar ID="NavigationPanelBar" Width="100%" Height="100%"
Style="overflow: hidden" EnableEmbeddedSkins="false" Skin="Metro" runat="server"
AccessKey="A" ExpandMode="MultipleExpandedItems">
<ExpandAnimation Duration="0" />
<CollapseAnimation Duration="0" />
<Items>
<telerik:RadPanelItem Text="First" Height="21" TabIndex="1" Expanded="true">
<Items>
<telerik:RadPanelItem>
<ItemTemplate>
Text
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Second" Height="21" TabIndex="2" Expanded="true">
<Items>
<telerik:RadPanelItem>
<ItemTemplate>
Text1
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
</telerik:RadSplitter>
</form>
</body>
</html>

In the above code if you click on "Text1" you will see that error. This error comes only when i try to run this on IPAD for all other OS's it is working fine. Can you please let me know where I am going wrong. The error only comes when i include the RadPanelBar within the RadSplitter. If if run it alone this error does not come. Can you please let me know the reason behind this I am unable to debug this issue.

PanelBar

answered on 05 Jul 2012

1 answer

117 views

Dynamically Generate RadContextMenu from SQL Server Table using Cell Value of the RadGrid (on which the user clicked to get the Context Menu) as a parameter

Hi,

I'm trying to Dynamically generate the RadContextMenu based on the contents of the Cell in RadGrid on which the user clicks. The menu items are stored in the SQL Sever database. Below is my client side code :

function RowContextMenu(sender, eventArgs) {

var evt = eventArgs.get_domEvent();

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

return;

}

var index = eventArgs.get_itemIndexHierarchical();

var row = sender.get_masterTableView().get_dataItems()[index];

var current_status = sender.get_masterTableView().getCellByColumnUniqueName(row, "Current_Status").innerHTML;

var

process_status = sender.get_masterTableView().getCellByColumnUniqueName(row, sender.get_masterTableView().get_columns()[evt.target.cellIndex].get_uniqueName()).innerHTML;


                var process_area = //write code to get the column header of the selected cell

document.getElementById("radGridClickedRowIndex").value = index;

sender.get_masterTableView().selectItem(row.get_element(), true);

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

menu.show(evt);

evt.cancelBubble = true;

evt.returnValue = false;

if (evt.stopPropagation) {

evt.stopPropagation();

evt.preventDefault();

}

Now i want to pass the values current_Status, process_status and process_area to SQL server and get the list of actions to populate in the context menu.

Below are some snippets of the ASPX code:

<asp:SqlDataSource ID="ActionsDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:MetadataCS %>"

ProviderName="<%$ ConnectionStrings:MetadataCS.ProviderName %>" SelectCommand="SELECT [Action] FROM [FileStatusActions] WHERE (([Process_Area] = @Process_Area) AND ([Current_Status] = @Current_Status) AND ([Process_Status] = @Process_Status))">

<SelectParameters>

<asp:Parameter Name="Process_Area" Type="String" />

<asp:Parameter Name="Current_Status" Type="String" />

<asp:Parameter Name="Process_Status" Type="String" />

</SelectParameters>

</asp:SqlDataSource>

<telerik:RadContextMenu ID="RadMenu1" runat="server" OnItemClick="RadMenu1_ItemClick" OnClientShowing="showContextMenu"

DataSourceID="ActionsDataSource" DataTextField="Action" DataValueField="Action" AppendDataBoundItems="true"

EnableRoundedCorners="true" EnableShadows="true">

<Items>

<telerik:RadMenuItem Text="Dynamic Menu" />

</Items>

</telerik:RadContextMenu>

Please help me achieve the desired functionality using either client side/server side code ? I am also willing to use XML files to load menu instead of database if feasible/possible.

Thanks,
Nishant

Grid

answered on 05 Jul 2012

9 answers

189 views

Dragging RadGrid rows show additional empty area

Hi

I am using a Telerik Rad Grid with Drag and drop functionality for rows. but when I select multiple rows and drag out of the grid, it shows a large empty box dragging additionally to the selected rows.

Anybody came across this issue before? Any solution to overcome this issue would be very helpful.

Thanks
Malinda

Grid

answered on 05 Jul 2012

2 answers

181 views

Convert Code from GridView to RadGrid

I was wondering is someone could give me hand converting this GridView code to work with the RadGrid control.





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:Button ID="Button1" runat="server" Text="Get Values" OnClick="Button1_Click" />

<asp:GridView ID="GridView1" runat="server">

</asp:GridView>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page

{

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

TemplateField templateField = new TemplateField();

GridView1.Columns.Add(templateField);

templateField.ItemTemplate = new MyCheckBoxTemplate();

}

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

GridView1.DataSource = new string[] { "a", "b", "c" };

GridView1.DataBind();

}

protected void Button1_Click(object sender, EventArgs e)

{

foreach (GridViewRow row in GridView1.Rows)

{

bool isChecked = ((CheckBox)row.FindControl("CheckBox1")).Checked;

Response.Write("RowIndex " + row.RowIndex + ": " + isChecked + "<br />");

}

public class MyCheckBoxTemplate : ITemplate

{

void ITemplate.InstantiateIn(Control parent)

{

CheckBox cb = new CheckBox();

cb.ID = "CheckBox1";

parent.Controls.Add(cb);

}

Grid

answered on 05 Jul 2012