Questions on UI for ASP.NET AJAX Forum

1 answer

96 views

Hi,

I'm quite new to the Telerik framework, but I've found some strange behaviour(s) when using buttons.

I've got a RadGrid with an edittemplate that expands when a user clicks the editcolumn of a row he wishes to edit.

In this edittemplate I have a few textfields, dropdowns and buttons (checkboxes).

Strangely enough the buttons are acting somewhat strange; my project manager wants me to use the classic rendertype - but when using the classic rendering I seem to have a checkbox in the checkbox (meaning that I have another box inside the box that is left of the text of said checkbox).

If I however go for a lightweight rendering it seems fine, until I check the box once which then expands the width of the checkbox.

Here are some snippets of the code:

<telerik:RadButton ID="RbtnKey" runat="server" ToggleType="CheckBox" ButtonType="StandardButton" width="110px"

style="margin-right:200px;">
<ToggleStates>
<telerik:RadButtonToggleState Text="Key Issue" PrimaryIconCssClass="rbToggleCheckboxChecked" />
<telerik:RadButtonToggleState Text="Key Issue" PrimaryIconCssClass="rbToggleCheckbox" />
</ToggleStates>
</telerik:RadButton>

I'll attach a picture so you might understand it better.

Button

answered on 12 May 2016

2 answers

321 views

radupload issue loosing file on post back.

My Radupload control is not remebmering the value on post back and therefore loosing its value to upload the files.

<telerik:RadAsyncUpload ID="rdFileUploads" TargetFolder="~\uploads\" MultipleFileSelection="Automatic" runat="server"></telerik:RadAsyncUpload>

01.foreach (UploadedFile file in rdFileUploads.UploadedFiles)

02. {

03. tblApertureNetAttachment _attachment = new tblApertureNetAttachment();

04.

05. string fullPath = Server.MapPath(@"~\Uploads\");

06. string fileName = txtRef.Text + "_" + txtFirstname.Text + "_" + txtLastName.Text + "_" + file.FileName;

07. file.SaveAs(Path.Combine(fullPath, fileName), true);

08.

09.

10. }

AsyncUpload

answered on 12 May 2016

1 answer

68 views

Problem while restricting Add New Record button in BatchEdit RadGrid

Hi Telerik Team,
I am using batch edit grid.

My requirement: I want to restrict the user to add new records when the number of records in grid view is more than the Some Quantity (Eg:-2 records).
Below is the code

Note:-Quantity is dynamically Vairing value

ASPX:

<telerik:RadGrid ID="gvSerialNumberTracking" GridLines="None" runat="server" AllowPaging="false"OnBatchEditCommand="gvSerialNumberTracking_BatchEditCommand" OnItemCommand="gvSerialNumberTracking_ItemCommand" CssClass="gvPLC">

<MasterTableView DataKeyNames="SerialNumber_ID,SerialNumber_DJ_ID" TableLayout="Auto" EditMode="Batch" AutoGenerateColumns="false"CommandItemDisplay="Top" ClientDataKeyNames="SerialNumber_ID">

<BatchEditingSettingsEditType="Row" />

<Columns>

<telerik:GridBoundColumn DataField="UnitSN" HeaderText="Unit SN" HeaderStyle-Width="100px" UniqueName="UnitSN"></telerik:GridBoundColumn>

<telerik:GridBoundColumnDataField="Sub1" HeaderText="Sub1" HeaderStyle-Width="100px" UniqueName="Sub1"></telerik:GridBoundColumn

<telerik:GridBoundColumnDataField="Sub2" HeaderText="Sub2" HeaderStyle-Width="100px" UniqueName="Sub2"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true">

<ClientEvents OnRowCreating ="OnRowCreating" />

</ClientSettings>

</telerik:RadGrid>

function OnRowCreating(sender, args)

{

var grid = $find("<%=gvSerialNumberTracking.ClientID %>");

var MasterTable = grid.get_masterTableView();

var Rows = MasterTable.get_dataItems();

var Qty = $("#txtJQuantity").val()

// txtJQuantity is the quantity (in our case its 2)

if ((Rows.length) > ($("#txtJQuantity").val()))

{

//alert('Wait! You cannot add more than ' + $("#txtJQuantity").val() + ' items');

//args.set_cancel(true);

}

Thanks and Regards,
Sandeep

Grid

answered on 12 May 2016

6 answers

528 views

Bind complex objects to RadGrid

Hi, I have to create a table to monitor a list of streams.
The table, as you can see from the attached, must have the following features:

- The stream description (or name) to be monitored
- The type (input, output or both)
- The results of a particular day (and here is the problem)

It must also be possible:
- Switch the view from one week to another
- Change the type of streams to be displayed (View 1 for example shows the customer streams. The View 2 is for suppliers streams)

The data streams are provided by Web Service, via JSON.

I planned on doing everything with the RadGrid, but I have some difficulties in its implementation.

This is the model to pass:

1.[DataContractFormat]

2.public class StreamOutputDto : BaseDto

3.{

4. public string Name { get; set; }

5. public string Type { get; set; }

6. public List<DetailStream> Details { get; set; }

7.}

Where "DetailStream" is:

01.public class DetailStream

02.{

03. public string Id { get; set; }

04. public DateTime Date { get; set; }

05. public int CountInfo { get; set; }

06. public StateStream StateInput { get; set; }

07. public StateStream StateOutput { get; set; }

08. //...

09.}

10.

11.public enum StateStream

12.{

13. InProgress,

14. Received,

15. Declined,

16. Inexistent

17.}

So DetailStream is the result of a specific stream in a specific day.
Details is a list of DetailStream, ie the results of a specific stream in a specific week.

With Name and Type there are no problems, but I do not know how to manage the list of DetailStream.

This is my current implementation:

My Web Service:

01.[ServiceContract]

02.public interface IMyService

03.{

04. [OperationContract]

05. [WebInvoke(

06. Method = "POST",

07. ResponseFormat = WebMessageFormat.Json)]

08. StandardResponse<StreamOutputDto> GetStream(string request);

09.}

10.

11.

12.[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Required)]

13.[MessageLoggingBehavior]

14.public class MyService : IMyService

15.{

16.

17. public StandardResponse<StreamOutputDto> GetStream(string request)

18. {

19. // TEST CASE:

20. StandardResponse<StreamOutputDto> response = new StandardResponse<StreamOutputDto>();

21. response.Output = new StreamOutputDto();

22. response.Output.Name = "Hi!";

23. response.Output.Type = "Input";

24. response.Output.Details = new List<DetailStream>();

25.

26. response.Output.Details.Add(new DetailStream(){

27. Id = "1",

28. CountInfo = 100,

29. Date = DateTime.Today });

30.

31. response.Output.Details.Add(new DetailStream(){

32. Id = "2",

33. // Date = yesterday,

34. CountInfo = 200 });

35.

36. return response;

37. }

38.

39.}

My WebForm.aspx:


01.<head>
02.    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
03.    <script src="RadGridParser.js"></script>
04.</head>
05. 
06.<body>
07. 
08.    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
09.    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true"/>
10.     
11.    <telerik:RadGrid ID="RadGrid1" RenderMode="Lightweight" ClientDataSourceID="RadClientDataSource1"
12.             AllowPaging="false" AllowSorting="false" AllowFilteringByColumn="false" PageSize="5" runat="server">
13. 
14.        <MasterTableView DataKeyNames="Name" ClientDataKeyNames="Name">
15.            <Columns>
16.                <telerik:GridBoundColumn DataField="Name" HeaderText="" DataType="System.String" >
17.                </telerik:GridBoundColumn>
18.                <telerik:GridBoundColumn DataField="Type" HeaderText="Tipologia flusso" DataType="System.String">
19.                </telerik:GridBoundColumn>
20.                <telerik:GridBoundColumn DataField="Day1" HeaderText="Lunedì">
21.                </telerik:GridBoundColumn>
22.                <telerik:GridBoundColumn DataField="Day2" HeaderText="Martedì">
23.                </telerik:GridBoundColumn>
24.                <telerik:GridBoundColumn DataField="Day3" HeaderText="Mercoledì">
25.                </telerik:GridBoundColumn>
26.                <telerik:GridBoundColumn DataField="Day4" HeaderText="Giovedì">
27.                </telerik:GridBoundColumn>
28.                <telerik:GridBoundColumn DataField="Day5" HeaderText="Venerdì">
29.                </telerik:GridBoundColumn>
30.            </Columns>
31.        </MasterTableView>
32. 
33.    </telerik:RadGrid>
34. 
35.    <telerik:RadClientDataSource ID="RadClientDataSource1" runat="server" AllowBatchOperations="true">
36.        <ClientEvents OnCustomParameter="ParameterMap" OnDataParse="Parse" />
37.        <DataSource>
38.            <WebServiceDataSourceSettings>
39.                <Select Url="http://soldev/Axa.Sol.Web/ws/Ivass/IvassService.svc/GetFlusso3" DataType="JSON" RequestType="Post" />
40.            </WebServiceDataSourceSettings>
41.        </DataSource>
42.        <Schema ResponseType="JSON">
43.            <Model ID="StreamModel">
44.                <telerik:ClientDataSourceModelField FieldName="Name" DataType="String" />
45.                <telerik:ClientDataSourceModelField FieldName="Type" DataType="String" />
46.                <telerik:ClientDataSourceModelField FieldName="Day1" DataType="String" />
47.                <telerik:ClientDataSourceModelField FieldName="Day2" DataType="String" />
48.                <telerik:ClientDataSourceModelField FieldName="Day3" DataType="String" />
49.                <telerik:ClientDataSourceModelField FieldName="Day4" DataType="String" />
50.                <telerik:ClientDataSourceModelField FieldName="Day5" DataType="String" />
51.            </Model>
52.        </Schema>
53.    </telerik:RadClientDataSource>
54. 
55.</body>

My RadGridParser.js :


01.//<![CDATA[
02.function ParameterMap(sender, args) {
03.    //If you want to send a parameter to the select call you can modify the if 
04.    //statement to check whether the request type is 'read':
05.    //if (args.get_type() == "read" && args.get_data()) {
06.    if (args.get_type() != "read" && args.get_data()) {
07.        args.set_parameterFormat({ request: kendo.stringify(args.get_data().models) });
08.    }
09.}
10. 
11.function Parse(sender, args) {
12.    var response = args.get_response();
13.    if (response) {
14.        args.set_parsedData(response.Output);
15.    }
16.}
17. 
18.function UserAction(sender, args) {
19.    if (sender.get_batchEditingManager().hasChanges(sender.get_masterTableView()) &&
20.                !confirm("Any changes will be cleared. Are you sure you want to perform this action?")) {
21.        args.set_cancel(true);
22.    }
23.}
24. 
25.//]]>

Grid

answered on 11 May 2016

25 answers

584 views

Set Search Text from server side

hi

is there any way of pre - populating the search text from server side , ive looked through the parameters and i cant find anything refering to text or search text.

ive seen a way to do it from client side , but is there any way to set it on server side , i.e after a postback or page refresh ?

Peter.

SearchBox

answered on 11 May 2016

1 answer

93 views

Spreadsheet capacity / pratical limits

I've been exploring use of the Spreadsheet control. I followed an example which shows me how to define the provider and read from an XLS file in App_Data folder of ASP.NET application. Uses latest versions of UI/AJAX, VS2015, Azure, etc.

I am finding that simple spreadsheets load reliably.

Medium size ones take a few seconds to load, and then show a blank sheet, no error message.

See attachment for this error.

Large size ones take a long time and timeout.

I am wondering whether there are severe capacity and/or performance issues with the Spreadsheet control, or this behavior is a side-effect of reading a file within my app's directory.

Spreadsheet

answered on 11 May 2016

0 answers

83 views

RadTextBox Focus Inside the RadGrid in RadWindow

Dear All,

In My Application I am using RadGrid Inside the RadWindow. In RadGrid i have used RadTextBox under Item Template. My Requirement is in my form when i will click the button radwindow will be displayed. But the actual problem is i cant set the focus inside the RadTextBox. Because RadGrid was located inside the RadWindow. I have tried the following code. But it doesnt help. I am looking for your valuable help & suggestions.

private void FocusOriginalRow(short index)
        {
            foreach (GridDataItem gridItem in rGrdItemDet.Items)
            {
                if (gridItem.ItemIndex == Convert.ToInt32(index))
                {
                    gridItem.FindControl("txtSPCS").Focus();
                    return;
                }
            }
        }

Window

asked on 11 May 2016

3 answers

319 views

503 error with radasyncupload URGENT!!

We are just now starting to transition to the RadAsyncUpload using a custom HTTP Handler. The reason for this is that we want to directly pass the files to a WCF service that will scan the file for viruses, encrypt, and store the files as they come in.

The problem is that when a few people are uploading files at the same time, everybody seems to get hosed and we start getting a 503 error returned to us (can't even go back to the page because we'll get that 503 error). Is there some configuration change I need to make at the WCF, IIS, or web.config level to accommodate many users uploading large files (anywhere from 1k to 200mb)?

The applications that are using the RadAsyncUpload are SharePoint 2010 webparts and application pages. Everythign seems to work fine if a user only uploads 1 file or if there is only one user of the system at any particular time.

UPDATE: Using Firebug, I was able to see that the calls to the custom handler are being aborted. I use the same 6 test files every time I test this issue. The first and second time I upload all 6 files, everything works fine. At some point though, any file I upload just stops uploading (or at least that's how it seems).

AsyncUpload

answered on 11 May 2016

3 answers

265 views

Border highlighting?

I have a quick question, how can I disable the border highlighting of rad grids. For example I have defined a radgrid in a repeater and when I click on any of the generated tables I see a orange highlight around the edges of the clicked on table. When I click on the page, in a blank spot the table un-highlights. This is a feature I can turn off or some weird behavior from my own code?

Thanks,

Grid

answered on 11 May 2016

3 answers

97 views

Editor contents disappear when RadWindow opens over it

I have a page with a RadEditor on it. I have a test button that posts causing a model RadWindow to open over the RadEditor. When the page refreshes, the editor gets its text but then disappears when the RadWindow opens over it. The RadEditor text reappears when the RadWindow is closed.

The test window is open from a javascript function that is initiated by code.

Page.ClientScript.RegisterStartupScript(this.GetType(), "OpenTest", "<script type='text/javascript'>Sys.Application.add_load(OpenTestWindow);</script>");

OpenTestWindow is

I need to be able to look at the editor contents while the RadWindow is open.

This is a very strange problem

Editor

answered on 11 May 2016