I have a grid that I am using the pop-up editing in. I am using a custom template with drop-downs. The drop-downs have an "Other" option that when selected shows a textbox that you can enter the "Other" details in. This was all in a regular form before I added it to a grid for entry. So I have code for custom validation that would validate these fields if they were showing that worked in a regular form. However, since moving them into the grid pop-up editor, the custom validation is not firing for some reason.

I'm unsure what to do, I have tried to hook the validator up to the grid like so:

 

But I'm not sure that this is even the correct way of going about it.

Any insight into this would be appreciated!

Thanks,

Dustin

I'm building a grid that I'd like to be responsive. When the window shrinks horizontally the grid information on bottom such as paging, refresh, and Items per page drops down to the next line. In the example these options become hidden as the window shrinks horizontally. I'm assuming I am missing a call or may have to implement some jquery. I'm wondering why my grid footer information drops down to the next line instead of becoming hidden like in the demo.

Thanks.

Strange behavior for Buttons in a Window


I am having a problem that I am not really sure if it is being caused by something in my KendoUI Windows, my KendoUI Buttons, my JavaScript, or my MVC razor code, but for starters, I am going to post this in both the Button and Window Forums, so please bear with me.

First, the setup:

I have an MVC app, which has a main view, with several PartialViews on it.

2 of the PartialViews have Kendo buttons where each button opens a different Kendo window; 1 of the PartialViews ('View A') has 2 buttons and the other PartialViews ('View B') has 1 button.

Each of the windows has 3 buttons on it; 'Save', 'Clear', and 'Close'. The code for the buttons and the JavaScript called by them is identical, except, of course, for the object and function names.

Now, my problems:

On 1 of the windows from 'View A' and the window from 'View B', all 3 of the buttons do exactly what they are supposed to do; Save the data, Clear the window, or Close the window.

The second window from 'View A', even though the code is all the same as the others, is exhibiting really strange behavior.

First time window is opened - the buttons all look like regular Kendo buttons (Buttons_Before.jpg), but NONE of the buttons do anything at all.

Second time window is opened - the buttons all look like regular Kendo buttons (Buttons_Before.jpg), and the 'Save' and 'Clear' buttons work just fine, BUT the 'Close' button fires the JavaScript twice.

Any time after the second time the window is opened - the buttons no longer look like Kendo buttons (Buttons_After.jpg) AND they all do nothing at all, again.

I have tried to use the debugger, but none of the window code shows up there, so I went old school and put in alerts, but they are just telling me the function either fired or didn’t, and most of the time the function doesn’t fire.

If anyone has any suggestions, I will really appreciate it. None of the other developers around here have been able to help.

TIA,
Bob Mathis

we have this kind of problem:

We have a database situation as described in the attached screenshot: We have one Request Table, one User Table and an Assignment Table that manage the many to many relationship of the first two tables.

We also have a kendoGrid bounded to the Request Table, and we need to filter data showing only the Request assigned to a specific user.

We are trying to use datasouce.filter (http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-filter) but we can only filter fields from the Request Table and not from the  Assignment Table.

 

Is there a way to filter a grid using field from a related table?

Any answers will'be a great help for us.

Thank you.





 

I would like to be able to auto expand (or just increase) the row height on the Scheduler month view to accommodate days that have multiple events.  Right now it gets cut off and you have to switch to day view to see all the events.  Is there a CSS style tag I can change to adjust this?

I'm hoping this is possible as we are allowing end users to optionally set the min and max value axis amounts. I would like the chart itself to set either or both the Min or Max if the decimal? field is null. Right now I'm using the following code snippet:

 This works fine if the decimal? fields have values, but if they are null, the defaults are set to 0, which is not good.

Problem is, I really only want to set a Min/Max value if it is not null. Any ideas how to do that within the control? Am I going to have to calculate the max on the server and use that as the default for the YAxisRangeMax if null? Min as 0 is fine.

Thanks!

I am at a loss on this. <br> I am trying to add a Kendo dropdown user control to a column in my kendo grid.

My View Model:

    public class MainViewModel
        {
            [Display(Name = "Main")]
            [Required]
            public string Main1 { get; set; }
            public string Description { get; set; }
            [UIHint("CustomerList")]
            public CustomerViewModel Customer { get; set; }
        }

    public class CustomerViewModel
    {
        public string CustomerID { get; set; }
        public string CustomerName { get; set; }
    }

My Grid looks like:

    @(Html.Kendo().Grid<Test.Models.MainViewModel>()
            .Name("mainGrid")
            .Columns(col =>
            {
                col.Bound(x => x.Main1);
                col.Bound(x => x.Customer).ClientTemplate("#=Customer.CustomerName#").Width(180);               
                col.Bound(x => x.Contact1);
                col.Command(x => { x.Edit(); x.Destroy(); });
            })
    )

The Customer displays in the grid however when I go to add/edit I do not see that column.  I don't believe that its calling my user control.  <br>I am not sure why.

This user control is in the Views folder.  I also tried moving it into the Views>Shared and the Views>Shared>DisplayTemplate folder.

My user control:

    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Main.Models.CustomerViewModel>" %>
   
    <%= Html.Kendo().DropDownListFor(m => m)
            .DataValueField("CustomerID")
            .DataTextField("CustomerName")
            .BindTo((System.Collections.IEnumerable)ViewData["customers"])
    %>   

This is almost identical to the Kendo example they provide with the only difference is that they have areas setup in their project and I do not.

This is probably a really ignorant question but I'm trying to make my Popup Editor Template 4 columns wide vs the default 2.  I have looked at this --> custom-popup-editor and this -->Forum Search

 

Ideally I could use Bootstrap to setup that template however I wish but I cannot get the very basic `<div class="row"> <div class="col-md-4">` to work.  I am currently looking at this --> Kendo and Bootstrap Docs to try and make that work.

 

At the end of the day I just need to be able to make my Popup Editor 4 columns wide(i.e. label - editor - label - editor)  Don't care how I get there.

 

This is my Editor Template, _Staff.cshtml, and below that is the Index.cshtml that has the Grid that calls it.

 

I have a grid similiar that. But I don't want to close pop-up window; after clicking Update Button, i want to save record and clear all (or some) fields and continue to create (other) new record. So user can re-insert new record rapidly (multiple insert in the same window).

Finally user click the "cancel" (or close) button and popup will be closed. How can I do that.

Hi, sorry if this is documented somewhere but I didn't find it.  Is it possible to do client side paging with the listview so the entire dataset is stored on the client-side? 

 

Reason I ask is I have one item per page and always in "Edit" mode.  When I change pages any changes are lost, unless I save it to DB automatically when paging, which I want to avoid.  I'd like to be able to have the entire dataset on the client-side and changes saved client-side only.  Is there an out of the box way to do this?