Questions on UI for ASP.NET MVC Forum

1 answer

84 views

Hi all. I am testing the menu kendo framework and I am having a issue. In IE 11, late Firefox version and Safari, does not happen, only happens in Google Chrome.

With normal zoom (100%) the menu options seems to be good. But when I set the zoom to 125%, only in some menu items, the lefthand border disappear, even the option top border. It appears again when I set the zoom to 130% or less (120% e.g.).

It also happens when I restore down the window. I send an image with the behaviour.

Anyone had the same problem?

Menu

answered on 23 Oct 2014

3 answers

122 views

Multiselect values Not available in KendoGrid Create/Update

I am using UI for ASP.NET MVC Q2 2014.
In the attached project, I am using editor template "EventEditor". In this, I have 2 dropdown and 1 multiselect.
The dropdown is working correctly, however multiselect is NOT working. I do NOT get values in the kendogrid Update/Create (Insert methof of Events Controller). I just get count and the values in the list are null. I tried using int (for Id) and also string but nothing worked correctly.
I also have used .Data("Serialize") but no help..
Please solve my request at the earliest.

Thanks

Grid

answered on 23 Oct 2014

6 answers

314 views

Copy one multiselect values to another multiselect

Hi,

I have one multiselect in cshtml page. When I click on button in cshtml page, I am showing Kendo Window. In kendo window, there is one more multi select and OK, Cancel buttons.

If user clicks on OK, I am calling controller and passing values of multiselect and doing the required operation.

I want to display the same values in multiselect in cshtml page. How can I do this ? Here is my code.

$("#okay").kendoButton({
            click: function () {
                var rowID = $("#selectedValues").val();
                data = { 'rows': rowID };
                $.ajax({
                    type: "POST",
                    url: "Rows" + window.location.search,
                    data: data,
                    traditional: true,
                    dataType: "json",
                    success: function (result) {
                        $("#Dialog").data("kendoWindow").close();
                        return true;
                    },
                    error: function () {
                        alert("An Error Occured. Please Cancel and Try Again!");
                        return false;
                    }
                });
            }
        });

MultiSelect

answered on 23 Oct 2014

1 answer

113 views

Non modal Window initial position

How do I set the initial position of the Window to be centred?

I have hooked up a click event on a button which calls the following JavaScript:

function clickViewJobLogImage()

{

var win = $("#viewJobLogWindow").data("kendoWindow");

win.title("Testing 123");

win.refresh();

win.center();

win.open();

}

But if the user then drags the window to a new position and then clicks the button to open the window (in effect refresh it) then it jumps back to the centre!

Ideally I want the window to open initially centered but if the user has moved it to open in it's last position on subsequent calls to open it.

Window

answered on 22 Oct 2014

3 answers

107 views

Intellisense works for razor code but not for jquery

Hi,

I am getting intellisense for the kendo ui grid when using razor code but when accessing the grid through jquery, I am not
getting any intellisense.

Thanks,
Annie

Grid

answered on 22 Oct 2014

1 answer

203 views

LoadContentFrom firing too early.

Hi, I have the following window:

@(Html.Kendo().Window()

.Name("viewJobLogWindow")

.Title("Quote: QXXXX")

.LoadContentFrom("ViewJobLogWindowsContent", "Quotes")

.Draggable()

.Resizable()

.Width(640)

.Height(480)

.Actions(actions => actions.Pin().Minimize().Maximize().Close())

.Visible(false)

)

But I only want to show the window and call the "ViewJobLogWindowsContent" action upon some other event such as a button click (or in this case an image click).

I call the following JavaScript function when the user clicks an image (acting as a link):

function clickViewJobLogImage()

{

var win = $("#viewJobLogWindow").data("kendoWindow");

win.center();

win.open();

}

The window is not visible when the page first loads but the "ViewJobLogWindowsContent" action is called and when the user clicks the image it correctly shows the window but it does not call the action again?

I need the window to just be defined but not loaded and then only call the action to load the content when the JavaScript function is called.

Window

answered on 21 Oct 2014

1 answer

205 views

Adaptive Rendering Grid MVC

Hi. I am trying to implement the Kendo grid using adaptive rendering as I have an MVC view dedicated to mobile. When it renders, it behaves strangely in that the columns extend past the viewport and you must swipe to the right in order to see the columns. I'd expect the user to have to scroll like the HTML5 example. From what I see, there is no example using MVC but I'm using .Mobile() which is supposed to work I think. Please guide me in what I might need to do/provide an example using MVC. Thanks.

Grid

answered on 21 Oct 2014

3 answers

2.0K+ views

Grid filtermode row with a monthpicker

I just upgraded my kendo grid with filterable options to the new GrodFilterMode.Row. In one of the fields I had a custom monthpicker where the could select a month, and that worked fine before i upgraded to the filter row. Now it is just a normal datepicker. It is set in the colums like this

col.Bound(x => x.WriteOffTo).Filterable(f => f.UI("dateFilter"));

and the javascript is

function dateFilter(control) {

$(control).kendoDatePicker({

depth: "year",

start: "year",

format: "01.MM.yyyy",

parseFormat : "01.MM.yyyy",

close: function () {

var picker = $(control).data("kendoDatePicker");

var currentDate = picker.value();

currentDate.setDate(1);

picker.value(currentDate);

}

});

}

why does this break after i just added the line .Mode(GridFilterMode.Row) to .Filterable() ?

Grid

answered on 21 Oct 2014

2 answers

402 views

Kendo Menu Security Trimming Calling Authorize excessively

Hello,

I am using the Kendo Menu (through a bound site map, although the issue is also present if used through the helper class directly) and have noticed an issue with the menu calling our AuthorizationRoles attribute multiple times per item in the list.

Example:
There are 3 items in an example site map:

<siteMap>

<siteMapNode title="" description="">

<siteMapNode title="Home" controller="Home" action="Index"></siteMapNode>

<siteMapNode title="Person" controller="People" action="Person" >

<siteMapNode title="Manage Person" controller="People" action="ManagePerson"></siteMapNode>

</siteMapNode>

</siteMap>

The People controller is quite large and contains 64 public Actions which all has our Authorize Attribute. Home has 0 Actions with Authorize Attributes.
For each load of the page, the Authorize attribute gets called 128 times for the menu alone. Playing around with it, it gets called x times y amount where x is the number of methods with an authorize attribute in a given controller and y is the number of sitemap nodes referencing that controller.

Does anyone know if there is something I'm doing incorrectly or some way to fix the trimming so it only hits the action it's pointing to and not the entire controller for each item on the list? We cache this item to speed it up, but in production it's making over 1000 calls to this function per page load and is quite intensive.

Current Razor used to generate the menu:

@(Html.Kendo().Menu()

.Name("Menu")

.Direction(MenuDirection.Bottom)

.SecurityTrimming(true)

.BindTo("WebSiteMap", (item, siteMapNode) => { })

)

Thanks for your help!

Menu

answered on 21 Oct 2014

1 answer

54 views

Getting the filter that was applied

Hi,

In this demo http://demos.telerik.com/kendo-ui/grid/filter-row. is there a way to get the filter that was applied when user clicks on the filter icon and
selects a filter

Thanks,
Annie

Grid

answered on 21 Oct 2014