Questions on UI for ASP.NET AJAX Forum

3 answers

69 views

MasterTableView.set_expanded creates Get request not found

Hello,

I have a grid with a nested view template. I removed the expand/collapse column to create a customized one.

In the ItemDataBound method I do the following:

TableCell tcExpand = item["Expand"];

Image img = new Image();

img.ImageUrl = "/images/expand_collapse_plus.gif";

img.AlternateText = "+";

img.Attributes.Add("OnClick","ExpandThisMasterTableViewItem(this);");

tcExpand.Controls.Clear();

tcExpand.Controls.Add(img);

On the front end I have:

function ExpandThisMasterTableViewItem(sender) {

var rowIndex = $(sender).closest("tr").attr("id");

rowIndex = rowIndex.substr(rowIndex.lastIndexOf('_') + 1);

var firstMasterTableViewRow = $find("<%= myGrid.MasterTableView.ClientID %>").get_dataItems()[rowIndex];

if (firstMasterTableViewRow.get_expanded()) {

$(sender).closest("tr").find("td").css("background-color", "none");

$(sender).closest("img[src*='expand']").src = "/images/expand_collapse_plus.gif";

firstMasterTableViewRow.set_expanded(true);

}

else {

$(sender).closest("tr").find("td").css("background-color", "#DBFEDB");

$(sender).closest("img[src*='expand']").attr('src', '/images/expand_collapse_minus.gif');

firstMasterTableViewRow.set_expanded(true);

}

The line firstMasterTableViewRow.set_expanded always seems to call an image for my custom expand button and I end up with an error :

GET http://localserver/mypage/undefined 404 (Not Found)

If I comment the line, I do not have that 404 not found error. But i need to expand / collapse my rows.

Any idea why this error is thrown with that line?

Thank you

General Discussions

answered on 27 Oct 2015

1 answer

105 views

LoadOnDemand for NestedViewTemplate

Hi community,

I am facing the following challenge:

I want to view some table data with nested details and different structure, but the details should be load on demand to reduce load to the database.

I tried using the NestedViewTemplate which unfortunately shows the same behavior regardless of the "HierarchyLoadMode" or the "GroupLoadMode".

All of the data queries are fired at once during initial load/databind.

I also tried it with the example from http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/hierarchy-with-templates/defaultcs.aspx which shows the same behavior.

Isn't there an option to load data for the NestedViewTemplate on demand? What am I doing wrong?

Best regards,

Tobias

Grid

answered on 27 Oct 2015

0 answers

120 views

radconfirm on radgrid OnCommand

i need to call Server side "Grid_ItemCommand"

<telerik:RadGrid ID="DgDataGrid" runat="server" AllowPaging="true" PageSize="10" OnItemDataBound="DgDataGrid_ItemDataBound" OnItemCommand="DgDataGrid_ItemCommand" CellSpacing="2" >
<MasterTableView AutoGenerateColumns="false" TableLayout="Fixed">

....

      </MasterTableView>
      <ClientSettings>
              <ClientEvents OnCommand="OnCommand" />
       </ClientSettings>

Grid

asked on 27 Oct 2015

7 answers

302 views

Can't use RadAjaxLoadingPanel and RadAsyncUpload simultaneously.

Hi all,
Using UI for ASP.NET AJAX Q3 2015 along with VS 2013. I am using below link as a prototype.

http://demos.telerik.com/aspnet-ajax/asyncupload/examples/validation/defaultcs.aspx

I modified it to fit my requirements. I would like to use RadAjaxLoadingPanel and RadAsyncUpload together on the button click event of the below button (attached AsyncUpload - Validation.png)

<telerik:RadButton runat="server" Skin="Silk" ID="BtnSubmit"Text="Validate the uploaded files" OnClick="BtnSubmit_Click"></telerik:RadButton>

On Button Click event, the routine uploads the file as well as runs SQL Stored procedure and on return Stored procedure also executes SSIS packages.
The whole process takes some 5-7 minutes that is the main reason I would like to display the Loading Panel during the execution phase. Instead of IE “Waiting for Local host” message. If I do use RadAjaxLoadingPanel, after the process complete, current form stays open, does not go to attached 2nd screen (Attachment 2.png).

Below is my complete code. Thanks for any help

Gc_0620

_________

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

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

<!DOCTYPE html>

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

<head runat="server">

<title>Telerik ASP.NET Example</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

<script type="text/javascript" src="scripts.js"></script>

</head>

<body>

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

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

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

<script type="text/javascript">

function rAsyncUpload_Selected(sender, args) {

var currentFileName = args.get_fileName();

document.getElementById('<%=hidValueFileName.ClientID %>').value = currentFileName;

}

function OnClientFileUploadRemoved(sender, args) {

var currentFileName = args.get_fileName();

// alert(currentFileName); //OnClientFileUploadRemoved

document.getElementById('<%=hidValueFileName.ClientID %>').value = "";

__doPostBack("<%= RefreshButton.UniqueID %>", "OnClick");

}

</script>

</telerik:RadCodeBlock>

<div class="demo-container size-medium">

<div class="qsf-demo-canvas">

<h2>Upload your files</h2>

<ul class="qsf-list">

<li>

<strong>Allowed file types:</strong> jpg, jpeg, png, gif,csv (client-side validation).

</li>

<li>

<strong>Allowed overall upload size:</strong> 100 MB (server-side validation).

</li>

</ul>

<table>

<tr id="in_put" runat="server">

<td>

<telerik:RadMonthYearPicker ID="RadMonthYearPicker1" AutoPostBack="true" OnSelectedDateChanged="btnPopulate_Form"

runat="server">

</telerik:RadMonthYearPicker>

</td>

<td>

<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" AllowedFileExtensions="jpg,jpeg,png,gif,csv" TargetFolder="" MultipleFileSelection="Automatic"

OnClientFileSelected="rAsyncUpload_Selected"

PostbackTriggers="BtnSubmit" MaxFileSize="100971520" Skin="Silk"

OnClientFileUploadRemoved="OnClientFileUploadRemoved"

UploadedFilesRendering="BelowFileInput">

</telerik:RadAsyncUpload>

</td>

</tr>

</table>

<div class="qsf-results">

<telerik:RadButton runat="server" Skin="Silk" ID="BtnSubmit"

Text="Validate the uploaded files" OnClick="BtnSubmit_Click">

</telerik:RadButton>

<asp:Panel ID="ValidFiles" Visible="false" runat="server" CssClass="qsf-success">

<h3>You successfully uploaded:</h3>

<ul class="qsf-list" runat="server" id="ValidFilesList"></ul>

</asp:Panel>

<asp:Panel ID="InvalidFiles" Visible="false" runat="server" CssClass="qsf-error">

<h3>The Upload failed for:</h3>

<ul class="qsf-list ruError" runat="server" id="InValidFilesList">

<li>

<p class="ruErrorMessage">The size of your overall upload exceeded the maximum of 1 MB</p>

</li>

</ul>

</asp:Panel>

<telerik:RadButton Skin="Silk" ID="RefreshButton" runat="server" OnClick="RefreshButton_Click" Visible="false" Text="Back"></telerik:RadButton>

</div>

<div class="qsf-decoration"></div>

</div>

<script type="text/javascript">

//<![CDATA[

Sys.Application.add_load(function () {

demo.initialize();

});

//]]>

</script>

<table>

<tr>