Telerik Forums
UI for ASP.NET AJAX Forum
20 answers
1.0K+ views
Hello, I am using a RadGrid to do some batch updating.  My question is..how do you get the grid to commit updates from an outside button.  In other words I want the user to enter in some data and then fill out other areas of the form and then hit submit.  That's when the action of updating will occur.

Thanks in advance.
Austin
Top achievements
Rank 1
 answered on 11 May 2017
2 answers
137 views

Hello,

I have a page with a masterpage that has a set of Radmenu items, when i add a couple radgrids to the page and enable the AllowFilteringByColumn option, it causes the Radmenu to display incorrectly. Is there some way i can allow filtering without messing up the menu?

I'm using telerick UI for asp.net ajax version 2016.3.1027.45

I'm attaching a screenshot showing the difference.

Here is the code.

Thanks!

Master Page:

01.<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="OpenCall.master.vb"
02.    Inherits="ListManagement.OpenCall" %>
03. 
04.<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
05. 
06.<!DOCTYPE html>
08.<head runat="server">
09.    <title></title>
10.    <asp:ContentPlaceHolder ID="head" runat="server">
11.    </asp:ContentPlaceHolder>
12.    <link href="../Styles/style.css" rel="stylesheet" />
13.</head>
14.<body>
15.    <form id="form1" runat="server" class="noselect">
16.            <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
17.            <div id="header_container">
18.                <div class="logo">
19.                    <asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~/Images/Canonlogo.gif"></asp:ImageMap>
20.                </div>
21.                <div id="header">
22.                     
23.                 
24.                    <h2>List Manager</h2>
25.                </div>
26.                <div id="main-nav">
27.                    <telerik:RadMenu ID="menu" runat="server" DataFieldID="Title" Style="z-index:2900"
28.                        DataNavigateUrlField="Url" DataSourceID="RadSiteMapDataSource1" ToolTip="Menu"
29.                        DataTextField="Title"
30.                        EnableTheming="True" Skin="Windows7" Font-Bold="True" RenderMode="Classic" Visible="False">
31.                    </telerik:RadMenu>
32.                    <telerik:RadSiteMapDataSource ID="RadSiteMapDataSource1" runat="server" SiteMapFile="Web.sitemap"
33.                        ShowStartingNode="False" SiteMapProvider="NADSiteMap"></telerik:RadSiteMapDataSource>
34.                    <telerik:RadMenu ID="AgentMenu" runat="server" DataFieldID="Title" Style="z-index:2900"
35.                        DataNavigateUrlField="Url" DataSourceID="RadSiteMapDataSource2" ToolTip="Menu"
36.                        DataTextField="Title"
37.                        EnableTheming="True" Skin="Windows7" Font-Bold="True" RenderMode="Classic" Visible="False">
38.                    </telerik:RadMenu>
39.                    <telerik:RadSiteMapDataSource ID="RadSiteMapDataSource2" runat="server" SiteMapFile="Web.sitemap"
40.                        ShowStartingNode="False" SiteMapProvider="AgentSiteMap"></telerik:RadSiteMapDataSource>
41.                </div>
42.            </div>
43.            <asp:Label ID="Msg" runat="server" Text=""></asp:Label>
44.            <div id="site_content" runat="server">
45. 
46.                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
47.                </asp:ContentPlaceHolder>
48. 
49.            </div>
50.            <div id="footer_container" class="noselect">
51.                <p>
52.                Â© <%: DateTime.Now.Year %> - Outbound Dialing List Manager
53.                </p>
54.            </div>
55.         
56.    </form>
57.</body>
58.</html>

 

Grids.aspx

01.<%@ Page Title="" Language="vb" AutoEventWireup="true" MasterPageFile="~/MasterPages/OpenCall.Master"
02.    CodeBehind="Grids.aspx.vb" Inherits="ListManagement.Grids" %>
03. 
04. 
05.<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
06.</asp:Content>
07.<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
08.    <div style="width: 100%">
09.        <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="LMData" AllowFilteringByColumn="true"  AllowMultiRowSelection="true"
10.            Height="600px" GroupingSettings-CaseSensitive="false" Skin="Windows7" AutoGenerateColumns="false" AllowPaging="true" AllowCustomPaging="false" PageSize="30">
11.            <ClientSettings>
12.                <Scrolling AllowScroll="true" SaveScrollPosition="true" />
13.                <Selecting AllowRowSelect="true" EnableDragToSelectRows="true" UseClientSelectColumnOnly="false" />
14.                <%--<ClientEvents OnRowSelected="rowSelected" OnRowDeselected="rowDeselected" OnRowCreated="rowCreated" OnGridCreated="gridCreated" />--%>
15.            </ClientSettings>
16.            <MasterTableView CommandItemDisplay="Top" TableLayout="Auto" ClientDataKeyNames="ID">
17. 
18.                <Columns>
19.                    <telerik:GridBoundColumn UniqueName="ID" DataField="ID" HeaderText="ID" Display="false" ShowFilterIcon="false"></telerik:GridBoundColumn>
20.                    <telerik:GridClientSelectColumn UniqueName="ClientSelectCol" HeaderStyle-Width="30px" ItemStyle-Width="30px" ShowFilterIcon="false"></telerik:GridClientSelectColumn>
21.                    <telerik:GridBoundColumn DataField="First_Name" HeaderText="First_Name" UniqueName="First_Name" Display="false" ShowFilterIcon="false"></telerik:GridBoundColumn>
22.                    <telerik:GridBoundColumn DataField="Last_Name" HeaderText="Last_Name" UniqueName="Last_Name" Display="false" ShowFilterIcon="false"></telerik:GridBoundColumn>
23.                    <telerik:GridCalculatedColumn HeaderStyle-Width="120px" ItemStyle-Width="90px" HeaderText="Name" UniqueName="Name" DataFields="First_Name,Last_Name" Expression='{0} + " " + {1}'></telerik:GridCalculatedColumn>
24.                    <telerik:GridBoundColumn DataField="Company_Name" HeaderText="Company Name" UniqueName="Company_Name"></telerik:GridBoundColumn>
25.                    <telerik:GridBoundColumn DataField="FileName" HeaderText="File Name" UniqueName="FileName"></telerik:GridBoundColumn>
26.                </Columns>
27.            </MasterTableView>
28. 
29.        </telerik:RadGrid>
30.        <asp:SqlDataSource runat="server" ID="LMData" ConnectionString="<%$ Connectionstrings:CITSSQLDEVLM %>" SelectCommand="OpenCases" SelectCommandType="StoredProcedure"></asp:SqlDataSource>
31.        <telerik:RadComboBox ID="cbEmp" runat="server" DataSourceID="SqlDataSourceAgents"
32.            AutoPostBack="true" DataTextField="EmpName" DataValueField="EMPID" MarkFirstMatch="True"
33.            EmptyMessage="Select Agent..." AppendDataBoundItems="True" AllowCustomText="True"
34.            Skin="Windows7">
35.            <Items>
36.                <telerik:RadComboBoxItem Text="ALL" Selected="true" Value="NULL" />
37.            </Items>
38.        </telerik:RadComboBox>
39.        <asp:SqlDataSource ID="SqlDataSourceAgents" runat="server" ConnectionString="<%$ ConnectionStrings:EMPInfoConnectionString %>"
40.            SelectCommand="uspOutboundSalesEmployees" SelectCommandType="StoredProcedure"></asp:SqlDataSource>
41.        <telerik:RadGrid ID="RadGrid2" runat="server" DataSourceID="SqlDataSource3" AllowFilteringByColumn="true"  Height="600px" RenderMode="Lightweight"
42.                          GroupingSettings-CaseSensitive="false" AllowPaging="true" AllowCustomPaging="false" PageSize="30" Skin="Windows7"  AllowMultiRowSelection="true">
43.        </telerik:RadGrid>
44. 
45.        <asp:SqlDataSource runat="server" ID="SqlDataSource3" ConnectionString='<%$ ConnectionStrings:CITSSQLDEVLM %>'
46.            SelectCommand="EmpCases" SelectCommandType="StoredProcedure">
47.            <SelectParameters>
48.                <asp:ControlParameter ControlID="cbEmp" Name="EmpID" PropertyName="SelectedValue"
49.                    Type="String" />
50.            </SelectParameters>
51.        </asp:SqlDataSource>
52.    </div>
53. 
54.</asp:Content>
william
Top achievements
Rank 1
 answered on 11 May 2017
0 answers
70 views

I have 3 levels of grouping in my radgrid and I need to display the sum of one of the detail levels at each group header level.  I have tried creating groups client side and server side with the same results.  The group header levels end up displaying and calculating sporadically on inner groups 2 and 3.  The top most group always displays correctly with the total hours.  Below is my code for the grid.  Any help or direction would be appreciated.

<t:RadGrid ID="rgPTOA" runat="server" GroupingEnabled="true"
OnNeedDataSource="rgPTOA_OnNeedDataSource" ShowGroupPanel="false"
OnItemCommand="rgPTOA_OnItemCommand" GroupingSettings-GroupByFieldsSeparator=" "
Visible="false"
GridLines="None"
ShowFooter="false"
HeaderStyle-Wrap="false"
ShowHeader="false" AutoGenerateColumns="false" OnPreRender="rgPTOA_PreRender"
>
<ClientSettings AllowGroupExpandCollapse="true">
</ClientSettings>
<GroupingSettings RetainGroupFootersVisibility="true" />
<MasterTableView ShowGroupFooter="true" EnableNoRecordsTemplate="true" ShowHeadersWhenNoRecords="false" DataKeyNames="EmpNameLine"
AutoGenerateColumns="false" Width="100%" TableLayout="Fixed" GroupLoadMode="Client"
>
<NoRecordsTemplate>NO RECORDS </NoRecordsTemplate>
<Columns>
<telerik:GridTemplateColumn>
<ItemTemplate>
<!-- Content Area -->
<!-- result 1-1-1-1 -->
<section>
<section class="large-border-bottom-grey">
<div class="magic-mobile-panels no-table">
<div class="row">
<!-- date requested -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
DATE REQUESTED
</header>
<div>
<asp:Label ID="Label7" runat="server" Text='<%# Eval("PTO_DATE", "{0:MM/dd/yyyy}") %>'> </asp:Label>
</div>
</div>
</div>
<!-- benefit type -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
BENEFIT TYPE
</header>
<div>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("PAY_TYPE_CODE") %> '> </asp:Label>
</div>
</div>
</div>
<!-- labor status -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
LABOR STATUS
</header>
<div>
<asp:Label ID="Label2" runat="server" Text='<%# Eval("LaborStatus") %> '> </asp:Label>
</div>
</div>
</div>
<!-- dist. code -->
<div class="column small-12 large-expand show-for-large">
<div class="mmpanel">
<header>
DIST. CODE
</header>
<div>
<asp:Label ID="Label3" runat="server" Text='<%# Eval("PR_DIST_ID") %> '> </asp:Label>
</div>
</div>
</div>
<!-- start time -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
START TIME
</header>
<div>
<asp:Label ID="Label4" runat="server" Text='<%# Eval("PTO_Date","{0:hh:mm tt}")%> '> </asp:Label>
</div>
</div>
</div>
<!-- hours -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
HOURS
</header>
<div>
<asp:Label ID="Label5" runat="server" Text='<%# Eval("PTO_HOURS") %> '> </asp:Label>
</div>
</div>
</div>
<!-- review due date -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
REVIEW DUE DATE
</header>
<div>
<asp:Label ID="Label6" runat="server" Text='<%# Eval("PTO_APPROVE_DUE","{0:hh:mm tt}")%> '> </asp:Label>
</div>
</div>
</div>
<!-- approval status -->
<div class="column small-12 large-expand show-for-large">
<div class="mmpanel">
<header>
STATUS
</header>
<div>
<asp:Label ID="Label8" runat="server" Text='<%# Eval("PTOVerificationStatus") %> '> </asp:Label>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- desktop -->
<section class="show-for-large">
<div class="row column-center-divider">
<!-- comment -->
<div class="column">
<div class="panel-2">
<header>COMMENT</header>
<div class="font-size-smaller">
<asp:Label ID="Label9" runat="server" Text='<%# Eval("PTO_COMMENT") %> '> </asp:Label>
</div>
</div>
</div>
<!-- approval comment -->
<div class="column">
<div class="panel-2">
<header>APPROVAL COMMENT</header>
<div class="font-size-smaller">
<asp:Label ID="Label10" runat="server" Text='<%# Eval("PTO_REVIEW_COMM") %> '> </asp:Label>
</div>
</div>
</div>
</div>
</section>
<!-- /desktop -->
</section>
<!-- /result 1-1-1-1 -->
<!-- /RESULTS -->
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<GroupByExpressions>
<%--First Grouping Header--%>
<t:GridGroupByExpression>
<GroupByFields>
<t:GridGroupByField FieldName="DeptID" />
</GroupByFields>
<SelectFields>
<t:GridGroupByField FieldName="DeptID" HeaderText=" " HeaderValueSeparator="" />
<t:GridGroupByField FieldName="PTO_HOURS" FieldAlias="A2" Aggregate="Sum" FormatString="{0:F2}" HeaderText=" &nbsp;&nbsp;&nbsp;Total Hours" />
</SelectFields>
</t:GridGroupByExpression>
<%--Second Grouping Header--%>
<t:GridGroupByExpression>
<GroupByFields>
<t:GridGroupByField
FieldName="EmpNameLine" />
</GroupByFields>
<SelectFields>
<t:GridGroupByField FieldName="EmpNameLine" HeaderText="Employee" />
<t:GridGroupByField FieldName="PTO_HOURS" FieldAlias="A3" Aggregate="Sum" FormatString="{0:F2}" HeaderText=" &nbsp;&nbsp;&nbsp;Total Hours" />
</SelectFields>
</t:GridGroupByExpression>
<%--Third Grouping Header--%>
<t:GridGroupByExpression>
<GroupByFields>
<t:GridGroupByField
FieldName="PAY_TYPE_CODE" />
</GroupByFields>
<SelectFields>
<t:GridGroupByField FieldName="PAY_TYPE_CODE" HeaderText="Pay Type" />
<t:GridGroupByField FieldName="PTO_HOURS" FieldAlias="A4" Aggregate="Sum" FormatString="{0:F2}" HeaderText=" &nbsp;&nbsp;&nbsp;Total Hours" />
</SelectFields>
</t:GridGroupByExpression>
</GroupByExpressions>
</MasterTableView>
</t:RadGrid>

Grace
Top achievements
Rank 1
 asked on 11 May 2017
2 answers
116 views

We're using the RadDatePicker and the RadTimePicker in a new site that also uses Bootstrap. For both controls there is an odd effect on the hover state of the icon. Instead of just changing state the icon slides in. Is there a way to change that to a standard hover state where the icon swaps to the hover without the slide? 

thanks

Jeff
Top achievements
Rank 1
 answered on 11 May 2017
3 answers
397 views

Hi, 

First of all
sorry for my bad English

I have a Problem with the RadAsyncUpload Control.
I'm using VS2010, and my Telerik Versión is Q1 2013

In a web page I have a Radgrid that shows the names of files uploaded.
When a user click a button of any of the rows of the Radgrid, it displays a Radwindow.

In that Radwindow, i load a web page containing 3 RadAsyncUpload and 1 RadProgressArea.
In the load event a query is performed to the database to see if the files that corresponds to the row of the Radgrid exists.

If the files already exist, the RadAsyncUpload are hidden.  And instead, show labels with the names of the uploaded files, and also shows a button to delete the files.

But when the web page within the Radwindow finishes loading, i get a cliente message saying "Could not find an instance of RadProgress or RadAsyncUpload on the page. Are you missing the control declaration?".

I notice that when controls are hidden the message appears. But when they are not does not appear.

If files exist, I need to hide the controls,to show the user the option to remove them from the server.

Here are part of my code:

* One of my RadAsyncUpload on the web page, the other 2 are the same with different names.

<div class="Inscontrolrow">
    <telerik:RadAsyncUpload ID="AsyncUpload1" runat="server" Culture="es-MX"  MaxFileInputsCount="1" TabIndex="12" AllowedFileExtensions=".pdf,.xls,.xlsx,.zip,.xml" MaxFileSize="140680064" >
    </telerik:RadAsyncUpload>
    <div style="float:left; margin:0 20px 0 0">
         <asp:Label ID="LblArchivoFO" runat="server"  Visible="false"></asp:Label>
    </div>
    <div style="float:left">
          <telerik:RadButton ID="BtnEliminarFO" runat="server" Text="Eliminar"   Visible="false"></telerik:RadButton>
    </div>
</div>
* The only RadProgressArea that the web page contains.

<div class="Inscontrolrow">
   <telerik:RadProgressArea runat="server" ID="ProgressArea1" Culture="es-MX" TabIndex="19">
   </telerik:RadProgressArea>
</div>

* Part of the server code where the controls are hidden:
......
If Not row("Archivo_Factura_Original") Is Nothing And Not row("Archivo_Factura_Original") Is DBNull.Value Then
 Dim Rutacarpeta As String = Server.MapPath("~/Archivos/clientes/" + CStr(Session("ID_")).Trim + "/Facturas_Originales/")
 Dim name As String = CStr(row("Archivo_Factura_Original"))
 If File.Exists(Rutacarpeta & name) Then
  LblArchivoFO.Text = CStr(row("Archivo_Factura_Original"))
  LblArchivoFO.Visible = True
  BtnEliminarFO.Visible = True
  Me.AsyncUpload1.Enabled = False
  Me.AsyncUpload1.Visible = False
 Else
  LblArchivoFO.Visible = False
  BtnEliminarFO.Visible = False
  Me.AsyncUpload1.Enabled = True
  Me.AsyncUpload1.Visible = True
 End If
End If
.....

Please help me.

Rumen
Telerik team
 answered on 11 May 2017
3 answers
203 views

Hello,

I am getting this issue when I am trying to hide/show panels containing upload control within an update panel.

Is this issue occurring due to hide/unhide the control. If so, please help with the resolution.

 

Thanks

 

Rumen
Telerik team
 answered on 11 May 2017
1 answer
80 views
Currently when a user types into our radTimePicker it defaults to "AM" For instance if they type 4:00 it will automatically make this an "AM" value. We're using the timepicker in a situation where a user is picking a start time and an end time. The end time will most often be in the afternoon and to avoid accidental mistakes we'd like the default to be "PM". Is that possible?
Rumen
Telerik team
 answered on 11 May 2017
3 answers
187 views

Screenshot attached.

I have upload enabled and it is working fine.  However, on the upload dialog box, the checkbox for "Overwrite if file exists" is about 2 inches north of the text. 

I don't see an obvious  way where I can control this layout.  What would you suggest to get the checkbox near the checkbox label? I am running v2016.3.1018

 

 

Joel
Top achievements
Rank 2
 answered on 11 May 2017
3 answers
138 views

I have a page that has two grids. I need to collect all the data from both grids as well as additional info from various other controls on the page and validate, then save it. If the data doesn't validate against our validation logic, I need to allow the user to make necessary changes then attempt to save again.

This page is solely for new data, so technically there is no datasource to connect to. Here's what I've done. The grids are set up for Ajax and are batch edit. I've got a button on my page that calls JS to save changes to both grids if either of them has changes. Otherwise, it triggers a save changes of the rest of the page data. I've set my grids to bind to public properties on my page that are pulling from a Session Object. This way when I save the rest of the page data in the Page_PreRender event, I can combine it with the rest (the two grids feed child collections off a main object, being populate from the various other controls on the page).

But I've got a snag. How do I reset the grid records, so that if I can't save due to validation, when the user clicks the save button again, the grid is still triggering an Insert instead of an Update?

Reading through other threads made me think it had something to do with ajax, but because I don't have a true datasource, ajax is what is keeping the data in the grid when the user clicks the save button. And I need this to happen in case of a validation failure.

I hope all this makes sense. Can anyone help? Maybe there is a better way to collect all this new data. I'm just not sure.

Marin Bratanov
Telerik team
 answered on 11 May 2017
4 answers
154 views
can i cretae the following controls in client side

1. RadComboBox
2. RadDatePicker
3.RadTextBox
4.RadNumericTextBox
Marin Bratanov
Telerik team
 answered on 11 May 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?