Questions on UI for ASP.NET MVC Forum

1 answer

149 views

Telerik MVC With Kendo accessing Web API

I have seen some examples of using server side Kendo extensions to access Web API calls in the same project. But what about if the Web API is a different project and URL? We are doing this as an N-Tier where the Web API is the data access for multiple client applications. Do you have a same using the server side KendoGrid to access a Web API call that is located on a different server/URL? I can't figure this out.

Here is what I have tried. Both projects have a reference to the data classes so I hope to send a known type back and forth. But this doesn't work:

@(Html.Kendo().Grid<CustomerOrderModel>()
.Name("Grid")
.Columns(columns =>
{
columns.Bound(o => o.OrderNumber);

columns.Bound(p => p.Description);

columns.Bound(p => p.Description2);

columns.Bound(p => p.Notes);

})
.DataSource(dataSource => dataSource
.WebApi()
.Read(read => read.Url("http://localhost:52559/api/CustomerOrder").Type(HttpVerbs.Get))

)
)

Installer and VS Extensions

answered on 28 Oct 2014

1 answer

439 views

Additonal Parameters with Filterable.UI

I'm currently looking at Filters on the ASP MVC grid.

I have this line on my grid:

.Filterable(filterable => filterable.UI("$.fn.kendogrid().userDropdownFilter"))

which works fine, and I can access the original filter element in the userDropdownFilter(element) function in my JavaScript.

I was wondering if it was possible to send additional parameters to this function though, and still pass the original element variable?

Thanks

Grid

answered on 28 Oct 2014

1 answer

201 views

productService.Read()

Hi:
I'm trying to run the Grid Popup editing example and get an error on return Json(productService.Read().ToDataSourceResult(request));
It cant can't find productService.
I'm assuming I'm missing the productService class?
thanks
Robert

Grid

answered on 27 Oct 2014

1 answer

111 views

How to prevent the default row edit?

Hi,

I'm working on a use case where the user is requires to enter a text before he is allowed to edit the content of a row. I want to use a jQuery UI Dialog to prompt a small form that the use need to fill before the row go to edit mode. Using jQuery I was able to bind a handler to the "click" event of the edit button, so I can open the dialog. However I can't find a way to prevent the grid from switch into edit mode before I get the response from the dialog.The result is that if the user close the dialog he can edit the row without fill out the form. Any ideas on how to prevent the default row edit?

Grid

answered on 27 Oct 2014

10 answers

682 views

Frozen (Locked) Column Rows Not Aligned with Unlocked Rows

I'm utilizing the new frozen (locked) column functionality in the latest release (2014.1.318.340) and noticed that the rows of the locked columns do not line up with those of the unlocked columns (see attached screenshot). If I click around it eventually realigns itself, but this isn't acceptable for our client. I believe in one of the non-MVC forums you provided a fix for this issue. Thanks!

Grid

answered on 27 Oct 2014

3 answers

372 views

set dirty

Hi:
I'm populating a grid field from an on blur from a field in a tab strip.
How do I make the little red icon show in the grid signifying a dirty field so that my batch save will pick it up?

Thanks
Robert

Grid

answered on 27 Oct 2014

2 answers

144 views

Adding Datapicker, Dropdown and other controls to Kendo Grid

Hi,

We have an requirement that allow a user to enter multiple records at a same time. As I have seen the demo, I feel the batch editing is good option for us.

But we might have a issue that, we need to allow user to select a data from different controls such as Dropdown list, Datepicker and may be some other. In one of the demo sample, I have seen that Dropdown list is added to a column by specifying Foreign Key column mapping (If I am not wrong, that has been done by using Entity Framework).

We are using Model class as source to bind the Grid and we are not using Entity Framework here. By binding Model class is it possible that, we can add these different controls to the columns and is there any examples or sample code?

Regards!

Grid

answered on 25 Oct 2014

4 answers

1.6K+ views

Grid inCell editing: disabling conditional

Hello, I have this grid:

@(Html.Kendo().Grid(Model.ListiniRighe)

.Name("ListiniRighe")

.Columns(columns =>

{

columns.ForeignKey(l => l.LForId, listFor, "LForId", "Formula");

columns.Bound(l => l.DocAmount).Format("{0:c}");

})

.ToolBar(toolbar => toolbar.Create())

.Editable(ed => ed.Mode(GridEditMode.InCell))

)

I want to disable the "DocAmount" cell if the "LForId" have a specific value, and everytime I change the value I want to check and enable\disable the cell.
How can I do that...

Grid

answered on 24 Oct 2014

8 answers

791 views

Save Grid State in database, missing element

Hi there,

I am currently working on Kendo Grid. I have implemented with model binding from database.
I have 3 windows. To add a row, to see the details, and to change the concern row.

So far everything works.

Now if the logged user wants to change his grid, I allowed him to record its changes / customization on the grid.
Again everything works fine. I record the grid's statements in my database.
To do this I Took example on this project :
http://www.telerik.com/support/code-library/save-grid-state-in-session-on-server-side

The problem is that when I load my save states, my add button disappears (Custom Toolbar), and none of my windows opens (edit, detail, this 2 buttons are Custom Command)

Do you have an idea for how to save the states of these elements?

Thank you in advance,

Ps : This is the javascript code I use to saved grid's states :

<button id="save">Save state</button>

$("#save").click(function () {

var grid = $("#Table").data("kendoGrid");

var dataSource = grid.dataSource;

var state = {

columns: grid.columns,

page: dataSource.page(),

pageSize: dataSource.pageSize(),

sort: dataSource.sort(),

filter: dataSource.filter(),

group: dataSource.group(),

};

$.ajax({

url: "/Base/Save",

data: {

data: JSON.stringify(state)

}

});

I have a project to show you but it's between 8 and 9 MB when compressed.

Best regards.

Grid

answered on 24 Oct 2014

1 answer

116 views

Hierarchical Kendo UI Grid show/hide base on user security

Hi,

I manage to implement an hierarchical Kendo UI Grid successfully. However the specifications for the application that I'm building requires that the child grid be only displayed if the current user have the authorization. How can I achieve this?

Grid

answered on 24 Oct 2014