Questions on UI for ASP.NET AJAX Forum

1 answer

119 views

RadGrid with EditFormType WebUserControl and Attachment?

Hi folks,

I've got a RadGrid with a LinqDataSource and a WebUserControl as EditForm, much like the example http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/linqdatasource/defaultcs.aspx.

I have some custom code in my WebUserControl which makes it impossible for me to switch to another EditFormType.

Now I need to add a File Upload to the EditForm. Of course just adding a normal FileUpload (asp:FileUpload aswell as telerik:RadUpload) doesn't work because there are no postbacks in the EditForm UserControl.

In the examples (http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/gridattachmentcolumn/defaultcs.aspx) I find a <telerik:GridAttachmentColumn> which would be great if I were using an automatically generated EditForm, but doesn't help me with my EditForm.

Is there any way I can put a file upload in my UserControl EditForm? Any suggestions for a workaround?

Cheers

Grid

answered on 28 Mar 2013

3 answers

147 views

Any way to NOT use hidden inputs for meta data?

I'm a little new to using the Telerik Ajax stuff, so maybe there is a completely different method for what I want to do, but...

Using a standard RadAjaxManager and RadAjaxPanel, is there any way to send/return extra information to/from the server without having a specific control defined to hold the extra data (i.e. asp:HiddenField).

I've used jQuery before to call WebMethods and I can return whatever I like in the JSON, even if I don't use it to update my page. But in this instance, I have an app that is already using the aforementioned RadAjaxManger and RadAjaxPanel to insert/update/delete data in a database, but I would like to return some metadata that I can use to determine if the operations occurred without issue (mainly validation issues). But I was hoping there was a better way than created N number of asp:HiddenFields for each and every RadAjaxPanel that exist in the app.

So is there any way to do what I'm asking?

P.S. How is it that these Telerik Ajax operations can happen without WebMethod being specified? Is the page doing a full postback with all the page data (i.e. ViewState) in it, but just returned the pieces that were supposed to get updated?

Ajax

answered on 28 Mar 2013

1 answer

146 views

OnSearch event for Enter pressed

Dear,
For RadSearchBox binded to ObjectDataSource seems OnSearch event give back proper data (e.Value) only in case when item from the searchBox dropdown is clicked.

Rest two triggers for this event, mean search button click or Enter pressed always give back null in e.Value

Did you notice similar?
best regarsd robert

SearchBox

answered on 28 Mar 2013

3 answers

85 views

what all characters are reserved in radgrid filter

Hi Team,

I have implimented the filter on radgrid. and i am getting error if the filter value contain ";" in it also the "\" is automaticaly removed.

Please let me know the limitation of radgrid filter and list of character which are not allowed in filter.

Thanks,
Manish

Grid

answered on 28 Mar 2013

1 answer

92 views

Encoding of the Popup's close text

Hi,

I have a problem regarding the close text (which is a tooltip) of the RadGrid's popup window. It's about the Resource "CloseText" in RadGrid.Main.resx. For our German customers we use RadGrid.Main.de.resx.

In German the text is "Schließen" (note the 'ß') which gets rendered as "Schließen". I tried to save the 'ß' encoded: "Schließen" which gets rendered as "Schlie&szlig;en".
It seems that the '&' is encoded correctly but the 'ß' isn't.

Is this a bug in the RadGrid? Or can I somehow solve this problem?

Thanks!

Grid

answered on 28 Mar 2013

6 answers

105 views

[SiteFinity 5.0.2500] JQuery Accordion doesn't work

Hello
i have the following problem: i would like to build an accordion in a RadTabStrip/RadPageView control
Here you can find the sample page (DON'T PUSH THE SUBMIT BUTTON IN THE FINAL STEP TAB)
The web mthod correctly returns the data, but when i try to depict in the latest tab, using the jquery accordion function, an error occurs:
Uncaught TypeError: Object [object Object] has no method 'accordion'

Following, the page code:

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

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

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

<!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 runat="server">

<title></title>

</head>

<body>

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

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

<Scripts>

<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="RadAjaxManager1" EnableAJAX="true" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid2" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<script type="text/javascript">

function onTabSelected(sender, args) {

var tab = args.get_tab().get_text();

var nSites = $find("<%= RadGrid1.MasterTableView.ClientID %>").get_selectedItems().length;

var nVars = $find("<%= RadGrid2.MasterTableView.ClientID %>").get_selectedItems().length;

var from = $get("<%= dateFrom.ClientID %>").value;

var to = $get("<%= dateTo.ClientID %>").value;

if (tab == "Check your selection") {

$get("<%= TextBox2.ClientID %>").value = "gotcha";

if (nSites == 0) {

alert("Please select site(s)");

$find("<%= RadTabStrip1.ClientID %>").findTabByText("Select sites").set_selected(true);

return false;

}

if (nVars == 0) {

if ($get("<%= chAnc.ClientID %>").checked == false) {

alert("Please select variable(s)");

$find("<%= RadTabStrip1.ClientID %>").findTabByText("Select variables").set_selected(true);

return false;

}

if (from == "" && to == "") {

alert("Please select date range");

$find("<%= RadTabStrip1.ClientID %>").findTabByText("Final Step").set_selected(true);

return false;

}

//alert($get("<%= dateFrom.ClientID %>").value + " " + $get("<%= dateTo.ClientID %>").value);

var radgrid = $find('<%= RadGrid1.ClientID %>');

var idSiteList = new Array();

for (i = 0; i < radgrid.get_masterTableView().get_selectedItems().length; i++) {

idSiteList.push(radgrid.get_masterTableView().get_selectedItems()[i].getDataKeyValue("siteID"));

}

radgrid = $find('<%= RadGrid2.ClientID %>');

var varList = new Array();

for (i = 0; i < radgrid.get_masterTableView().get_selectedItems().length; i++) {

varList.push(radgrid.get_masterTableView().get_selectedItems()[i].getDataKeyValue("ID"));

}

var parsList = new Array();

if ($get("<%= chLev3.ClientID %>").checked) {

parsList.push(8);

}

if ($get("<%= chLev4.ClientID %>").checked) {

parsList.push(9);

}

if ($get("<%= chAnc.ClientID %>").checked) {

parsList.push(13);

}

var open = $get("<%= CheckBoxopen.ClientID %>").checked;

var _public = $get("<%= CheckBoxpub.ClientID %>").checked;

jsonData = '{ "Sites":"' + idSiteList.toString() + '", "Vars": "' + varList.toString() + '", "DataType":"' + parsList.toString() + '","Open":"'+open+'","Public":"'+_public+'" }';

$('#myDiv').html("Processing...");

//alert(obj);

$.ajax({

type: "POST",

url: "GService.asmx/ServerSideMethod",

data: "{'jreq':" + jsonData + "}",

contentType: "application/json; charset=utf-8",

dataType: "json",

success: function (msg) {

$('#myDiv').html(msg.d);

$('#myDiv').accordion();

},

error: function (xhr, ajaxOptions, thrownError) { alert(thrownError); }

});

}

</script>

<div style="width:990px; margin:auto;">

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Width="990px"

Skin="Office2010Silver" MultiPageID="RadMultiPag1" SelectedIndex="3" OnClientTabSelected="onTabSelected">

<Tabs>

<telerik:RadTab Text="Select sites" Selected="True"></telerik:RadTab>

<telerik:RadTab Text="Select variables"></telerik:RadTab>

<telerik:RadTab Text="Additional parameters"></telerik:RadTab>

<telerik:RadTab Text="Final Step"></telerik:RadTab>

<telerik:RadTab Text="Check your selection"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPag1" runat="server" SelectedIndex="0"

Width="990px">

<telerik:RadPageView ID="RadPageView1" runat="server" Style="overflow: hidden">

<telerik:RadGrid id="RadGrid1" DataSourceID="SqlDataSource1" ShowStatusBar="true" runat="server" AllowPaging="false" AllowSorting="True"

AllowMultiRowSelection="True" AutoGenerateColumns="false" Width="100%" Height="400px" EnableViewState="true">

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView ClientDataKeyNames="siteID">

<Columns>

<telerik:GridClientSelectColumn>

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn UniqueName="site" DataField="site" HeaderText="Site"

SortExpression="site" />

<telerik:GridBoundColumn UniqueName="NAME" DataField="NAME" HeaderText="Site Name"

SortExpression="NAME" />

<telerik:GridBoundColumn UniqueName="resp" DataField="resp" HeaderText="Site Responsible"

SortExpression="resp" />

<telerik:GridBoundColumn UniqueName="Ecosystem" DataField="Ecosystem"

HeaderText="Ecosystem" SortExpression="Ecosystem" />

<telerik:GridBoundColumn UniqueName="Nlat" DataField="Nlat" HeaderText="Latitude"

DataType="System.Double" ReadOnly="True" SortExpression="Nlat" />

<telerik:GridBoundColumn UniqueName="Nlon" DataField="Nlon" HeaderText="Longitude"

DataType="System.Double" ReadOnly="True" SortExpression="Nlon" />

<telerik:GridBoundColumn DataField="siteID" DataType="System.Int32"

FilterControlAltText="Filter siteID column" HeaderText="siteID" ReadOnly="True"

SortExpression="siteID" UniqueName="siteID" Visible="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true">

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

</ClientSettings>

<PagerStyle Mode="NumericPages"></PagerStyle>

</telerik:RadGrid>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server" Style="overflow: hidden">

<telerik:RadGrid id="RadGrid2" DataSourceID="SqlDataSource2"

ShowStatusBar="true" runat="server" AllowPaging="false" AllowSorting="True"

AllowMultiRowSelection="True" AutoGenerateColumns="false" Width="100%" Height="400px">

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView ClientDataKeyNames="ID">

<Columns>

<telerik:GridClientSelectColumn>

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn UniqueName="Name" DataField="Name" HeaderText="Variable Name" />

<telerik:GridBoundColumn UniqueName="Description" DataField="Description" HeaderText="Description" SortExpression="Description" />

<telerik:GridBoundColumn UniqueName="Measurement_Unit" DataField="Measurement_Unit" HeaderText="Measurement Unit" SortExpression="Measurement_Unit" />

<telerik:GridBoundColumn UniqueName="mind" DataField="mind" HeaderText="Min. Date" SortExpression="mind" DataFormatString="{0:dd/MM/yyyy}" />

<telerik:GridBoundColumn UniqueName="maxd" DataField="maxd" HeaderText="Max. Date" SortExpression="maxd" DataFormatString="{0:dd/MM/yyyy}"/>

<telerik:GridBoundColumn DataField="ID" DataType="System.Int32"

FilterControlAltText="Filter ID column" HeaderText="ID" ReadOnly="True"

SortExpression="ID" UniqueName="ID" Visible="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true">

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

</ClientSettings>

<PagerStyle Mode="NumericPages"></PagerStyle>

</telerik:RadGrid>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView3" runat="server" Style="overflow: hidden">

<table>

<tr>

<td>

<asp:CheckBox ID="chLev3" runat="server" Text="Level 3 data files" /></td>

</tr>

<tr>

<td><asp:CheckBox ID="chLev4" runat="server" Text="Level 4 data files" /></td>

</tr>

<tr>

<td><asp:CheckBox ID="chAnc" runat="server" Text="Ancillary data files" /></td>

</tr>

<tr>

<td>

<asp:CheckBox ID="CheckBoxopen" runat="server" AutoPostBack="False" OnCheckedChanged="CheckBoxopen_CheckedChanged"

Text="Only Open Data" ViewStateMode="Enabled" />

</td>

</tr>

<tr>

<td>

<asp:CheckBox ID="CheckBoxpub" runat="server" AutoPostBack="false" OnCheckedChanged="CheckBoxpub_CheckedChanged"

Text="Only Public Data" />

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView4" runat="server" Style="overflow: hidden">

<telerik:RadDatePicker ID="dateFrom" runat="server" ShowPopupOnFocus="true">

<Calendar ID="Calendar1" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" runat="server"></Calendar>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

<DateInput ID="DateInput1" DisplayDateFormat="dd/MM/yyyy" DateFormat="dd/MM/yyyy" runat="server"></DateInput>

</telerik:RadDatePicker>

To

<telerik:RadDatePicker ID="dateTo" runat="server" ShowPopupOnFocus="true">

<Calendar ID="Calendar2" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" runat="server"></Calendar>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

<DateInput ID="DateInput2" DisplayDateFormat="dd/MM/yyyy" DateFormat="dd/MM/yyyy" runat="server"></DateInput>

</telerik:RadDatePicker><br />

Description<br /><asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Rows="3"></asp:TextBox><br />

<asp:Button ID="Button1" runat="server" Text="Submit" onclick="Button1_Click" /> <br /><br /><asp:TextBox ID="Textmail" runat="server" Width="250px"></asp:TextBox>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView5" runat="server" Style="overflow: hidden">

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br /><div id="myDiv"></div>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:tcdcConnectionString %>" SelectCommand="SELECT distinct site,NAME,[site responsible] as resp, Ecosystem, Nlat, Nlon, ID as siteID FROM [projsites] where idp>0 order by site"></

asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource2" runat="server"

ConnectionString="<%$ ConnectionStrings:tcdcConnectionString %>" SelectCommand="SELECT ID, Name,Description,Measurement_Unit, (select min(date) from tcdc.dbo.stats st where st.varid=vc.ID and st.value!=0) as mind,(select max(date) from tcdc.dbo.stats st where st.varid=vc.ID and st.value!=0) as maxd FROM tcdc.dbo.[varscomplete] vc where xque=1 order by name"></

asp:SqlDataSource>

</form>

</body>

</html>

The we method result:

[WebMethod]

public string ServerSideMethod(JRequest jreq)

{

//return jreq.Sites.ToString();

return jreq.HtmlContent;

}

And, finally, the JRequest class I used to manage the ajax request:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace SitefinityWebApp

{

public class JRequest

{

private string sites = "";

private string vars = "";

private string dataType = "";

private string initDate;

private string endDate;

private DateTime initDateTime;

private DateTime endDateTime;

private bool open = false;

private bool _public = false;

private char[] splits = { ','};

public JRequest()

{

}

public string Sites

{

set { sites = value; }

get { return sites; }

}

public string Vars

{

set { vars = value; }

get { return vars; }

}

public string DataType

{

set { dataType = value; }

get { return dataType; }

}

public bool Open

{

set { open = value; }

get { return open; }

}

public bool Public

{

set { _public = value; }

get { return _public; }

}

public List<int> SitesList

{

get

{

string[] sString = vars.Split(splits);

List<int> sList = new List<int>();

for (int i = 0; i < sString.Length; i++)

{

sList.Add(int.Parse(sString[i]));

}

return sList;

}

public List<int> VarsList

{

get

{

string[] vString = vars.Split(splits);

List<int> vList = new List<int>();

for (int i = 0; i < vString.Length; i++)

{

vList.Add(int.Parse(vString[i]));

}

return vList;

}

public string HtmlContent

{

get

{

string html = "";

html += "<h3>SELECTED SITES</h3>";

html += "<div>"+this.Sites+"</div>";

html += "<h3>SELECTED VARS</h3>";

html += "<div>" + this.Vars + "</div>";

html += "<h3>PARAMETERS</h3>";

html += "<div>" + this.DataType + "</div>";

html += "<h3>OPEN / PUBLIC</h3>";

html += "<div>" + this.Open + " / " + this.Public + "</div>";

return html;

}

Thanks in advance for your help
Regards
Diego

General Discussions

answered on 28 Mar 2013

1 answer

87 views

Query Related To Point Chart

How do we apply more than two colors for Point chart background?
We saw only two colors can be applied using MainColor and SecondColor in the Chart Appearence Section .
Our Requirement is to apply four diffrent colors with gradiant background.
Please let us know any work around it.

Chart (Obsolete)

answered on 28 Mar 2013

1 answer

71 views

Stackedbar chart problem

Hi,

I am binding the values and generating the chart dynamically. But the values are not aligned properly.

Please help me.

Chart (Obsolete)

answered on 28 Mar 2013

3 answers

92 views

[Solved] customized string in columns

Hi,

I am using a rad grid in a web form. My requirement is show customize text in columns.

suppose this is the real value binds to grid
"Aua7o0qnW-8n1nrHtR_1I0wg4kHD59"

I want to show only first 10 characters and 3 dots
"Aua7o0qnW-..."

I have tried with dataFormatString. But couldn't get result that I wanted.

Thanks

Grid

answered on 28 Mar 2013

1 answer

145 views

[Solved] Rad Editor addExternalHandler blur Safari Problem

Hi Friends,

I am having some trouble in radeditor addExternalHandler for safari browser. It seems that the following attached code works fine in IE, but it fails to do so in safari. Help would be much appreciated. Thanks.

<script type="text/javascript">

function CharactersLimit(editor) {

var element = document.all ? editor.get_document().body : editor.get_document();

$telerik.addExternalHandler(element, "blur", function (e) {

alert('blur');

});

}

</script>

<telerik:RadScriptManager runat="server">

</telerik:RadScriptManager>

<telerik:RadEditor ID="Editor1" runat="server" OnClientLoad="CharactersLimit">

</telerik:RadEditor>