Questions on UI for ASP.NET MVC Forum

1 answer

369 views

Kendo Datepicker initial value not displaying on edge browser

We are usingc trial version of Telerik UI for ASP.NET MVC R3 2016 With MVC 4

PROJECT DESCRIPTION
We are using System.Web.Mvc version as 5.2.2.0.And Kendo.MVC.dll of version 2012.3.1114.340.
We are using kendo datepicker but on edge the saved date value is not displaying.If we put type="text" it removes the validations from that field like required filed etc. And also tried to replaced Kendo.MVC.dll of new trial version i.e. 2016.3.914.440 but still it's not working, Do we need to replace an css or js files also,If yes please let me know which are those.
We need to have common fix because we need to do this change at one common place as at many places we are using that.
Please give us the solution.

Thanks,
Ashvini

DatePicker

answered on 28 Oct 2016

3 answers

358 views

No Files Returned to Controller

We are currently working with the Upload control in what would seem to be a very simple setup.

@(Html.Kendo().Upload()

.Name("files")

.ShowFileList(false)

.Multiple(false)

.Async(a => a

.Save("Save", "Patient")

.AutoUpload(true)

.SaveField("files")

)

.Validation(validation => validation.AllowedExtensions(new string[] { ".gif", ".jpg", ".png" }))

)

and our controller is defined as such

[HttpPost]

public async Task<IActionResult> Save(IEnumberable<HttpPostedFileBase> files)

What is happening is that the files parameter is not null but has a count of 0. This is in an ASP.NET core MVC app.

What could the issue be? Is there something simple we are missing here?

Thanks
AJ

Upload

answered on 28 Oct 2016

6 answers

822 views

spinning wait cursor duing create/update

I have an operation in the MVC controller that might run a few seconds before completing for Create and Update actions in the grid. How do I get a spinning wait cursor to display during this operation and prevent the user from clicking on anything else?

Grid

answered on 28 Oct 2016

7 answers

258 views

Using 2016.2.630 preview - Data not displayed

I'm trying to work the new preview version for .net core 1.0. However, the issue I'm having is that the grids will not display any data when using the MVC version. If I create the grid using the javascript version, it works.

Both grids call the same function and both return data. However, only Grid2 displays any data.

Using the KendoUI Chrome plugin, the Kendo Linter gives me two errors on Grid1.

http://localhost:20504/:92,944 Unknown option: prefix
http://localhost:20504/:92,1146 Unknown option: fields

Also, inspecting the grid, the _data for Grid1 shows Array[0], while the _data for Grid2 shows Array[1].

<h1>Grid 1</h1>

@(Html.Kendo().Grid<TelerikCoreTest1.Model.GridModel>()

.Name("Grid1")

.Columns(col =>

{

col.Bound(x => x.Id);

col.Bound(x => x.Text);

})

.DataSource(ds => ds

.Ajax()

.Read(rd => rd.Action("Grid_Read", "Home"))

)

.Deferred()

)

<br />

<h1>Grid 2</h1>

<div id="Grid2"></div>

@section scripts {

<script>

var readUrl = '@Url.Action("Grid_Read", "Home")'

$("#Grid2").kendoGrid({

height: 400,

columns: [{ title: "Id", field: "id" },

{title: "Text", field: "text"}

],

dataSource: {

transport: {

read: readUrl

},

schema: {

data: "data"

}

});

</script>

@Html.Kendo().DeferredScripts()

}


public IActionResult Grid_Read([DataSourceRequest]DataSourceRequest request)
{
    List<GridModel> data = new List<Model.GridModel>();
 
    GridModel gm = new GridModel()
    {
        Id = 1,
        Text = "Testing"
    };
 
    data.Add(gm);
 
    return Json(data.ToDataSourceResult(request));
}

Grid

answered on 27 Oct 2016

1 answer

157 views

Logical operators

Is there any way to use logical operators like AND or OR in formula? Stacking IFs is rather inconvinient in larger formulas.

Spreadsheet

answered on 27 Oct 2016

3 answers

456 views

by default editable cell

I have a requirement to show by default editable textbox in each cell of a row. i saw teleriks examples but they say when you click on cell then they become editable.

1. my first requirement is to by default show textbox in each cell of the row.

2. in the same context , second requirement is to calculate the total of numeric textboxes value in a row and show the total in the last column which will be a normal cell (i mean not editable)

Please guide

Grid

answered on 27 Oct 2016

2 answers

165 views

Implementing 'more...'

I'd like to create a product filtering mechanism like Bestbuy, Amazon, etc. use, where the user can check various filter nodes (on the left side of the screen) and click Apply to have the resulting products (in a grid) filtered. Since I will need different levels of nested filtering, I thought that a TreeView would be the way to go. I have my filters loaded into the TreeView, but now I want to implement a limit for how many filter criteria under a given node can be seen at one time...essentially listing the first 5, then having a "more..." or "see all..." button that the user can click in order to see all the filter nodes.

Any suggestions as to how to go about implementing that? Or, perhaps the TreeView is not the way to go for this kind of thing?

Thanks!

TreeView

answered on 26 Oct 2016

4 answers

1.5K+ views

Custom Buttons without Text

Hello,

we try to add custom Buttons with Icons and no Text. Does anyone know how to solve this Problem?

By now, we use the following Code to show the Buttons:

Grid

answered on 26 Oct 2016

7 answers

1.0K+ views

'Sort' parameter of DataSourceRequest in MVC action is null.

Hi,

I've got the next problem: 'Sorts' parameter of DataSourceRequest is null.
I've found a few threads here with similar issues but the only difference is that i'm not using MVC wrapper for Kendo Grid. Also I can confirm that MVC wrapper works perfectly in my case, but I need to manage grid without it.

Here is the simple sample of what i've got now. What I'm doing wrong?

My scripts bundle:
- jquery.min.js
- kendo.all.min.js
- kendo.aspnetmvc.min.js

Kendo Grid declaration:
$('#cars').kendoGrid({
pageable: true,
sortable: true,
dataSource: new kendo.data.DataSource({
serverPaging: true,
serverSorting: true,
schema: { data: "Data", total: "Total" },
transport: {
read: {
url: '@Url.Action("GetCars")',
contentType: "application/json; charset=utf-8",
type: "POST"
},
parameterMap: function (data) {
return JSON.stringify({ request: data });
}
}
})
});

Action:
public DataSourceResult GetCars([DataSourceRequest]DataSourceRequest request)
{
............................
}

HTTP request parameters:
{"request":{"sort":[{"field":"Name","dir":"desc"}]}}

Thanks!

Grid

answered on 26 Oct 2016

3 answers

951 views

Filter in headers

Hi,

I have a requirement where i want to show filters in headers.

scenario : i have kendo grid with 10 columns.

first column header should appear as a dropdown in header. user can use this dropdown for filter.

second column header should appear as text box in header. user will use textbox for filter.

remaining 8 header columns should be with no filters.

please see attachment. that is exactly my header columns should look like. i.e. first two with dropdown and textbox filter and rest normal.

i have seen this example http://demos.telerik.com/kendo-ui/grid/filter-row . however in this example filter rows appear as a seperate row and not in header.

please guide

Grid

answered on 25 Oct 2016