I have this grid:
@(Html.Kendo().Grid<Payday.Website.Models.Message.MessageViewModel>()
.Name("Message")
.Columns(columns =>
{
columns.Bound(p => p.Id).Groupable(false);
columns.Bound(p => p.MessageType).ClientTemplate( "#= (MessageType.Name == null) ? ' ' :MessageType.Name #");
columns.Bound(p => p.Employee).ClientTemplate("#=Employee.FullName#");
columns.Bound(p => p.Responsible).ClientTemplate("#=Responsible.FullName#").EditorTemplateName("PayDayEmployee").Width(200);
columns.Bound(p => p.Sender).ClientTemplate("#=Sender.FullName#");
columns.Bound(p => p.SentDate).Format("{0:dd-MM-yyyy}");
columns.Command(command => command.Custom("Vis").Click("ShowMessage"));
columns.Command(command => command.Edit());
})
.ToolBar(toolBar =>
{
//toolBar.Save();
})
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Groupable()
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:730px;" })
.DataSource(dataSource => dataSource
.Ajax()
.Events(events => events.Error("error_handler"))
.Batch(false)
.PageSize(25)
.Model(model =>
{
model.Id(p => p.Id);
model.Field(p => p.Id).Editable(false);
model.Field(p => p.MessageType).Editable(false);
model.Field(p => p.Employee).Editable(false);
model.Field(p => p.Sender).Editable(false);
model.Field(p => p.SentDate).Editable(false);
})
.Read(read => read.Action("GetPayDayMessages", "Message"))
.Update(update => update.Action("UpdateMessages", "Message"))
)
)


I am able to enter edit mode and i can cancel it.
If i doesn't make any changes i can press update just fine.
If i make changes the changes are sent to the server but the grid remains in édit mode.
I can see i recieve a empty reply from the server and if there is an error in the data then i recieve the expected error message.
My server method looks like this:

 [AcceptVerbs(HttpVerbs.Post)]
public ActionResult UpdateMessages([DataSourceRequest] DataSourceRequest request,
[Bind(Prefix = "models")]IEnumerable<MessageViewModel> messages)
{
if (messages != null && ModelState.IsValid)
{
foreach (var m in messages)
{
var message = _iMessageRepository.GetById(m.Id);
if (m.Responsible != null)
{
message.Responsible = EmployeeRepository.GetById(m.Responsible.Id);
}
else
{
message.Responsible = null;
}
_iMessageRepository.Save(message);
}
}
// return Json(messages.ToDataSourceResult(request, ModelState));
return Json(ModelState.ToDataSourceResult(), JsonRequestBehavior.AllowGet);
}
I include files like this:
<link href="@Url.Content("~/Content/kendo/2013.1.319/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.319/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.319/kendo.default.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.319/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />
<!--<script src="@Url.Content("~/Scripts/kendo/2013.1.319/jquery.min.js")"></script>-->
<script src="@Url.Content("~/Scripts/kendo/2013.1.319/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.1.319/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>


Any ideas ?

I'm currently converting an App from Telerik ASP.NET AJAX to the newest Kendo UI. The App heavily uses the "Filter" control which is attached to a Grid to sort through data. These filter configurations can then be saved to the database to allow Users to save/load Custom Grid Views.

I do not see a Filter control within the Kendo UI controls, is there an alternative to this functionality I could use to filter/sort the Kendo UI Grid?

Regards,
Landon

Hi All,

I am trying to pass parameters to controller action method from listview. But mvc controller action is not firing.. Script is below.
   
    <script type="text/x-kendo-tmpl" id="titletemplate">
                <div class="titleClass">
                <input type='checkbox' class='titleCheck' id=${CplGuid}  value=${aaaa}" > ${bbbb} </div>            
                </script>
                @(Html.Kendo().ListView<Dcip.KeyVault.Portal.Areas.KeyVaultUI.Models.DownloadKdmPE>()
        .Name("titles")
                        //.Events(events => events.DataBound("OnKeyDataBound"))
        .TagName("div")
        .ClientTemplateId("titletemplate")
        .DataSource(source =>
        source.Read(
        read => read.Action("xxxx", "yyyy").Data("filterTitles"))
        .PageSize(25)
        )       
        .Selectable(selection =>
        {
            selection.Enabled(true);
            selection.Mode(ListViewSelectionMode.Multiple);
        })
                        //.Pageable(pager => { pager.PageSizes(true); pager.ButtonCount(1); })
        .Pageable(pager => { pager.PageSizes(new int[] { 10, 20, 25 }); pager.ButtonCount(1); })
        )

<script type="text/javascript">
 function filterTitles() {
        alert('Hi Titles');
        return { xxId: 1 ,yyId:1 };
    }
</script>

Immediate help would be appreciated.

Regards,
Partha.

I have a kendo grid that has editor template for the popup editor. Whenever I call a property directly on the model i.e. @Html.DropDownListFor(model=>model.MyProperty,SomeSelectList) everything Works fine. When I do associated properties on the other hand I get the no parameterless constructor. All of my associated properties specifically have a default constructor. So why am I getting this error when I use @Html.DropDownLIstFor(model=>model.AssociatedPropertyObject.AssociatedPropertyProperty) when both the model and the associatedproperty object have default constructors specified.

This is how my models are set up.

Hi.

I have a treeview which I implemented with checkchildren set to true, but causes IE8 to show a message about a long running script when there is over 100 nodes.

I therefore tried to implement my own functionality using jquery. I managed to check/uncheck children based on parent with the code:

This seems faster then the built in functionality. What i need now is a way to uncheck parents if one child is unchecked and check parents if all children is checked.

Does anyone have a sample code for this? Or a tips on how I can get the built in functionality to work better with IE8?

Hi,

I can't get this working when I've checked each control for a ToClientTemplate for it to render properly
1st grid = fine
1st tabstrip = fine
2nd grid = not working
2nd tabstrip within grid = fine



. I'm having an issue particularly in the 2nd grid and on this part (perhaps its the AwardDetails[0] field/object


Thanks for your help.

Aaron

We added our custom filter to the grid since we want to use google type filter.  The issue is how can we take advantage of the Kendo Grid that will allow us to re-order the column.  Right now if we re-order it, the filter remains the same therefore it filter incorrectly.
see attachment.
Header1 | Header 2 
------------  |-------------
Filter1      |  Filter 2 <--- custom filters (free text and drop dropdown)
-----------   | -----------
data1       | data 2

Now if I dragged Header 2 to Header one, it looks correct but the filter remains so not filter 1 is under Header 2 and Filter 2 is under Header one.

Header2 | Header1 
------------  |-------------
Filter1      |  Filter 2 <--- unchanged
-----------   | -----------
data2       | data1

Do I need to do something to accomplish the re-ordering properly?

Is there a way to set the rotation of the tooltip apart from the rotation of the chart?

I rotated my chart 90 degrees, to make it vertical, which works fine. However the tooltip, is now sideways and I can't see a way to rotate the tooltip as well to be horizontal again. If it is not possible I can just disable the tooltip, although I would prefer to have it if possible. Thanks

Hello,

I have the problem, that I cannot inline edit my data in my grid because the edit button is simply missing. All other actions (read data, create data (inline), delete data) are working very well.

I am using a webservice to communicate with the server side.
Here is the code of my grid:

I have been trying now for hours, but stil no success to get the inline edit feature working. I hope someone call help me a bit.
Thank you very much.

Hello,
I have menu, window on page!
 <script>
    $(document).ready(function() {
     var window = $("#window"),
                undo = $("#undo")
                        .bind("click", function() {
                            window.data("kendoWindow").center().open();
                        });
        var onClose = function() {
            undo.show();
        }
        window.kendoWindow({
            width: "auto",
            title: "Настройка системы",
            actions: ["Refresh", "Maximize", "Close"],
            content: 'settings',
            modal: true,
            close: onClose
         });
         $("#menu").kendoMenu();
    });
</script>
but menu don't work