Questions on UI for ASP.NET AJAX Forum

6 answers

806 views

Inserting and Editing data when using a in-memory datatable

I am creating a grid dynamically and its datasource is a datatable. I am not using need data source event since I am creating the grid dynamically.
I cannot insert an item or update an item. The datasource does not reflect the changes.
Also, when I click on 'Insert' link the grid remains in edit mode.
Can someone tell me how to insert and update to an im-memory datatable ( not database)?

Thanks

Grid

answered on 27 Jan 2011

2 answers

191 views

RadPane scrolling problem

Dear Support,

I have used Radsplitter in which I want to fixed the header section, while my body section should scroll.
While scrolling my header section should not scroll it should be steady there only.
Both my header and Body section are in RadPane only.
Please guid me.

<telerik:RadSplitter ID="RadSplitter1" runat="server" OnClientLoad="SplitterLoad" Skin="Vista">
            <telerik:RadPane ID="LeftPane" runat="server" Width="670px">
                <div id="divHeading" runat="server" style="position: fixed; width:650px;">
            Here his my table showing Header Section
        </div>
                <div id="divBody" runat="server" style="overflow: auto;">
            Here I have used radGridView
        </div>
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Both"></telerik:RadSplitBar>
            <telerik:RadPane ID="EndPane" runat="server">
                Another gridview
            </telerik:RadPane>
</telerik:RadSplitter>

Splitter

answered on 27 Jan 2011

8 answers

338 views

[Solved] Double click in rad grid is not working

I have rad grid in user control and I want to edit in the grid on row double click .My problem is that when I write the javascript code in user control is not working and gives error "RowDblClick not undefine" when I write the code in the aspx page "parent window" javascript is calling but grid not found is shown in that page.I donot know what is the problem can any one help me.I want to write this javascript code in user control not in the parent window beacuse I want resuable user control not like that half portion of code in user control and half portion in aspx page.

<script type="text/javascript">

function RowDblClick(sender, eventArgs) {

debugger

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

editedRow = eventArgs.get_itemIndexHierarchical();

$find("<%= grdEvaluation.MasterTableView.ClientID %>").editItem(editedRow);

}

</script

<telerik:RadGrid ID="grdEvaluation" runat="server" AllowSorting="True" Skin="Outlook"

Width="100%" AutoGenerateColumns="false">

<MasterTableView Width="100%" EditMode="EditForms" DataKeyNames="QuestNo" Dir="<%$ Resources:Common,DIR %>">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldName="EvalGroupName" HeaderText="Group Name"></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="EvalGroupName" SortOrder="Ascending"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridTemplateColumn HeaderText="Question">

<ItemTemplate>

<asp:Label ID="lblQuestion" runat="server"></asp:Label>

<asp:Label ID="lblQuestionTypeID" runat="server" Visible="false"></asp:Label>

</ItemTemplate>

<ItemStyle Width="40%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="QuestionType">

<ItemTemplate>

<asp:Label ID="lblQuestionType" runat="server"></asp:Label>

</ItemTemplate>

<ItemStyle Width="10%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Answer">

<ItemTemplate>

<asp:Label ID="lblAnswer" runat="server"></asp:Label>

<asp:HiddenField ID="hfAnswer" runat="server" />

</ItemTemplate>

<ItemStyle Width="50%" />

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

<FormTemplate>

<table id="Table2" cellspacing="2" cellpadding="1" width="100%" border="0">

<tr>

<td style="width: 5%">

<asp:Label ID="Label2" runat="server" Text="Question :"></asp:Label>

</td>

<td style="width: 95%">

<asp:Label ID="lblQuestions" runat="server" Text='<%# Bind("QuestionName") %>'></asp:Label>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label3" runat="server" Text="Answer :"></asp:Label>

</td>

<td>

<asp:TextBox ID="txtAnswer" TextMode="MultiLine" Height="50px" Width="900px" runat="server"

Visible="false" Text='<%# Bind("Answer") %>'></asp:TextBox>

<asp:DropDownList ID="ddlAnswer" runat="server" Visible="false">

</asp:DropDownList>

</td>

</tr>

</table>

<table style="width: 20%;">

<tr>

<td align="center" colspan="2">

<asp:Button ID="Button1" Text="Update" runat="server" CommandName="Update" CausesValidation="false">

</asp:Button>

<asp:Button ID="Button2" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel">

</asp:Button>

</td>

</tr>

</table>

</FormTemplate>

<%--<PopUpSettings Modal="True"></PopUpSettings>--%>

</EditFormSettings>

</MasterTableView>

<ClientSettings EnablePostBackOnRowClick="false">

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 27 Jan 2011

1 answer

185 views

Opening a RadWindow breaks other controls' CSS

Hello,

I have a page with multiple RadTabs and clicking a button on one of them brings up a modal RadWindow. When the modal window is closed, the page does a postback and some of the data is refreshed. Afterwards, if you navigate to another tab, the CSS on the Telerik controls doesn't display properly

I've inspected it with Firebug, and some of the CSS files from WebResource.axd are missing after the windows was opened/closed (compare attached 0css.png to 2css.png). The content in the RadWindow doesn't have any special CSS, and is using the same Telerik theme as the rest of the application.

In our code, we don't make any changes to anything CSS during the process of opening/loading the RadWindow. When we do a hard refresh, the page will correct itself. When we do a refresh with re-sending the Post data, the CSS problems remain.

Included are several screenshots of the application before, during, and after the RadWindow is shown, with the list of CSS resources during each step. Do you know what could be causing this loss in CSS resources from a RadWindow being closed?

Window

answered on 27 Jan 2011

3 answers

542 views

Accessing items in child grid

I am trying to edit a checkbox in a grid on a popup edit form and can not seem to get acces to the control I need. The basic layout is I have a page with a RadGrid. The grid has a popup edit form that has a few controls (labels and textboxes) and a new grid that is populated when you edit the parent grid. On editing the parent I get primay key from the ItemDatabound if the item is in edit mode and is a grid editform item. I then
run my query to populate the child grid with the selected details I desire.
I am trying to allow a user to check or uncheck a checkbox that I then use to update a value in the database. I can access the underlying object in the itemcommand on the update by getting a reference to the grid and they getting the EditItems to then iterate through each GridItem. I have AllowMultiEdit set on my child grid and on the child grid pre_render I set each row to edit mode.What I don't have though is the checkbox control. If I try and do a find control on the child grid in the Editform I get a null back.

Here is a snippet of how I am defining the checkbox on the child grid:

<EditFormSettings EditFormType="Template">

<PopUpSettings Width="800" Height="500" />

<FormTemplate>

...

<telerik:GridTemplateColumn UniqueName="chkResubmitted">

<HeaderTemplate>

<asp:CheckBox id="headerChkbox" OnCheckedChanged="ToggleSelectedState" AutoPostBack="True"

runat="server" Text=" resubmitted" ></asp:CheckBox>

</HeaderTemplate>

<EditItemTemplate>

<asp:CheckBox id="chkResubmittedEdit" runat="server" />

</EditItemTemplate>

<ItemTemplate>

<asp:CheckBox id="chkResubmittedItem" OnCheckedChanged="ToggleRowSelection"

AutoPostBack="True" runat="server"></asp:CheckBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

In my UpdateCommand I tried accessing the checkbox with this:

if (e.CommandName == RadGrid.UpdateCommandName)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

RadGrid dtlgrid = (editedItem.FindControl("grdClaimDetail") as RadGrid);

CheckBox chk = dtlgrid.FindControl("chkResubmittedEdit");

...

Any suggestions on how I can access the checkbox on my child grid in my edit popup?

Grid

answered on 27 Jan 2011

1 answer

115 views

read grid cell value with grouping

Hello All,

Attached is radgrid where grouping has been implemented and on grid’s ItemDataBound event, I’m generating 2 buttons “Approve All” and “Reject All”.

I’m looking a way where I can read all “Transaction_Key” (1023, 1024, 1025) in a string and persist the same in session or view state. Is this possible…please suggest???

Grid

answered on 27 Jan 2011

0 answers

110 views

radmultipage and radajaxmanager

hi telerik

my page have two radtabstrip and radmultipageview
in first pageview have form
in second pageview have grid
and the page ajaxify with radajaxmanager
ajax good work
but when pageview 2 is load show gird
then if press f5 or refresh page
page is goto to pageview 1 and form is clear
but i want when press f5 page show pageview2 and not clear data
please help me

TabStrip

asked on 27 Jan 2011

3 answers

257 views

Using RadGrid for data entry screens and allowing only 1 row in the grid for input data

hi, we are planning to use RadGrid for building data input screens. We only need to have the user to input/edit multiple
fields in one aspx page. How can we configure the RadGrid control to show all the input fields for only 1 row and when the user clicks the save
the stored procedures will be called to do CRUD. We don't need to enter/edit multiple rows

Thanks

Grid

answered on 27 Jan 2011

3 answers

81 views

Multi-level grouping: all footers are gone when collapsing one group.

Hi!

My scenario is that I have grid with multilevel grouping with aggregates on group footers enabled. My desired behaviour is that every group shows his footer only when expanded so I've set:

myGrid.GroupSettings.RetainGroupFootersVisibility = false;

Problem is that all footers are gone if any of group is collapsed no matter how deep it was in grouping hierarchy. Is that expected behaviour?
(Changing setting above to "true" is trade-off solution because it causes footer to show when group is collapsed)

Another (minor) issue is that for provided skins group footers have same look at different level (same or no indentation), so it may be difficult for the user to match them to the particular group. Do you plan to address that issue?

Regards,
Maciek

Grid

answered on 27 Jan 2011

2 answers

124 views

RadSplitter in Masterpage ist not resizeable

Hello,
in my masterpage i have placed a Radsplitter with two RadPanes and a RadSplitBar between them. The contentpage is placed in the right RadPane. In the contentpages are RadControls placed. I have a contentpage named "Adressen.aspx". There are a Radsplitter with two RadPanes and a RadSplitBar between them. If the contentpage is loaded the Radsplitter is fixed to 400px and the two RadPanes are not resizeable with the RadSplitBar.
If the contentpage is empty or just filled standard asp controls, the Radsplitter is resizeable.
How can i fix this?

Contentpage:

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Adressen.aspx.vb" Inherits="Adressen" %>

<asp:Content ID="Content" ContentPlaceHolderID="MainContent" Runat="Server">

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

</telerik:RadAjaxManagerProxy>

<telerik:RadSplitter ID="RadSplitter_Adressen" runat="server" Orientation="Horizontal" Width="100%" Height="100%">

<telerik:RadPane ID="RadPane_Adressen" runat="server">

<telerik:RadGrid ID="RadGrid_Adressen" runat="server"

GridLines="None" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" OnDeleteCommand="RadGrid_Adressen_DeleteCommand"

ShowStatusBar="True"

OnItemCommand="RadGrid_ItemCommand"

OnInsertCommand="RadGrid_Adressen_InsertCommand"

DataSourceID="DF_Verbindungsobject" AllowFilteringByColumn="True"

Height="100%" Width="100%">

<MasterTableView CommandItemDisplay="Top" ClientDataKeyNames="OID"

EditMode="EditForms" DataSourceID="DF_Verbindungsobject">

<CommandItemTemplate>

<asp:LinkButton ID="LinkButton" runat="server" OnClick="Insert_Click"><img style="border:0px" alt="" src="Add.png" width="20px"/> Adresse anlegen</asp:LinkButton>

</CommandItemTemplate>

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<EditFormSettings>

<EditColumn UniqueName="EditCommandColumn2">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowSelected="RowSelected_Adressen"/>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar" runat="server">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane_AdressDialog" runat="server">

<asp:Panel ID="Panel_Adressen" runat="server">

<table border="0" style="margin-top: 20px; width: 100%;">

<tr>

<td>

OID:

</td>

<td>

<asp:Label ID="Label_OID" Style="float: left; font-weight: bold;" runat="server" />

<asp:Button ID="Button_Loeschen" Style="float: right; color: black; font-weight: bold;"

Text="Löschen" runat="server"/>

<asp:Button ID="Button_Speichern" Style="float: right; margin-right: 10px; color: black;

font-weight: bold;" Text="Speichern"

runat="server"/>

<asp:Button ID="Button_Einfuegen" Style="float: right; margin-right: 10px; color: black;

font-weight: bold;" Text="Einfügen"

runat="server" Visible="False"/>

</td>

</tr>

<tr>

<td>

Klasse:

</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Klasse" runat="server" ReadOnly="True" >

<ReadOnlyStyle BackColor="#CCCCCC" />

</telerik:RadTextBox>

<telerik:RadComboBox ID="RadComboBox_Klasse" runat="server" Visible="False" Width="265px">

<Items>

<telerik:RadComboBoxItem Text="" Value="" />

<telerik:RadComboBoxItem Text="Kunde" Value="Kunde" />

<telerik:RadComboBoxItem Text="Lieferant" Value="Lieferant" />

<telerik:RadComboBoxItem Text="Interessent" Value="Interessent" />

<telerik:RadComboBoxItem Text="Hersteller" Value="Hersteller" />

</Items>

</telerik:RadComboBox>

</td>

<td>Nummer:</td> <td>

<telerik:RadTextBox ID="RadTextBox_Nummer" runat="server" ReadOnly="True" Width="265px">

<ReadOnlyStyle BackColor="#CCCCCC" />

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

Anrede:</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Anrede" runat="server" Width="265px"/>

</td>

<td>Name2:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Name2" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Name1:

</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Name1" runat="server" Width="265px"/>

</td>

<td>Name3:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Name3" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Strasse:

</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Strasse" runat="server" Width="265px"/>

</td>

<td>Telefon:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Telefon" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Land-PLZ-Ort:</td>

<td>

<table>

<tr>

<td><telerik:RadTextBox ID="RadTextBox_Laenderkennzeichen" runat="server" Width="32px" /></td>

<td>

<telerik:RadTextBox ID="RadTextBox_PLZ" runat="server" Width="60px"/>

</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Ort" runat="server" width="155px"/>

</td>

</tr>

</table>

</td>

<td>Mobiltelefon:</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Mobiltelefon" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Staat:</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Staat" runat="server" Width="265px"/>

</td>

<td>Fax:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Fax" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Branche</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Branche" runat="server" Width="265px"/>

</td>

<td>EMail:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_EMail" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

Ersteller:</td>

<td>

<telerik:RadTextBox ID="RadTextBox_Ersteller" runat="server" Width="265px"/>

</td>

<td>Internet:

</td> <td>

<telerik:RadTextBox ID="RadTextBox_Internet" runat="server" Width="265px"/>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td></td> <td></td>

</tr>

<tr>

<td style="vertical-align: top;">

Info:</td>

<td colspan="3">

<telerik:RadEditor ID="RadEditor_Info" Width="100%" runat="server"

Height="250px" Language="de-DE">

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorTool Name="StrikeThrough" />

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyFull" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

</td>

</tr>

</table>

</asp:Panel>

</telerik:RadPane>

</telerik:RadSplitter>

<asp:ObjectDataSource ID="DF_Verbindungsobject" runat="server"

DeleteMethod="delete" InsertMethod="insert" SelectMethod="abfrage"

TypeName="DF_DataBinding" UpdateMethod="update">

....

</asp:ObjectDataSource>

<input type="hidden" id="hidden_field_index" runat="server" value="" name="hidden_index"/>

</asp:Content>

Masterpage:

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>

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

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

<link rel="stylesheet" type="text/css" href="CSS/screen.css" charset="utf-8" />

</head>

<body>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

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

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager" Runat="server">

</telerik:RadSkinManager>

<telerik:RadSplitter ID="RadSplitter_Gesammt" Runat="server" Height="100%"

Width="100%" ResizeMode="AdjacentPane">

<telerik:RadPane ID="RadPane_Navi" Runat="server" Width="250px">

<telerik:RadPanelBar runat="server" ID="RadPanelBar_Navi" ExpandMode="SingleExpandedItem">

<Items>

<telerik:RadPanelItem Text="Neu" value="Neu" runat="server">

<Items>

<telerik:RadPanelItem Text="E-Mail" Value="EMail" runat="server"> </telerik:RadPanelItem>

<telerik:RadPanelItem Text="Mitteilung" Value="Mitteilung" runat="server"> </telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Expanded="False" Text="Adressen" runat="server" Selected="true" NavigateUrl="Adressen.aspx">

</telerik:RadPanelItem>

<telerik:RadPanelItem Expanded="False" Text="Dokumente" runat="server" Selected="true" NavigateUrl="Dokumente.aspx">

<Items>

<telerik:RadPanelItem Value="AccountDokumentInformation" runat="server">

<ItemTemplate>

<telerik:RadTreeView ID="RadTreeView_Dokumente" Runat="server" AssociatedControlID="RadTreeview_Dokumente" OnNodeClick="RadTreeView_NodeClick" >

</telerik:RadTreeView>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>