Questions on UI for ASP.NET AJAX Forum

0 answers

112 views

I am trying to make an example about Client side binding. I have 18 data objects and I set page size of grid to 18 but the grid just shows 11 rows on browsers. I don't know what I did wrong. Please give me your advice.

1.<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 <br

><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><

br> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> 

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

<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> 

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> 

<script type="text/javascript"> 

function pageLoad(sender, args) { var tableView = $find("<%= cartRadGrid1.ClientID %>").get_masterTableView(); var data = [ { "RecordID": 1, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 2, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 3, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 4, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 5, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 6, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 7, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 8, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 9, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 10, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 11, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 12, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 13, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 14, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 15, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 }, { "RecordID": 16, "Manufacturer": "IBM", "Productname": "foo185", "Quantity": 4 }, { "RecordID": 17, "Manufacturer": "MSFT", "Productname": "bar215", "Quantity": 8 }, { "RecordID": 18, "Manufacturer": "UHU", "Productname": "upi235", "Quantity": 12 } ]; tableView.set_dataSource(data); tableView.dataBind(); } function rowDataBound(sender, args) { var gridItem = args.get_item(); var record = args.get_dataItem(); var templateCell = gridItem.get_cell("TemplateColumn"); $get("Manufacturer", templateCell).innerHTML = record.Manufacturer; $get("Productname", templateCell).innerHTML = record.Productname; var editCell = gridItem.get_cell("TemplateEditColumn"); $get("Quantity", editCell).innerHTML = record.Quantity; } </script> </telerik:RadScriptBlock> <div> 

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%"> <telerik:RadGrid ID="cartRadGrid1"  runat="server" AllowPaging="True"> <PagerStyle Mode="NumericPages" /> <MasterTableView AutoGenerateColumns="False" DataKeyNames="RecordID" ClientDataKeyNames="RecordID" Width="100%" CommandItemDisplay="None" PageSize="18"> <Columns> <telerik:GridBoundColumn DataField="RecordID" HeaderText="RecordID" ReadOnly="True" SortExpression="RecordID" UniqueName="RecordID" Visible="false"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="ARAGRNR" HeaderText="ARAGRNR" SortExpression="ARAGRNR" UniqueName="ARAGRNR" Visible="false"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="TemplateColumn"> <HeaderTemplate></HeaderTemplate> <ItemTemplate> <span id="Manufacturer"> <br /> <span id="Productname"> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="TemplateEditColumn"> <HeaderTemplate></HeaderTemplate> <ItemTemplate> <span id="Quantity"> <asp:HyperLink ID="EditLink" runat="server" Text="Edit"></asp:HyperLink> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> <CommandItemTemplate> <a href="#" onclick="return false;">Add New Record</a> </CommandItemTemplate> </MasterTableView> <ClientSettings> <Selecting AllowRowSelect="true" /> <ClientEvents OnRowDataBound="rowDataBound" OnCommand="function() {}" /> </ClientSettings> </telerik:RadGrid> </telerik:RadAjaxPanel> </div> </form> </body> </html>

Grid

asked on 29 May 2017

2 answers

273 views

Radgrid Excel Filter columns options menu

Hi Good day to All,

I would like to ask how to specify column names which will

appear on "Columns" part of the radgrid Excel Filter menu.

We have a checkbox template column and we don't want it to

be included in the list. as for the other columns they are auto generated.

thanks in advance

here the code for rad grid

<telerik:RadGrid ID="rgTestGrid" runat="server" AutoPostBackOnFilter="true" Skin="Silk" Width="100%" Height="100%" EnableViewState="false" AllowPaging="true" AllowSorting="True" GridLines="None" AllowMultiRowSelection="False" AllowFilteringByColumn="true" FilterType="HeaderContext" EnableHeaderContextMenu="true" EnableHeaderContextFilterMenu="true" CssClass="table_RadGrid" Style="overflow-y: hidden; width: 150%; border-left-width: 1px; margin-right:100px" HeaderStyle-BackColor="#5897ce" HeaderStyle-Font-Size="13px"

HeaderStyle-BorderColor="#1e486d" HeaderStyle-Font-Bold="true" HeaderStyle-ForeColor="White" HeaderStyle-CssClass="Header-Grid-Banking Checkbox-Grid-Banking">

<MasterTableView AllowMultiColumnSorting="true" TableLayout="Fixed" CommandItemSettings-ShowExportToExcelButton="true" CommandItemSettings-ShowRefreshButton="True"

CommandItemSettings-ShowExportToPdfButton="True" CommandItemSettings-ShowExportToWordButton="True" CommandItemSettings-ShowExportToCsvButton="True">

<Columns>

<telerik:GridTemplateColumn ReadOnly="true" UniqueName="CheckBoxTemplateColumn" EnableHeaderContextMenu="true" Visible="true">

<ItemTemplate>

<telerik:RadCheckBox ID="Chk2" runat="server" OnClick="rbWPFileName_OnCheckedChanged" AutoPostBack="true" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<%--<Columns>

<telerik:GridDateTimeColumn DataField="OrderDate" HeaderText="Date" UniqueName="Date" DataType="System.DateTime" SortExpression="Date" DataFormatString="{0:MM//dd/yy}"></telerik:GridDateTimeColumn>

</Columns>--%>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="true" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 29 May 2017

1 answer

179 views

What is the alternate of "height:calc(100% - 20px)"

For the asp web controls, we can use something like "height:calc(100% - 20px)" to define the height and width.

However when I tried to use it for telerik control:

Height="calc(100%-20px)"

I got parser error.

Thanks.

General Discussions

answered on 29 May 2017

0 answers

201 views

Bottom padding of combobox between controls

Hi,

I have a bunch of controls in a table, the problem I have is that the bottom padding seems to add 2 pixels, so every combobox is too separated from others controls, and I cannot change that padding.

You can see what I mean in the picture attached.

Thanks

ComboBox

asked on 28 May 2017

2 answers

506 views

Not getting UploadedFiles.Count although file is attached to RadAsyncUpload

I am using RadAsyncUpload control to upload the single file on button click. But when I hit the button, RadAsyncUpload.UploadedFiles.Count always says 0. Below is my code.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="QuestionDesigner.aspx.cs"

MasterPageFile="~/Enigma/Masters/Main.master" Inherits="Enigma_QuestionDesigner"

EnableEventValidation="false" ValidateRequest="false" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="Server">

<Scripts>

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/Core.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Upload/RadProgressManager.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/jQuery.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/jQueryPlugins.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Upload/RadUpload.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/AsyncUpload/RadAsyncUploadScripts.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Common/Popup/PopupScripts.js" />

<asp:ScriptReference Path="~/Enigma/Telerik/Scripts/Upload/RadProgressArea.js" />

</Scripts>

</asp:ScriptManager>

<asp:UpdatePanel ID="upQuestionSection" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<div>

<telerik:RadAsyncUpload ID="fileNodeDefinition" runat="server" MaxFileInputsCount="1"

AllowedFileExtensions=".xml" MaxFileSize="52428800">

</telerik:RadAsyncUpload>

</div>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Content>

Below is Cs File Code

public void btnSave_Click(object sender,EventArgs e)

{

string filePath;

if (fileNodeDefinition.UploadedFiles.Count > 0)

{

string file = fileNodeDefinition.UploadedFiles[0].FileName;

filePath = HttpContext.Current.Server.MapPath(".\\Upload\\") + file;

fileNodeDefinition.UploadedFiles[0].SaveAs(filePath);

fileNodeDefinition.UploadedFiles.Clear();

fileNodeDefinition = null;

}

Thanks & Regards,
Sweta Chotalia

AsyncUpload

answered on 28 May 2017

2 answers

187 views

Send exported ClientExport image to RadImageEditor

What I'm looking to accomplish is an application that allows a user to mark a document/Draw on it and have that document be stored on the server as a PDF or image file for archiving.

I'm using Visual Studio 2013 with .net 4.6.1 and it's a webforms project in ASP/C#.

The general flow is:

1. Webform served and filled out with relevant information (text boxes. drop downs, etc).

2. ** Completed webform saved as an image by user button press and either sent to directory on server or streamed to RadImageEditor.

3. Image loaded into RadImageEditor

4. User draws/writes on image.

5. RadImageEditor saves updated image in temp directory.

6. Updated image saved on server as PDF with RadPDFProcessing.

I have most of the steps working/complete, I'm only missing a crucial step #2. I cannot seem to figure out how to save a ClientExport image to be loaded into the RadImageEditor.

Even if I have to cache the file locally on a users pc, that is ok but I would prefer server if that's possible. I just need to be able to perform this functionality without needing direct user intervention between steps 1 and 6.

I read through the documentation on saving a pdf here http://docs.telerik.com/devtools/aspnet-ajax/controls/clientexportmanager/client-side-programming/events/pdfexporting but was unable to get it to work. I kept getting iis tracelog xml files that would report failed requests with code 200.

Any help or pointing in the right direction would be greatly appreciated.

ClientExportManager

answered on 26 May 2017

5 answers

569 views

[Solved] Enable Required Field Validator with AjaxManger

I doubt this is a Telerik component problem but maybe someone here has run across it and has the answer.

I have a form that has a Checkbox, 2 textareas, 2 required field validators, randscriptmanager and an radajaxmanager on it. The first required validator has it's enabled property set to false. If the user clicks the check box the code enables that validator. I have the radajazmanager set to update the validator on the checkbox click.

The problem is that it appears that the clientside validation for the first validator stops working after the ajax postback. The second validator, the one that was enabled the whole time works fine but the second one will not work until a normal post back occurs.

Hope fully that makes sense. Here is the code.

Partial Class valtest

Inherits System.Web.UI.Page

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

End Sub

Protected Sub uiCEUsOffered_CheckedChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles uiCEUsOffered.CheckedChanged

RequiredFieldValidator11.Enabled = uiCEUsOffered.Checked

RequiredFieldValidator11.EnableClientScript = uiCEUsOffered.Checked

End Sub

End Class

aspx code

<div>

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tr>

<td align="right" class="body-text-17" valign="top">

CEUs offered:

</td>

<td align="right" class="body-text-17">

</td>

<td align="left">

<asp:CheckBox ID="uiCEUsOffered" runat="server" Text="Yes"

CssClass="body-text-17" AutoPostBack="True" />

</td>

</tr>

<tr>

<td colspan="3" align="right" class="body-text-17">

<img src="/images/spacer-transparent.gif" height="4">

</td>

</tr>

<tr>

<td align="right" class="body-text-17" valign="top">

if so, what type and information on how to register:

</td>

<td align="right" class="body-text-17">

</td>

<td align="left">

<asp:TextBox ID="uiCEUsRegisterInfo" runat="server" CssClass="field-resource-mission"

Height="81px" TextMode="MultiLine"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server"

ControlToValidate="uiCEUsRegisterInfo" Enabled="False"

ErrorMessage="RequiredFieldValidator"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td height="30" colspan="3" align="right" class="body-text-17">

</td>

</tr>

<tr>

<td align="right" class="body-text-17" valign="top">

what to bring:

</td>

<td align="right" class="body-text-17">

</td>

<td align="left">

<asp:TextBox ID="uiWhatToBring" runat="server" CssClass="field-resource-mission"

Height="81px" TextMode="MultiLine"></asp:TextBox>

<asp:RequiredFieldValidator ID="Validator8" runat="server" Display="Dynamic"

ErrorMessage="Required" ControlToValidate="uiWhatToBring"

CssClass="validation-error" ForeColor=""></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td height="30" colspan="3" align="right" class="body-text-17">

</td>

</tr>

<tr>

<td align="right" class="body-text-17">

</td>

<td align="right" class="body-text-17">

</td>

<td align="left">

<asp:Button ID="uiSubmit" runat="server" Text="Submit" />

<asp:Button ID="uiCancel" runat="server" Text="Cancel" Visible="False" />

</td>

</tr>

</table>

<br />

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

EnablePageHeadUpdate="False">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="uiCEUsOffered">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RequiredFieldValidator11"

UpdatePanelRenderMode="Inline" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<br />

</div>

Any help would be greatly appreciated. Thanks

Brian

Ajax

answered on 26 May 2017

1 answer

308 views

RadGrid PDF Export/Dynamic Header text

I have a RadGrid using export settings for a PDF. I need to have the PDF PageHeader take a dynamic value based on some input data.

EX:

Any help would be appreciated.

Thank you

Grid

answered on 26 May 2017

2 answers

141 views

Excel-Like Filtering, Changing color of FilterList items in the Listbox

I'm trying to change the color of certain items in my listbox in the filtering item to be red if the item contains parenthesis. I am doing a simple databind to populate my listbox in the FilterCheckListItemsRequested event from a datatable which I populate myself.

e.ListBox.DataSource = dtDataForFiltering; //DataTable

e.ListBox.DataKeyField = datafield;

e.ListBox.DataTextField = datafieldtext;

e.ListBox.DataValueField = datafield;

e.ListBox.DataBind();

This is working fine. Now I am trying to find out how to alter the items in the listbox after it has been filled with data. I tried looping through it's items and setting the color, but I am not sure if I am doing this correctly or if this is the correct place to do it. Any help would be appreciated.

Please see image attached. I am trying to alter items in my filter to be red if in parenthesis, just like the grid in the background.

Grid

answered on 26 May 2017

4 answers

360 views

RadAsyncUpload not working

Hi,

When i am uploading a file using RadAsyncUpload control,its not showing green that is uploaded.
its jam on uploading and still showing Yellow blink.

It is working in Local but not in Server.

I have checked the permissions for the AppData/RadUploadTemp. all is good.

Please help me to resolve this.

Thanking you,

AGM RAJA

AsyncUpload

answered on 26 May 2017