Questions on UI for ASP.NET AJAX Forum

110,776 questions

6 answers

162 views

Could not view pdf files' content in radwindow after saving

Hello everyone,

After saving pdf files uploaded by AsyncUpload (using UploadedFile.SaveAs method), I could not view saved files' content in radwindow. However, if I changed the saved files with original files (have not been saved via AsyncUpload), the pdf files would be displayed properly in radwindow.

Do you have any ideas about my issue?

AsyncUpload

answered on 10 Jun 2015

16 answers

1.6K+ views

RadGrid Height 100% & ScrollHeight 100%

I'm trying to setup a RadGrid in a Table that has a height and width set to 100% so that it can expand and contract as the user resizes their browser (I'm only using IE). Inside the table I'd like to setup the RadGrid so that it will automatically expand and contract to fill the container (table cell) and to scroll the records when necessary. In other words, I want the column headers to stay fixed at the top, the paging portion to stay fixed at the bottom and the scroll bar to show up for the data records if the page is not large enough to display all the records.

FYI... the records per page is a variable loaded at runtime.

I've found some other threads in the forum that talk about different work arounds using javascript at runtime. I've tried this and it works sometimes. But due to the complexity of my page, when some of the other javascript on the page executes it causes the RadGrid to collaps in size so that only the header, footer and a sliver of one record is visible. There has to be a more stable way.

If I try to set the RadGrid height to 100% and the scroll height to 100% the grid also shriks its height to almost nothing.

Grid

answered on 09 Jun 2015

1 answer

105 views

Upgrading with new version

Hi Team,

I am using 2012.1.411.40 version of Telerik and i am upgrading my application with the latest version, i would like to know that is there any problems arises with the previous rad controls and is the previous version of rad controls will be compatible with the newer vesion of rad controls.

Regards,

A.Shrujan

General Discussions

answered on 09 Jun 2015

17 answers

702 views

Dynamic creation of groupheader

I have a radGrid with plan and actual numerical values. These numbers fall under a specific period. For example I want to run the report for 1 year. The periods would be January of this year through December of this year.

I want the 2 columns Plan and Actual to appear underneath each period.

Something like this:

January 2015

Plan Actual

My datatable has one row per period. So row 1 would contain the plan and actual value for January of 2015. Row 2 would contain the plan and actual values for February of 2015.

I have all of this working without the Period groupheader.

One last thing. It has to all be done in the code behind. Dynamic creation of the group header.

Can someone point me in the right direction?

Thanks,

Julian

Grid

answered on 09 Jun 2015

4 answers

417 views

Having multiple AsyncUpload controls on the same page

I'd like to have a multipage that has a tab for different document types. Clicking the "TAB-A" tab would let you select files, then click on "TAB-B" and select more files. When you are all done, click "Upload" and have all the files in each control process.

I've run into an issue where I'm unable to have multiple events of .FileUploaded. The postback triggers the control's event to start processing but If I add more than 1 and create an event it shows it's not a valid move to have more than one .FileUploaded events per page.

Am I doing this incorrectly or is it not possible to use multiple AsyncUpload controls on the same page?

See Photo below where controls 2 & 3 are not happy since it's using the same event as control 1 (not shown)

AsyncUpload

answered on 09 Jun 2015

14 answers

422 views

RadComboBox not reloading when selection is cleared

We are having a couple of issues with the RadComboBox not reloading when the selection has been cleared. These issues only appear in Internet Explorer and can be reproduced on Telerik's website at http://demos.telerik.com/aspnet-ajax/combobox/examples/default/defaultcs.aspx

Issue #1:
1. Click into the Region RadComboBox.
2. Type or paste a valid value into the Region ComboBox ("Cambridge" is a good example)
3. Click or Tab out of the RadComboBox and it will reload with only the item that was typed into it.
4. Click back into the Region RadComboBox.
5. Clear the Highlighted text with delete or backspace; notice the list does not request new items and reload.

Issue #2:
Click or Tab out of the field again; notice that the text area is populated with the old value.

Issue #2 is probably a direct result of the item list keeping the previous selection in Issue#1. We need the RadComboBox to reload the original list when the selection is cleared out of it.

ComboBox

answered on 09 Jun 2015

3 answers

269 views

Hamburger displays...and that's all.

So I threw together about the most simple test I could (there's literally nothing on the page except the hamburger) to see what it would look like on a mobile device, and it works just fine on my desktop (hamburger displays, clicking with mouse expands the navigation below) but, as soon as I check it on any mobile device or using the developer tools in Chrome, the hamburger is still displayed but pressing on it does nothing. I've removed nothing from the code below and the only additional change I've made to the site was to include the reference to the sitemap within the Web.config file. Any ideas as to why such a simple example is not being kind to me?

ASPX Page

______________________________________________________

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="TestSite.Mobile.test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <telerik:RadMenu ID="RadMenu1" RenderMode="Mobile" runat="server" ShowToggleHandle="true" Height="115px" Skin="MetroTouch" CssClass="t-rwd-menu-mobile" DataSourceID="dsMobileSitemap"></telerik:RadMenu>
        <asp:SiteMapDataSource ID="dsMobileSitemap" runat="server" ShowStartingNode="False" SiteMapProvider="mobileSitemap" />
    </form>
</body>
</html>

ASPX.CS Page

______________________________________________________

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;

namespace TestSite.Mobile
{
    public partial class test : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
    }
}

mobile.sitemap

______________________________________________________

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="~/" title="home" description="Home">
        <siteMapNode url="~/Mobile/Default.aspx" title="home" description="Home" />
        <siteMapNode url="~/Mobile/Contact.aspx" title="contact us" description="Contact Us" />
        <siteMapNode url="~/Mobile/DemoRequest.aspx" title="request a demo" description="Request a Demo" />
    </siteMapNode>
</siteMap>

answered on 09 Jun 2015

0 answers

153 views

Field Validation inside RadWindow

Hello,

I'm new in telerik and I need some help.

In my case everything works fine, except the validation of a field.

On the line 327 there is a RequiredFieldValidator, the validation doesn't work at all. The validator and the RadTextbox that I want to be validated are inside a RadWindow, as I can see the problem is somewhere related to RadWindow but I cannot find exactly what is the problem.

I put my code below, please let me know if anyone has any solution about this issue.

Thank You

001.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Classrooms.Default" EnableEventValidation="false" %>

002.

003.<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

004.<!DOCTYPE html>

005.

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

007.<head runat="server">

008. <title>Classrooms</title>

009. <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

010. <script type="text/javascript">

011. var popUp;

012. function PopUpShowing(sender, eventArgs) {

013. popUp = eventArgs.get_popUp();

014. var gridWidth = sender.get_element().offsetWidth;

015. var gridHeight = sender.get_element().offsetHeight;

016. var popUpWidth = popUp.style.width.substr(0, popUp.style.width.indexOf("px"));

017. var popUpHeight = popUp.style.height.substr(0, popUp.style.height.indexOf("px"));

018. popUp.style.left = ((gridWidth - popUpWidth) / 2 + sender.get_element().offsetLeft).toString() + "px";

019. popUp.style.top = ((gridHeight - popUpHeight) / 2 + sender.get_element().offsetTop).toString() + "px";

020. }

021.

022. var rwEquipments = null;

023. var radGrid1 = null;

024. var radGrid2 = null;

025.

026. function pageLoad() {

027. radGrid1 = $find("<%= RadGrid1.ClientID %>");

028. rwEquipments = $find("<%= rwEquipments.ClientID %>");

029. rwRoomDetails = $find("<%= rwRoomDetails.ClientID %>");

030. }

031.

032. function cancelEquipments(sender, args) {

033. rwEquipments.close();

034. args.set_cancel(true);

035. }

036. function saveEquipments(sender, args) {

037. radGrid1.get_masterTableView().fireCommand("SaveEquipments", rwEquipments.get_title());

038. rwEquipments.close();

039. args.set_cancel(true);

040. }

041.

042. function cancelClassroom(sender, args) {

043. rwRoomDetails.close();

044. args.set_cancel(true);

045. }

046. function saveClassroom(sender, args) {

047. radGrid1.get_masterTableView().fireCommand("SaveClassroom", rwRoomDetails.get_title());

048. rwRoomDetails.close();

049. args.set_cancel(true);

050. }

051. </script>

052. <style>

053. .RadGrid a.bookNowLink:visited,

054. .RadGrid a.bookNowLink:link,

055. .RadGrid a.bookNowLink:hover,

056. .RadGrid a.bookNowLink:active {

057. text-decoration: none;

058. text-transform: uppercase;

059. }

060.

061. div.qsf-right-content .qsf-col-wrap {

062. padding-right: 0;

063. }

064.

065. div.carTitle {

066. font-size: 15pt;

067. padding: 30px 0 5px 0;

068. }

069.

070. .carBackground {

071. background-position: right bottom;

072. background-repeat: no-repeat;

073. height: 263px;

074. border-top: 1px solid #dae2e8;

075. border-bottom: 1px solid #dae2e8;

076. padding: 20px 20px 10px 30px;

077. }

078.

079. .carInfo {

080. line-height: 24px;

081. }

082.

083. hr.lineSeparator {

084. color: #a9b5be;

085. background-color: #a9b5be;

086. height: 1px;

087. border: none;

088. }

089.

090. .divTitle {

091. font-size: 20px;

092. }

093.

094. .divFrame {

095. padding: 20px 0 20px 20px;

096. width: 520px;

097. }

098.

099. .RadWindow .rwCorner .rwTopLeft,

100. .RadWindow .rwTitlebar,

101. .RadWindow .rwCorner .rwTopRight,

102. .RadWindow .rwIcon,

103. .RadWindow table .rwTopLeft,

104. .RadWindow table .rwTopRight,

105. .RadWindow table .rwFooterLeft,

106. .RadWindow table .rwFooterRight,

107. .RadWindow table .rwFooterCenter,

108. .RadWindow table .rwBodyLeft,

109. .RadWindow table .rwBodyRight,

110. .RadWindow table .rwTitlebar,

111. .RadWindow table .rwTopResize,

112. .RadWindow table .rwStatusbar {

113. display: none;

114. }

115.

116. div.RadGrid_WebBlue .rgFilterRow td {

117. padding-bottom: 4px;

118. padding-top: 8px;

119. }

120.

121. .rbDecorated {

122. padding-right: 10px !important;

123. }

124.

125. span.RadButton {

126. vertical-align: top;

127. }

128.

129. /*Page Layout*/

130. .gridHeader {

131. position: relative;

132. background-image: url(Images/btns.png);

133. background-repeat: no-repeat;

134. background-position: 100% -80px;

135. padding-right: 161px;

136. }

137.

138. .gridHeader > div {

139. background: #9ad0da url("Images/header.png") no-repeat;

140. height: 80px;

141. margin: 0;

142. }

143.

144. .gridHeader span.saveButton,

145. .gridHeader span.loadButton {

146. height: 80px;

147. width: 80px;

148. padding: 0;

149. position: absolute;

150. right: 0;

151. top: 0;

152. background: url(Images/btns.png) no-repeat 0 0;

153. overflow: hidden;

154. }

155.

156. .gridHeader .saveButton input,

157. .gridHeader .loadButton input {

158. text-indent: -9999px;

159. }

160.

161. .gridHeader span.saveButton {

162. right: 81px;

163. background-position: -80px 0;

164. }

165.

166. * + html .demo-container {

167. max-width: 1040px;

168. }

169.

170. div.demo-container {

171. border: 0 none;

172. padding: 0;

173. }

174. </style>

175. </telerik:RadCodeBlock>

176.</head>

177.<body>

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

179. <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

180. <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Metro"></telerik:RadAjaxLoadingPanel>

181.

182. <p id="divMsgs" runat="server">

183. <asp:Label ID="Label1" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#FF8080">

184. </asp:Label>

185. <asp:Label ID="Label2" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#00C000">

186. </asp:Label>

187. </p>

188.

189. <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

190. <AjaxSettings>

191.

192. <telerik:AjaxSetting AjaxControlID="RadGrid1">

193. <UpdatedControls>

194. <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

195. <telerik:AjaxUpdatedControl ControlID="divMsgs" LoadingPanelID="RadAjaxLoadingPanel1" />

196. <telerik:AjaxUpdatedControl ControlID="rwEquipments" LoadingPanelID="RadAjaxLoadingPanel1" />

197. <telerik:AjaxUpdatedControl ControlID="rwRoomDetails" LoadingPanelID="RadAjaxLoadingPanel1" />

198. </UpdatedControls>

199. </telerik:AjaxSetting>

200.

201. </AjaxSettings>

202. </telerik:RadAjaxManager>

203.

204. <telerik:RadGrid ID="RadGrid1" runat="server" CssClass="RadGrid" GridLines="None" OnItemCommand="RadGrid1_ItemCommand"

205. AllowPaging="True" PageSize="20" AllowSorting="True" AutoGenerateColumns="False" ShowStatusBar="true" Skin="Metro"

206. AllowAutomaticUpdates="True" OnItemUpdated="RadGrid1_ItemUpdated">

207. <MasterTableView EditMode="PopUp" DataKeyNames="RoomId,Room">

208. <Columns>

209. <telerik:GridTemplateColumn>

210. <ItemTemplate>

211. <telerik:RadButton ID="btnEdit" runat="server" ButtonType="LinkButton" Text="Edit" CommandName="ResetFields" OnClick="btnEdit_Click" CommandArgument='<%# Eval("RoomId") %>' Icon-PrimaryIconCssClass="rbEdit" />

212. </ItemTemplate>

213. </telerik:GridTemplateColumn>

214. <telerik:GridBoundColumn DataField="Room" HeaderText="Room" />

215. <telerik:GridBoundColumn DataField="Description" HeaderText="Description" />

216. <telerik:GridBoundColumn DataField="NumberOfSeats" HeaderText="Number of Seats" />

217. <telerik:GridBoundColumn DataField="Campus" HeaderText="Campus" />

218. <telerik:GridBoundColumn DataField="Building" HeaderText="Building" />

219. <telerik:GridBoundColumn DataField="Floor" HeaderText="Floor" />

220. <telerik:GridBoundColumn DataField="DisabledAccessLevel" HeaderText="Disabled AccessLevel" />

221. <telerik:GridBoundColumn DataField="Type" HeaderText="Type" />

222. <telerik:GridCheckBoxColumn DataField="WorkingState" HeaderText="Working State" />

223. <telerik:GridBoundColumn DataField="StateDescription" HeaderText="State Description" />

224. <telerik:GridBoundColumn DataField="EnergyEfficiency" HeaderText="Energy Efficiency" />

225. <telerik:GridBoundColumn DataField="Longitude" HeaderText="Longitude" />

226. <telerik:GridBoundColumn DataField="Latitude" HeaderText="Latitude" />

227. <telerik:GridBoundColumn DataField="GMapCoordinates" HeaderText="GMap Coordinates" />

228. <telerik:GridTemplateColumn>

229. <ItemTemplate>

230. <telerik:RadButton ID="btnEquipment" runat="server" ButtonType="LinkButton" Text="Equipments" CommandName="ResetEquipments" OnClick="btnEquipment_Click"

231. CommandArgument='<%# Eval("RoomId") %>' />

232. </ItemTemplate>

233. </telerik:GridTemplateColumn>

234. </Columns>

235. </MasterTableView>

236. <ClientSettings>

237. <ClientEvents OnPopUpShowing="PopUpShowing" />

238. </ClientSettings>

239. </telerik:RadGrid>

240.

241. <telerik:RadWindow ID="rwEquipments" runat="server" VisibleTitlebar="false" Modal="true" AutoSize="true" Behaviors="None" Skin="Metro">

242. <ContentTemplate>

243. <div class="divFrame">

244. <div class="divTitle">

245. Select the available equipments for the current classroom

246. </div>

247. <hr class="lineSeparator" style="margin: 12px 0 12px 0" />

248. <table cellspacing="8">

249. <colgroup>

250. <col width="150px" />

251. <col width="150px" />

252. <col />

253. <col />

254. </colgroup>

255. <tr>

256. <td>Chairs</td>

257. <td>

258. <asp:CheckBox runat="server" ID="addRemoveChairs" />

259. </td>

260. </tr>

261. <tr>

262. <td>Desks</td>

263. <td>

264. <asp:CheckBox runat="server" ID="addRemoveDesks" />

265. </td>

266. </tr>

267. <tr>

268. <td>Computers</td>

269. <td>

270. <asp:CheckBox runat="server" ID="addRemoveComputers" />

271. </td>

272. </tr>

273. <tr>

274. <td>Instructor Computer</td>

275. <td>

276. <asp:CheckBox runat="server" ID="addRemoveInstructorComputer" />

277. </td>

278. </tr>

279. <tr>

280. <td>Projector</td>

281. <td>

282. <asp:CheckBox runat="server" ID="addRemoveProjector" />

283. </td>

284. </tr>

285. <tr>

286. <td>Smart Board</td>

287. <td>

288. <asp:CheckBox runat="server" ID="addRemoveSmartBoard" />

289. </td>

290. </tr>

291. <tr>

292. <td>Specific Software</td>

293. <td>

294. <asp:CheckBox runat="server" ID="addRemoveSpecificSoftware" />

295. </td>

296. </tr>

297. </table>

298. <hr class="lineSeparator" style="margin: 12px 0 12px 0" />

299. <telerik:RadButton ID="SaveEquipments" runat="server" Text="Save Changes"

300. Width="100px" OnClientClicking="saveEquipments" UseSubmitBehavior="false" />

301. <telerik:RadButton ID="CancelEquipments" runat="server" Text="Cancel"

302. Width="100px" OnClientClicking="cancelEquipments" UseSubmitBehavior="false" />

303. </div>

304. </ContentTemplate>

305. </telerik:RadWindow>

306.

307. <telerik:RadWindow ID="rwRoomDetails" runat="server" VisibleTitlebar="false" Modal="true" AutoSize="true" Behaviors="None" Skin="Metro">

308. <ContentTemplate>

309. <div class="divFrame">

310. <div class="divTitle">

311. Room Details

312. </div>

313. <hr class="lineSeparator" style="margin: 12px 0 12px 0" />

314. <table cellspacing="8">

315. <colgroup>

316. <col width="150px" />

317. <col width="150px" />

318. <col />

319. <col />

320. </colgroup>

321. <tr>

322. <td>Room</td>

323. <td>

324. <telerik:RadTextBox runat="server" ID="txtRoom" EmptyMessage="Room Name" />

325. </td>

326. <td>

327. <asp:RequiredFieldValidator

328. ID="rfvRoom"

329. runat="server"

330. Display="Dynamic"

331. ControlToValidate="txtRoom"

332. ErrorMessage="*"

333. ForeColor="Red" />

334. </td>

335. </tr>

336. <tr>

337. <td>Description</td>

338. <td>

339. <telerik:RadTextBox runat="server" ID="txtDescription" EmptyMessage="Description" />

340. </td>

341. </tr>

342. <tr>

343. <td>Number Of Seats</td>

344. <td>

345. <telerik:RadTextBox runat="server" ID="txtNumberOfSeats" EmptyMessage="Number of Seats" />

346. </td>

347. </tr>

348. <tr>

349. <td>Campus</td>

350. <td>

351. <telerik:RadComboBox ID="txtCampus" runat="server" EmptyMessage="Campus">

352. <Items>

353. <telerik:RadComboBoxItem Text="TE" Value="TE" />

354. <telerik:RadComboBoxItem Text="SK" Value="SK" />

355. </Items>

356. </telerik:RadComboBox>

357. </td>

358. </tr>

359. <tr>

360. <td>Building</td>

361. <td>

362. <telerik:RadTextBox runat="server" ID="txtBuilding" EmptyMessage="Building" />

363. </td>

364. </tr>

365. <tr>

366. <td>Floor</td>

367. <td>

368. <telerik:RadTextBox runat="server" ID="txtFloor" EmptyMessage="Floor" />

369. </td>

370. </tr>

371. <tr>

372. <td>Disabled Access Level</td>

373. <td>

374. <telerik:RadComboBox ID="txtDisabledAccessLevel" runat="server" EmptyMessage="Disabled Access Level">

375. <Items>

376. <telerik:RadComboBoxItem Text="Full" Value="Full" />

377. <telerik:RadComboBoxItem Text="Partial" Value="Partial" />

378. <telerik:RadComboBoxItem Text="No" Value="No" />

379. </Items>

380. </telerik:RadComboBox>

381. </td>

382. </tr>

383. <tr>

384. <td>Type</td>

385. <td>

386. <telerik:RadComboBox ID="txtType" runat="server" EmptyMessage="Type">

387. <Items>

388. <telerik:RadComboBoxItem Text="Classroom" Value="Classroom" />

389. <telerik:RadComboBoxItem Text="Computer Lab" Value="Computer Lab" />

390. <telerik:RadComboBoxItem Text="Lab" Value="Lab" />

391. <telerik:RadComboBoxItem Text="LH" Value="LH" />

392. </Items>

393. </telerik:RadComboBox>

394. </td>

395. </tr>

396. <tr>

397. <td>Working State</td>

398. <td>

399. <asp:CheckBox runat="server" ID="txtWorkingState" />

400. </td>

401. </tr>

402. <tr>

403. <td>State Description</td>

404. <td>

405. <telerik:RadTextBox runat="server" ID="txtStateDescription" EmptyMessage="State Description" />

406. </td>

407. </tr>

408. <tr>

409. <td>Energy Efficiency</td>

410. <td>

411. <telerik:RadTextBox runat="server" ID="txtEnergyEfficiency" EmptyMessage="Energy Efficiency" />

412. </td>

413. </tr>

414. <tr>

415. <td>Longitude</td>

416. <td>

417. <telerik:RadTextBox runat="server" ID="txtLongitude" EmptyMessage="Longitude" />

418. </td>

419. </tr>

420. <tr>

421. <td>Latitude</td>

422. <td>

423. <telerik:RadTextBox runat="server" ID="txtLatitude" EmptyMessage="Latitude" />

424. </td>

425. </tr>

426. <tr>

427. <td>GMap Coordinates</td>

428. <td>

429. <telerik:RadTextBox runat="server" ID="txtGMapCoordinates" EmptyMessage="GMap Coordinates" />

430. </td>

431. </tr>

432. </table>

433. <hr class="lineSeparator" style="margin: 12px 0 12px 0" />

434. <telerik:RadButton ID="SaveRoom" runat="server" Text="Save Changes"

435. Width="100px" OnClientClicking="saveClassroom" UseSubmitBehavior="false" />

436. <telerik:RadButton ID="CancelRoom" runat="server" Text="Cancel"

437. Width="100px" OnClientClicking="cancelClassroom" UseSubmitBehavior="false" />

438. </div>

439. </ContentTemplate>

440. </telerik:RadWindow>

441.

442. </form>

443.</body>

444.</html>

Window

asked on 09 Jun 2015

4 answers

316 views

RadAjaxLoadingPanel remains visible after file downloaded to browser

Hi,

I have a master page with a RadAjaxPanel wrapped around the ContentPlaceHolder.
This works well for most of my pages with the RadAjaxLoadingPanel popping up as expected and disappearing when the request completes.

My issue occurs when I download a file to the browser using the following sequence of code: (*** Code updated 13dec2012 ***)

Response.TransmitFile(path + Session["Attachment"].ToString());
Response.AddHeader("Content-Disposition", "attachment; filename=" + Session["Attachment"].ToString().Replace(" ", "_"));
Response.ContentType = "application/octet-stream";

The above code is actually in a separate page from the one on which the initial request was launched. I do a Response.Redirect to get to this second page (which is not displayed, but just performs the above code in its Page_Load event).

The document is successfully downloaded to the browser, but the RadAjaxLoadingPanel remains visible.
Is there something I should be doing to make the loading panel aware that the request is complete?
I have tried using Response.End() but this causes an error.

Once again, the loading panel is working fine for any other type of requests; it's only the document download that causes the problem.

Any suggestions would be greatly appreciated.

Thanks in advance.

Jim

Ajax

answered on 09 Jun 2015

4 answers

231 views

RadListView with DataGroup and Pager Not Working Properly

Hello,

I am trying to implement RadListView similar to this ListView - DataGrouping Demo. But I got very strange behaviour on page changes. I've set PageSize="5" in DataPager.

Page 1: shows (5) items from 1 - 5 (Correct)
Page 2: shows (10) items from 6 - 15 (Incorrect. Extra 5 items)
Page 3: shows (15) items from 11 - 25 (Even worse. Extra 5 new items and 5 previous items. 11 to 15 was already shown on page 2)
Page 4: shows (20) items from 16 - 35 (I've no idea)
Page 5: shows (20) items from 21 - 40
Page 6: shows (15) items from 26 - 40 (Reduced 5 items. All duplicated records from previous pages)
Page 7: shows (10) items from 31 - 40 (Reduced 5 more items. All duplicated records from previous pages)
Page 8: shows (5) items from 36 - 40 (Reduced 5 more items. All duplicated records from previous pages)
Page 9: shows (5) items from next group
Same Pattern ...

I am not sure my markup have problem or my data have. You can see my sample code that will create above result below. I also attached screen shots for faster reference.

Please help and thanks in advanced.

Sample.aspx.cs

protected void RadListView1_NeedDataSource(object sender, Telerik.Web.UI.RadListViewNeedDataSourceEventArgs e)

{

RadListView1.DataSource = PrepareData();

}

private DataTable PrepareData()

{

DataTable l_Table = new DataTable();

l_Table.Columns.Add("ID");

l_Table.Columns.Add("Code");

l_Table.Columns.Add("Group");

l_Table.Columns.Add("PIN");

l_Table.Rows.Add(new object[] { 1, "A10001", "A", 8096 });

l_Table.Rows.Add(new object[] { 2, "A10002", "A", 3029 });

l_Table.Rows.Add(new object[] { 3, "A10003", "A", 9427 });

l_Table.Rows.Add(new object[] { 4, "A10004", "A", 8792 });

l_Table.Rows.Add(new object[] { 5, "A10005", "A", 7166 });

l_Table.Rows.Add(new object[] { 6, "A10006", "A", 1002 });

l_Table.Rows.Add(new object[] { 7, "A10007", "A", 4989 });

l_Table.Rows.Add(new object[] { 8, "A10008", "A", 8108 });

l_Table.Rows.Add(new object[] { 9, "A10009", "A", 8547 });

l_Table.Rows.Add(new object[] { 10, "A10010", "A", 3651 });

l_Table.Rows.Add(new object[] { 11, "A10011", "A", 2418 });

l_Table.Rows.Add(new object[] { 12, "A10012", "A", 7482 });

l_Table.Rows.Add(new object[] { 13, "A10013", "A", 2696 });

l_Table.Rows.Add(new object[] { 14, "A10014", "A", 7149 });

l_Table.Rows.Add(new object[] { 15, "A10015", "A", 8167 });

l_Table.Rows.Add(new object[] { 16, "A10016", "A", 1995 });

l_Table.Rows.Add(new object[] { 17, "A10017", "A", 4006 });

l_Table.Rows.Add(new object[] { 18, "A10018", "A", 7834 });

l_Table.Rows.Add(new object[] { 19, "A10019", "A", 6419 });

l_Table.Rows.Add(new object[] { 20, "A10020", "A", 1864 });

l_Table.Rows.Add(new object[] { 21, "A10021", "A", 2777 });

l_Table.Rows.Add(new object[] { 22, "A10022", "A", 7167 });

l_Table.Rows.Add(new object[] { 23, "A10023", "A", 6995 });

l_Table.Rows.Add(new object[] { 24, "A10024", "A", 7136 });

l_Table.Rows.Add(new object[] { 25, "A10025", "A", 2612 });

l_Table.Rows.Add(new object[] { 26, "A10026", "A", 3543 });

l_Table.Rows.Add(new object[] { 27, "A10027", "A", 3262 });

l_Table.Rows.Add(new object[] { 28, "A10028", "A", 5829 });

l_Table.Rows.Add(new object[] { 29, "A10029", "A", 3409 });

l_Table.Rows.Add(new object[] { 30, "A10030", "A", 6428 });

l_Table.Rows.Add(new object[] { 31, "A10031", "A", 2510 });

l_Table.Rows.Add(new object[] { 32, "A10032", "A", 3874 });

l_Table.Rows.Add(new object[] { 33, "A10033", "A", 6840 });

l_Table.Rows.Add(new object[] { 34, "A10034", "A", 8446 });

l_Table.Rows.Add(new object[] { 35, "A10035", "A", 6599 });

l_Table.Rows.Add(new object[] { 36, "A10036", "A", 9215 });

l_Table.Rows.Add(new object[] { 37, "A10037", "A", 8140 });

l_Table.Rows.Add(new object[] { 38, "A10038", "A", 9804 });

l_Table.Rows.Add(new object[] { 39, "A10039", "A", 9179 });

l_Table.Rows.Add(new object[] { 40, "A10040", "A", 7315 });

l_Table.Rows.Add(new object[] { 41, "B10001", "B", 9307 });

l_Table.Rows.Add(new object[] { 42, "B10002", "B", 6832 });

l_Table.Rows.Add(new object[] { 43, "B10003", "B", 2386 });

l_Table.Rows.Add(new object[] { 44, "B10004", "B", 2283 });

l_Table.Rows.Add(new object[] { 45, "B10005", "B", 3295 });

l_Table.Rows.Add(new object[] { 46, "B10006", "B", 6314 });

l_Table.Rows.Add(new object[] { 47, "B10007", "B", 1433 });

l_Table.Rows.Add(new object[] { 48, "B10008", "B", 2250 });

l_Table.Rows.Add(new object[] { 49, "B10009", "B", 1658 });

l_Table.Rows.Add(new object[] { 50, "B10010", "B", 4967 });

l_Table.Rows.Add(new object[] { 51, "B10011", "B", 6391 });

l_Table.Rows.Add(new object[] { 52, "B10012", "B", 6217 });

l_Table.Rows.Add(new object[] { 53, "B10013", "B", 5478 });

l_Table.Rows.Add(new object[] { 54, "B10014", "B", 2037 });

l_Table.Rows.Add(new object[] { 55, "B10015", "B", 3961 });

l_Table.Rows.Add(new object[] { 56, "B10016", "B", 8989 });

l_Table.Rows.Add(new object[] { 81, "C10001", "C", 5405 });

l_Table.Rows.Add(new object[] { 82, "C10002", "C", 9161 });

l_Table.Rows.Add(new object[] { 83, "C10003", "C", 7635 });

l_Table.Rows.Add(new object[] { 84, "C10004", "C", 4567 });

l_Table.Rows.Add(new object[] { 85, "C10005", "C", 1197 });

l_Table.Rows.Add(new object[] { 86, "C10006", "C", 3379 });

l_Table.Rows.Add(new object[] { 87, "C10007", "C", 4782 });

l_Table.Rows.Add(new object[] { 88, "C10008", "C", 5650 });

l_Table.Rows.Add(new object[] { 89, "C10009", "C", 7737 });

l_Table.Rows.Add(new object[] { 90, "C10010", "C", 7174 });

l_Table.Rows.Add(new object[] { 91, "C10011", "C", 8038 });

l_Table.Rows.Add(new object[] { 92, "C10012", "C", 1445 });

l_Table.Rows.Add(new object[] { 93, "C10013", "C", 9798 });

l_Table.Rows.Add(new object[] { 94, "C10014", "C", 6405 });

l_Table.Rows.Add(new object[] { 95, "C10015", "C", 2384 });

l_Table.Rows.Add(new object[] { 96, "C10016", "C", 3403 });

l_Table.Rows.Add(new object[] { 97, "C10017", "C", 6483 });

l_Table.Rows.Add(new object[] { 98, "C10018", "C", 8907 });

l_Table.Rows.Add(new object[] { 99, "C10019", "C", 5507 });

l_Table.Rows.Add(new object[] { 100, "C10020", "C", 4660 });

l_Table.Rows.Add(new object[] { 101, "C10021", "C", 9608 });

l_Table.Rows.Add(new object[] { 102, "C10022", "C", 5091 });

l_Table.Rows.Add(new object[] { 103, "C10023", "C", 7184 });

l_Table.Rows.Add(new object[] { 127, "D10001", "D", 5775 });

l_Table.Rows.Add(new object[] { 128, "D10002", "D", 6340 });

l_Table.Rows.Add(new object[] { 129, "D10003", "D", 1671 });

l_Table.Rows.Add(new object[] { 130, "D10004", "D", 2434 });

l_Table.Rows.Add(new object[] { 131, "D10005", "D", 2740 });

l_Table.Rows.Add(new object[] { 132, "D10006", "D", 5798 });

l_Table.Rows.Add(new object[] { 133, "D10007", "D", 5826 });

l_Table.Rows.Add(new object[] { 134, "D10008", "D", 6959 });

l_Table.Rows.Add(new object[] { 135, "D10009", "D", 2469 });

l_Table.Rows.Add(new object[] { 136, "D10010", "D", 6864 });

l_Table.Rows.Add(new object[] { 137, "D10011", "D", 8379 });

l_Table.Rows.Add(new object[] { 138, "D10012", "D", 8301 });

l_Table.Rows.Add(new object[] { 139, "D10013", "D", 7469 });

l_Table.Rows.Add(new object[] { 140, "D10014", "D", 2079 });

l_Table.Rows.Add(new object[] { 141, "D10015", "D", 5101 });

l_Table.Rows.Add(new object[] { 142, "D10016", "D", 9003 });

l_Table.Rows.Add(new object[] { 143, "D10017", "D", 7630 });

l_Table.Rows.Add(new object[] { 144, "D10018", "D", 4189 });

return l_Table;

}

Sample.aspx

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadListView ID="RadListView1" runat="server" ItemPlaceholderID="DataGroupPlaceHolder3"

OnNeedDataSource="RadListView1_NeedDataSource"

AllowPaging="True" GroupAggregatesScope="AllItems" DataKeyNames="ID">

<ItemTemplate>

<div style="display: inline-block; background-color: white; padding: 10px; margin: 10px;">

<div>

<b>ID: </b>

<%#Eval("ID")%>

</div>

<div class="category model">

<b>Code: </b>

<%#Eval("Code")%>

</div>

<div class="category">

<b>PIN: </b>

<%#Eval("PIN")%>

</div>

</ItemTemplate>

<LayoutTemplate>

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

</asp:Panel>

<telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1"

Skin="Silk" PageSize="5" class="clearfix">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" FirstButtonText="First" PrevButtonText="Prev"></telerik:RadDataPagerButtonField>

<telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="10"></telerik:RadDataPagerButtonField>

<telerik:RadDataPagerButtonField FieldType="NextLast" NextButtonText="Next" LastButtonText="Last"></telerik:RadDataPagerButtonField>

</Fields>

</telerik:RadDataPager>

</LayoutTemplate>

<GroupSeparatorTemplate>

</GroupSeparatorTemplate>

<DataGroups>

<telerik:ListViewDataGroup GroupField="Group" DataGroupPlaceholderID="DataGroupPlaceHolder2"

SortOrder="Ascending">

<DataGroupTemplate>

<asp:Panel runat="server" ID="Panel3" GroupingText='<%# "Group:<b>" + (Container as RadListViewDataGroupItem).DataGroupKey + "</b>"%> '>

<asp:PlaceHolder runat="server" ID="DataGroupPlaceHolder3"></asp:PlaceHolder>

</asp:Panel>

</DataGroupTemplate>

<GroupAggregates>

<telerik:ListViewDataGroupAggregate Aggregate="First" DataField="Group" />

</GroupAggregates>

</telerik:ListViewDataGroup>

</DataGroups>

</telerik:RadListView>

</telerik:RadAjaxPanel>

ListView

answered on 09 Jun 2015

Top users last month