Questions on UI for ASP.NET AJAX Forum

5 answers

366 views

Hi,

I'm using

I have a grid view with template columns containing Numeric TextBox as shown below

<telerik:RadGrid ShowStatusBar="True" ID="RadGrid1" runat="server" CellSpacing="0"

<br>                    DataSourceID="SqlDataSource3" GridLines="None" AutoGenerateColumns="False" Width="100%"><

br> <ClientSettings EnableRowHoverStyle="true"> <ClientEvents OnColumnDblClick="ColumnClick" OnRowDblClick="handleRowClick" /> </ClientSettings> <MasterTableView DataSourceID="SqlDataSource3" DataKeyNames="periodID" Dir="RTL"> <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings> <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"> </RowIndicatorColumn> <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"> </ExpandCollapseColumn> <Columns> <telerik:GridBoundColumn DataField="PeriodName" FilterControlAltText="Filter PeriodName column"

<br>                                ItemStyle-Width="100px" UniqueName="PeriodName" HeaderText="ساعت/روز"><

br> <ItemStyle Width="100px"></ItemStyle> </telerik:GridBoundColumn> <telerik:GridTemplateColumn HeaderText="شنبه" UniqueName="col1"> <ItemTemplate> <telerik:RadNumericTextBox ID="txtCostGrid1" runat="server" Culture="en-US" LabelWidth="64px"

<br>                                        Width="50px" MaxValue="100" MinValue="0"><

br> <NumberFormat ZeroPattern="n %" DecimalDigits="0"></NumberFormat> </telerik:RadNumericTextBox> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="یکشنبه" UniqueName="col2"> <ItemTemplate> <telerik:RadNumericTextBox ID="txtCostGrid2" runat="server" Culture="en-US" LabelWidth="64px"

<br>                                        Width="50px" MaxValue="100" MinValue="0"><

br> <NumberFormat ZeroPattern="n %" DecimalDigits="0"></NumberFormat> </telerik:RadNumericTextBox> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="دوشنبه" UniqueName="col3"> <ItemTemplate> <telerik:RadNumericTextBox ID="txtCostGrid3" runat="server" Culture="en-US" LabelWidth="64px"

<br>                                        Width="50px" MaxValue="100" MinValue="0"><

br> <NumberFormat ZeroPattern="n %" DecimalDigits="0"></NumberFormat> </telerik:RadNumericTextBox> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="سه شنبه" UniqueName="col4"> <ItemTemplate> <telerik:RadNumericTextBox ID="txtCostGrid4" runat="server" Culture="en-US" LabelWidth="64px"

<br>                                        Width="50px" MaxValue="100" MinValue="0"><

br> <NumberFormat ZeroPattern="n %" DecimalDigits="0"></NumberFormat> </telerik:RadNumericTextBox> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="چهارشنبه" UniqueName="col5"> <ItemTemplate> <telerik:RadNumericTextBox ID="txtCostGrid5" runat="server" Culture="en-US" LabelWidth="64px"

<br>                                        Width="50px" MaxValue="100" MinValue="0"><

br> <NumberFormat ZeroPattern="n %" DecimalDigits="0"></NumberFormat> </telerik:RadNumericTextBox> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="پنجشنبه" UniqueName="col6"> <ItemTemplate> <telerik:RadNumericTextBox ID="txtCostGrid6" runat="server" Culture="en-US" LabelWidth="64px"

<br>                                        Width="50px" MaxValue="100" MinValue="0"><

br> <NumberFormat ZeroPattern="n %" DecimalDigits="0"></NumberFormat> </telerik:RadNumericTextBox> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="جمعه" UniqueName="col7"> <ItemTemplate> <telerik:RadNumericTextBox ID="txtCostGrid7" runat="server" Culture="en-US" LabelWidth="64px"

<br>                                        Width="50px" MaxValue="100" MinValue="0"><

br> <NumberFormat ZeroPattern="n %" DecimalDigits="0"></NumberFormat> </telerik:RadNumericTextBox> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> <EditFormSettings> <EditColumn FilterControlAltText="Filter EditCommandColumn column"> </EditColumn> </EditFormSettings> </MasterTableView> <FilterMenu EnableImageSprites="False"> </FilterMenu> </telerik:RadGrid>

I wanted to set value of whole row textboxes to 50 on First Column of Row double click.
and set value of whole column textboxes to 50 on column double click.

I wrote the following JScript and I managed to do the first issue right. But for second problem which was column double click I don't know how to find the text box control inside column cell.

function ColumnClick(sender, eventArgs) {  var radG = $find("<%=RadGrid1.ClientID %>");  var DataItems = radG.get_masterTableView().get_dataItems();  var masterTableView = radG.get_masterTableView();  for (i = 0; i < DataItems.length; i++) {  var row = DataItems[i];  var cell = masterTableView.getCellByColumnUniqueName(row, "col" + eventArgs.get_domEvent().target.cellIndex);  var radTextBox1 = cell.getElementsByTagName("input"

)[0];<br>                radTextBox1.set_value(50);<br>            }<br>        }<br>

function getHeaderRow(sender) {  var masterTable = sender.get_masterTableView();  return masterTable.HeaderRow == null ? sender.get_masterTableViewHeader().get_element() : masterTable.HeaderRow; }  function handleRowClick(sender, args) {  var masterTable = sender.get_masterTableView();  var cellIndex = args.get_domEvent().target.cellIndex;  var colName = masterTable.getColumnUniqueNameByCellIndex(getHeaderRow(sender), cellIndex)  if (colName == "PeriodName") {  for (var i = 1; i < 8; i++) {  var radTextBox1 = args.get_item().findControl("txtCostGrid"

+ i);<br>                    radTextBox1.set_value(50);<br>                }<br>            }<br>        }

If I use the following code I will see the value inside TextBox but the value is not available server side.

var el = document.getElementsByTagName('input');  var len = el.length;  for (var i = 0; i < len; i++) {  if ((el[i].type == "text")) {  if (el[i].name.indexOf("txtCostGrid"

+ eventArgs.get_gridColumn().get_element().cellIndex) != -1) {<br>                                el[i].value=50;<br>                            }<br>                        }<br>                    }

Thanks for your help

Grid

answered on 03 Jan 2013

3 answers

83 views

Recurrance Editor with database

My goal is to allow the user to create a schedule of when they want their recurring reports emailed to them. I'd like to use the Recurrance Editor without the RadScheduler but still need to store the schedule in my database. This is so it can be read by my windows service which checks the schedule from the database, creates the report, and does the emailing.

Is it possible to store the user's schedule in the database with only using the Recurrance Editor? If so, please show me how. Please also show me how to retreive it from the database and translate what it returns. I'll be checking if the schedule date is older than the current date.

Thanks.

Scheduler

answered on 03 Jan 2013

0 answers

49 views

How to change Add new record display mode

Hi,
i'm using Auto-generated Edit Form to insert record to the data base.I have 20 text boxes to insert data.Now all the text boxes are display in one column (after one by one).I want to display this tetboxes using two columns.(Something like colspan 2). How can i do this ?.

Grid

asked on 03 Jan 2013

0 answers

35 views

How to change Change Add new record display mode

Hi,
i'm using Auto-generated Edit Form to insert record to the data base.I have 20 text boxes to insert data.Now all the text boxes are display in one column (after one by one).I want to display this tetboxes using two columns.(Something like colspan 2). How can i do this ?.

Grid

asked on 03 Jan 2013

3 answers

114 views

How to display result with stacked bar ?

Hi,

I have a result like this ....

Unit	Dec-12	Jan-13	GrandTotal
000	0	2	2
001	34	0	34
002	12	0	12
003	12	0	12
006	22	0	22
007	10	0	10
ACC	22	0	22
CLM	45	0	45
ESSP	917	9	926
IT	162	0	162
NBDU	602	0	602
OP	22	0	22
ORP	117	0	117
RI	10	0	10
SM	80	0	80

How to bind above result to chart ( stacked bar )

Desired result is : Grand Total no need ..

Thank you in advance ..

Chart (Obsolete)

answered on 03 Jan 2013

3 answers

131 views

Rows selected by shift detection

We upgraded our Telerik components from 2011.2 to 2012.3. We use the client side row selecting(ClientEvents.OnRowSelecting) and row selected(ClientEvents.OnRowSelected) events to let other components react on the row selection.

With the new components we have two problems by selecting rows with shift pressed:
1. the given DomEvent by the eventArgs only provides the property "CtrlKey" so we can not detect anymore if the row select events are triggers for a single row or for multiple rows(by shift pressed).
2. for the row which is clicked with shift pressed we want to know which cell was clicked by using the domEvent.scrElement or domEvent.target.

Can you help me with this to make it work as before?

Grid

answered on 03 Jan 2013

3 answers

202 views

how to set NestedViewSettings DataSourceID in code behind

Hi All,

I am using Radgrid into NestedViewTemplate(Hierarchy Grid). i want to add datasourceid in code behind. i have write code in parent grid itemDataBound like this

If TypeOf e.Item Is GridNestedViewItem Then
            Dim nesItem As GridNestedViewItem = DirectCast(e.Item, GridNestedViewItem)
            Dim rgQuesSection As RadGrid = DirectCast(nesItem.FindControl("rgQuesSection"), RadGrid)
            Dim rgQuesPanel As RadGrid = DirectCast(nesItem.FindControl("rgQuesPanel"), RadGrid)
            Dim nestedView As GridNestedViewSettings
            nestedView.DataSource = "sdsQuesSection"
            nesItem.Controls.Add(nestedView )
        End If

But GridNestedViewSettings come like nothing. Please let me know how to solve.

Thanks in Advance,
Dhamu.

Grid

answered on 03 Jan 2013

1 answer

123 views

BUG - Repeatable issue with RadTreeview/RadWindow

Through very much trial and error I have discovered a repeatable issue/bug with the RadTreeView inside of a RadWindow. This issue occurs in IE9 and the latest Chrome, I have not tried FireFox yet.

Version of Telerik.Web.UI is 2012.2.607.35

When placing a RadTreeView inside of a RadWindow's ContentTemplate, if any of the RadTreeNodes text property contains the character sequence "trial" the contents of the RadWindow are displayed at the bottom of the page. After clicking the RadWindow's OpenerElement, the contents disappear from the bottom of the page and appear correctly inside the RadWindow.

Simply change any of the nodes text property to something that does not contain the word "trial" everything works properly. I am including simple code blocks below that should reproduce the problem. Note that there is a PopulateNodes() subroutine in the code-behind page; this issue occurs when adding nodes to the RadTreeView programmatically as well.

Please help with this very bizarre bug. I am happy to provide any additional information you need to reproduce this problem.

aspx page:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="IndustrialBug.aspx.vb" Inherits="IndustrialBug" %>

<!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">

<telerik:RadScriptManager ID="rsManager" runat="server"></telerik:RadScriptManager>

<asp:LinkButton ID="cmdOpen" runat="server">Open Radwin</asp:LinkButton>

<telerik:RadWindow ID="rwinSelectStores" runat="server" >

<ContentTemplate>

<telerik:RadTreeView ID="rtvStores" runat="server">

<Nodes>

<telerik:RadTreeNode Text="Top node" Expanded="true">

<Nodes>

<telerik:RadTreeNode Text="Under the top node" Expanded="true">

<Nodes>

<telerik:RadTreeNode Text="Node contains trial" Expanded="true"></telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</ContentTemplate>

</telerik:RadWindow>

</form>

</body>

</html>

code-behind:

Imports Telerik.Web.UI

Partial Class IndustrialBug

Inherits System.Web.UI.Page

Private Sub PopulateNodes()

rtvStores.Nodes.Clear()

Dim nTop As New RadTreeNode()

Dim nSub1 As New RadTreeNode()

Dim nBottom As New RadTreeNode()

nTop.Text = "Top node here"

nTop.Expanded = True

nTop.Checked = False

rtvStores.Nodes.Add(nTop)

nSub1.Text = "Trial"

nSub1.Expanded = True

nSub1.Checked = False

nTop.Nodes.Add(nSub1)

nBottom.Text = "Bottom node"

nBottom.Expanded = True

nBottom.Checked = False

nSub1.Nodes.Add(nBottom)

End Sub

Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load

rwinSelectStores.OpenerElementID = cmdOpen.ClientID

'PopulateNodes()

End Sub

End Class

TreeView

answered on 03 Jan 2013

2 answers

91 views

Row Position

Hi

when i add row to grid view added row will go to last row.i wanted to show newly added row always top.
How can i achieve this.. Please help me out.

Regards,
Sanjay

Grid

answered on 03 Jan 2013

2 answers

80 views

fill textbox on dropdown selectIndexChanged in RadGrid

I want to do something like
"Fill Textbox of bound column in Add new Iten Mode on Dropdown selectIndexChanged in RadGrid.

e.g. When I Click ADD NEW ITEM then Row with input controls will displayed. when I change DDL's value then according it all other textbox (whatever) will filled.

My Que. is How to get that Controls in DDL's SelectIndexChanged Event ??

Grid

answered on 03 Jan 2013