Questions on UI for ASP.NET MVC Forum

5 answers

272 views

We are currently updating an application to use MVC 6 with the current set of beta release from Telerik with the MVC wrappers.We are running into one sticking point that the demos do not address and I cannot find anywhere in the docs where it does either.

On out pages we have multiple grids with custom toolbars deployed using the common syntax

       .ToolBar(toolbar =>
        {
            toolbar.Template(
                @<text>
                   //Bunch of code remove for brevity
                </text>);
        })

However, this throws an error and upon further inspection the toolbar.Template method doesn't exist. We did find ClientTemplate but we cannot seem to get this to work. How are we supposed to implement a custom toolbar now? We saw that there may be a way in which we could specify a ViewComponent but it was not very clear.

If you could provide us an example this would go a long way to us getting this out the door.. So far all of the other controls seem to be working no problem.

Thanks,
AJ

Grid

answered on 06 Feb 2017

15 answers

3.5K+ views

Bind grid to list property of the model with razor syntax

Hello!

I have a set of views to edit a model similar to this:

Person
ID
Name
Contacts -> List of Contact

Contact
ID
Description
Address
Email
PhoneNumber

I would very much like to use a KendoUI grid for CRUDing the Person's Contact list (mainly because of layout and styling purposes). That I said, How can I achieve this? I need to make the grid bound to that property of the Person being edited or created as is. I mean, I would like to have only one controller (let's say PersonController) that knows how to persist my Person.

Is this possible? Having a grid without controller actions ? Has anyone been in the same situation also?

Thanks!

Grid

answered on 06 Feb 2017

1 answer

194 views

Adjust Min Max via javascript

How can I adjust a RangeSlider's Min and Max after the control has already been created (i.e. via javascript)?

Slider

answered on 06 Feb 2017

1 answer

305 views

ServerFiltering - what's the difference?

So obviously ServerFiltering, if true filters the data on the server side instead of the client side, but what is the real difference? Is it a performance thing? Ideally I'm dealing with a small data set but I dont see any real difference with it true or false...

AutoComplete

answered on 06 Feb 2017

1 answer

1.0K+ views

Using a Tooltip or Popup in MVC UI Grid

I would like to display data in a popup window or tooltip when users hover over or click on a cell in the Telerik grid. I tried using the Telerik tooltip, however the tooltip doesn't display at all. I also tried the jquery and bootstrap tooltips, but they do not work as well. When I use the tooltips for an element outside of the grid, they work fine. Does anyone have a razor example for using the Telerik tooltip in a grid? Also, are there other ways to approach this? Essentially, I want to display a small popup window with a table of additional information related to one specific cell in each row of the table.

Grid

answered on 03 Feb 2017

1 answer

299 views

Use different datasource with same Grid as partial view

Hi There,

I have a situation where I will have to do many same pages with the same Grid columns and functionality, but it will have a bit different dataSource I will have to read from the backend controller. Is there a way I can template the Grid itself and reuse it but be able to switch the dataSource?

For example.

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.CustomerViewModel>()

.Name("grid")

.Columns(columns =>

{

columns.Bound(c => c.ContactName).ClientTemplate(

@"<div class='customer-photo'

style='background-image: url(../content/web/Customers/#:data.CustomerID#.jpg);'></div>

<div class='customer-name'>#: ContactName #</div>")

.Width(240);

columns.Bound(c => c.ContactTitle);

columns.Bound(c => c.CompanyName);

columns.Bound(c => c.Country).Width(150);

})

.HtmlAttributes(new { style = "height: 550px;" })

.Scrollable()

.Groupable()

.Sortable()

.Pageable(pageable => pageable

.Refresh(true)

.PageSizes(true)

.ButtonCount(5))

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("Customers_Read", "Grid"))

.PageSize(20)

)

I want the

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("Customers_Read", "Grid"))

.PageSize(20)

)

Customers_Read to be switched to OldCustomers_Read

or NewCustomers_Read

or CustomersEtc_Read

But I don't want to copy everything of the Grid over and over.

How can I do this?

Thank You

General Discussions

answered on 03 Feb 2017

1 answer

141 views

Wanted: 1 column only showing part of string

Hi,

I have a grid with a remarks column in which I want to be able to edit the complete multiline datafield. I have this working with

[DataType(DataType.MultilineText)]

But I only want to show 3 lines and not the complete text. If I go into edit mode the complete text should be visible of course

A nice to have would be if it is dynamic, so if I change the size of the column the text also changes.

I have attached two pictures with what I want.

Maurice

Grid

answered on 03 Feb 2017

4 answers

192 views

[Solved] Is there any reason the Scheduler would stop showing Recurrence section when editing a recurring event?

Yes, I am using angular-kendo currently, but I have a working example of the scheduler complete with a viable data source. The problem is not with editing a series in general, but specifically with losing the ability to continue editing the series settings.

Once I set the event in the scheduler and make it recur, it no longer displays the recurrence editing after that point. The series displays fine and I've confirmed that the data returned has a RecurrenceID, RecurrenceRule, though it currently doesn't need a RecurrenceException.

Is the normal behavior to continue editing a recurring series or is this loss of editing by design?

When I press "Edit the series" it only shows:

Title,
Start
End
All day event
Description

I would think the "Repeat" portion should be in there somewhere like it is when creating a new event or changing a non-recurring event to recurring.

Scheduler

answered on 02 Feb 2017

1 answer

304 views

Script Tags in View HTML window

I have an editor that is used in our CMS system. Some pages have javascript snippets which the content managers sometimes need to modify.

Currently when clicking the editor's "View HTML" button, none of the script tags are displayed (only the html)

Is there a way to get the editor to display the script tags in "View HTML"?

Editor

answered on 02 Feb 2017

1 answer

148 views

Check all checkboxes, with a twist...

I've seen several examples of implementing a CheckAll checkbox column header, but I've only seen it implemented in a grid that has a column bound to a boolean field/property. Unfortunately this doesn't really help me. I have a grid bound to a list of data entities but in place of the row number (or ID field), I am displaying a checkbox. I'd like to have a checkbox in the column header for that row that will check all the checkboxes in that column. Every example I've seen modifies the datasource, or the underlying object... changing a boolean field from false to true to check it. But since my checkboxes are not actually bound to a boolean field, how can I accomplish this same thing?

Not that it's pertinent, but I'm displaying a list of documents in this grid, allowing the user to select individual ones that will then send the row IDs to an MVC controller for zipping up the documents into a ZIP file for download. So it's more of a selection type checkbox as opposed to denoting a boolean true or false.

I have the appropriate javascript function for getting the checked checkboxes, just need a way to check all for ease of use.

Grid

answered on 02 Feb 2017