or
3 answers
235 views
I'm setting up an MVC grid with a true/false column to represent if the row is a selected row (to store in the database). The problem occurs when i click the true/false cell, a checkbox shows up as expected, but when i attempt to click the checkbox, instead of checking the box, the cell goes back to display mode. If I click the cell to put it in editing mode and use the space bar, it will check the checkbox just fine, but I need the ability to use a mouse click to check the box.
Here's the grid:
Here's the model.
I've looked through the forums for similar issue, but I cannot see what I'm doing wrong. Please help if you can.
Here's the grid:
Html.Kendo().Grid<SelectedProjects>()
.Name("StaticViewGrid")
.HtmlAttributes(new { @style = "display:inline-block;" })
.Columns(columns =>
{
columns.Bound(o => o.Selected);
columns.Bound(o => o.SystemID);
columns.Bound(o => o.ProjectName);
columns.Bound(o => o.Environment);
columns.Bound(o => o.SitEntryDate).Format("{0:d}");
columns.Bound(o => o.SitExitDate).Format("{0:d}");
columns.Bound(o => o.ProductionInstallDate).Format("{0:d}");
})
.ToolBar(toolbar => toolbar.Save())
.Editable(editing => editing.Mode(Kendo.Mvc.UI.GridEditMode.InCell))
.Filterable()
.Sortable()
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(false)
.Model(model =>
{
model.Id(o => o.EngagementID);
model.Field(o => o.Selected).Editable(true);
model.Field(o => o.SystemID).Editable(false);
model.Field(o => o.ProjectName).Editable(false);
model.Field(o => o.Environment).Editable(false);
model.Field(o => o.SitEntryDate).Editable(false);
model.Field(o => o.SitExitDate).Editable(false);
model.Field(o => o.ProductionInstallDate).Editable(false);
})
.Read(read => read.Action("SelectedEngagementItemData", "Amethyst"))
.Update(update => update.Action("SelectedEngagementItems_Update", "Amethyst"))
)
Here's the model.
public partial class SelectedProjects
{
public Guid EngagementViewID { get; set; }
public string EngagementViewName { get; set; }
public bool Selected { get; set; }
public int EngagementID { get; set; }
public Nullable<int> SystemID { get; set; }
public string ProjectName { get; set; }
public string Environment { get; set; }
public Nullable<DateTime> SitEntryDate { get; set; }
public Nullable<DateTime> SitExitDate { get; set; }
public Nullable<DateTime> ProductionInstallDate { get; set; }
}
I've looked through the forums for similar issue, but I cannot see what I'm doing wrong. Please help if you can.
Dimiter Madjarov
Telerik team
answered
on
31 Jan 2013
1 answer
110 views
Hello,
I have the following grid:
And when i deploy the site to IIS6 i get a 404 on JobCode_Read (yes, i have the proper wildcard set up) and the data does not load (obviously).
It also happens if i change this post to a get and return Json(result, JsonRequestBehavior.AllowGet);
When i deploy it to IIS7 it goes through no problem.
Am I missing a setting in II6, or will this just not work in IIS6?
Has anyone else encountered this?
I have the following grid:
@(Html.Kendo().Grid<JobCodeModel>() .Name("JobCodeGrid") .ToolBar(toolbar => toolbar.Create()) .Scrollable(scrolling => scrolling.Enabled(false)) .Filterable(filtering => filtering.Enabled(true)) .Pageable(paging => paging.Enabled(true).PageSizes(true)) .Sortable(sorting => sorting.Enabled(true)) .Editable(editing => editing.Mode(Kendo.Mvc.UI.GridEditMode.InLine)) .DataSource(datasource => datasource .Ajax() .Read(read => read.Action("JobCode_Read", "Admin")) .Create(create => create.Action("JobCode_Create", "Admin")) .Update(update => update.Action("JobCode_Update", "Admin")) .Model(model => model.Id(p => p.JobCodeID)) ) .Columns(columns => { columns.Bound(c => c.JobCode); columns.Bound(c => c.JobCodeDescription); columns.Bound(c => c.Active); columns.Command(commands => { commands.Edit(); }).Width(43).Visible(true); }) )[HttpPost] public ActionResult JobCode_Read([DataSourceRequest]DataSourceRequest request) { DataSourceResult result = null; using (MyEntities entities = new MyEntities()) { result = (from r in entities.JobCodes select new JobCodeModel { JobCodeID = r.JobCodeID, JobCode = r.JobCode1, JobCodeDescription = r.JobCodeDescription, Active = r.Active }).ToDataSourceResult(request); } return Json(result); }And when i deploy the site to IIS6 i get a 404 on JobCode_Read (yes, i have the proper wildcard set up) and the data does not load (obviously).
It also happens if i change this post to a get and return Json(result, JsonRequestBehavior.AllowGet);
When i deploy it to IIS7 it goes through no problem.
Am I missing a setting in II6, or will this just not work in IIS6?
Has anyone else encountered this?
1 answer
125 views
I currently have an example that fires my delete, update, and read methods on my WCF rest service. For whatever reason, I cannot get the create to work. Am I doing something wrong?
<script> $(document).ready(function () { var crudServiceBaseUrl = "http://localhost/IqaRestService/Service1", dataSource = new kendo.data.DataSource({ transport: { read: { url: crudServiceBaseUrl + "/getquestions", dataType: "json" }, update: { url: crudServiceBaseUrl + "/update", dataType: "json", type: "POST", contentType: "application/json" }, create: { url: crudServiceBaseUrl + "/create", dataType: "json", type: "POST", contentType: "application/json" }, destroy: { url: crudServiceBaseUrl + "/delete", dataType: "json", type: "DELETE", contentType: "application/json" }, parameterMap: function (options, operation) { if (operation !== "read" && options) { return kendo.stringify({ question: options }); } } }, schema: { model: { id: "QuestionId", fields: { QuestionId: { type: "string" }, QuestionText: { type: "string" }, Comment: { type: "string" }, Answer: { type: "string" } } } } }); $(".k-add-button").click(function (e) { listView.add(); e.preventDefault(); }); var listView = $("#listView").kendoListView({ dataSource: dataSource, editable: true, selectable: "single", template: kendo.template($("#template").html()), editTemplate: kendo.template($("#editTemplate").html()) }).data("kendoListView"); }); </script>[OperationContract] [WebGet(ResponseFormat = WebMessageFormat.Json, UriTemplate = "/getquestions")] public List<IqaQuestion> GetQuestions() { return this.Store; } [OperationContract] [WebInvoke(Method = "POST", UriTemplate = "/update", BodyStyle = WebMessageBodyStyle.WrappedRequest)] public bool SaveQuestion(IqaQuestion question) { return true; } [OperationContract] [WebInvoke(Method = "POST", UriTemplate = "/create", BodyStyle = WebMessageBodyStyle.WrappedRequest)] public bool CreateQuestion(IqaQuestion question) { return true; } [OperationContract] [WebInvoke(Method = "DELETE", UriTemplate = "/delete", BodyStyle = WebMessageBodyStyle.WrappedRequest)] public bool RemoveQuestion(IqaQuestion question) { return false; }
Alexander Valchev
Telerik team
answered
on
31 Jan 2013
3 answers
440 views
Telerik Team,
Is there a way to validate an autocomplete in the popup editor grid? In the grid definition of my field, I have added an editor parameter to render out the kendo autocomplete which will retrieve remote data.
columns: [
{ field: "EmployeeName", title: "Employee Name", editor: employeeAutoCompleteEditor }
]
The autocomplete and everything works. But the validation defined in the datasource of the autocomplete doesn't work.
schema: {
model: {
fields: {
Employee: {
type: "string",
validation: { required: true}
}
}
}
If I took out the editor: employeeAutoCompleteEditor from the grid column definition, the validation works on that datasource. Is it possible to have the autocomplete with validation by defining it in the schema?
Thanks,
Danny
Is there a way to validate an autocomplete in the popup editor grid? In the grid definition of my field, I have added an editor parameter to render out the kendo autocomplete which will retrieve remote data.
columns: [
{ field: "EmployeeName", title: "Employee Name", editor: employeeAutoCompleteEditor }
]
The autocomplete and everything works. But the validation defined in the datasource of the autocomplete doesn't work.
schema: {
model: {
fields: {
Employee: {
type: "string",
validation: { required: true}
}
}
}
If I took out the editor: employeeAutoCompleteEditor from the grid column definition, the validation works on that datasource. Is it possible to have the autocomplete with validation by defining it in the schema?
Thanks,
Danny
Alexander Valchev
Telerik team
answered
on
31 Jan 2013
5 answers
690 views
Hi,
I am having issue with Paging on kendo grid when binding to remote data source through WCF service.
It doesn't work when I load the page, the paging only works only when I click on any column for sorting.
For Sorting, the column sorts but the image for sort direction doesn't appear on the column.
For Filtering, the filtering is enabled, but filtering isn't appearing for the columns.
I have attached the solution with this post. Please help.
I am having issue with Paging on kendo grid when binding to remote data source through WCF service.
It doesn't work when I load the page, the paging only works only when I click on any column for sorting.
For Sorting, the column sorts but the image for sort direction doesn't appear on the column.
For Filtering, the filtering is enabled, but filtering isn't appearing for the columns.
I have attached the solution with this post. Please help.
Alexander Valchev
Telerik team
answered
on
31 Jan 2013
7 answers
369 views
I have a grid, with filtering enabled, and the dropdown list for the filters is being loaded from a datasource on the server.
This works just fine. I actually have 3 columns just like the one above for different values. My question is, how do I programatically re-bind these drop downs once the grid gets rebound? What Im trying to accomplish is if I change one of the filters, I would like the other filters to be changed as well based on the selected filter. Like cascading drop-downs, but they are all mutually exclusive. Its not a direct hierarchy.
So If I can get the drop-downs to rebind (each time the grid data gets bound), I can send the current filtered parameters with it, and change the response options based on that. I hope this makes sense.
column.Bound(o => o.Color).Title("Color").Filterable(filterable => filterable.UI("colorFilter"));function colorFilter(element) {element.kendoDropDownList({
dataSource: { transport: { read: "@Url.RouteUrl("ProductData", new { action = "FilterMenuCustomization_Colors", controller = "Inventory", catagory = "XYZ" })" , type: "POST" , data: { catagory: "@ViewData["productType"].ToString()", filters: $("#Products").data.filter } } }, optionLabel: "--Select Value--"}); }This works just fine. I actually have 3 columns just like the one above for different values. My question is, how do I programatically re-bind these drop downs once the grid gets rebound? What Im trying to accomplish is if I change one of the filters, I would like the other filters to be changed as well based on the selected filter. Like cascading drop-downs, but they are all mutually exclusive. Its not a direct hierarchy.
So If I can get the drop-downs to rebind (each time the grid data gets bound), I can send the current filtered parameters with it, and change the response options based on that. I hope this makes sense.
Rosen
Telerik team
answered
on
31 Jan 2013
7 answers
471 views
Hi
My question has a litttle backgound.
I have developed an application which allows me to select a customer.
After selecting the customer a kendo bar Chart is generated, and filled with the turnover of the last 12 months.
The data are collected by calling a json webservice.
This all works fine, and the webservice call is fired only once.
Now I load the application as partial view in an mvc view.
It is loaded into a kendoWindow.
All of a sudden the application now fires the webservice call twice.
I have put breakpoints in the controller, in the view and in the partial view, and after selecting the customer, all breakpoints are visited only once.
This should mean that the partial view is loaded once, and the webservice is also called once.
But why is the webservice called twice?
Fiddler shows two calls, and also the logs on the json webservice records two calls.
Has anyone had such an experience?
Could it be that after selecting the customer, the active window is already generating the call to the webservice, but that the underlying view is generating a second window which is also calling the webservice?
Many thanks for your help!
Henk Jelt
My question has a litttle backgound.
I have developed an application which allows me to select a customer.
After selecting the customer a kendo bar Chart is generated, and filled with the turnover of the last 12 months.
The data are collected by calling a json webservice.
This all works fine, and the webservice call is fired only once.
Now I load the application as partial view in an mvc view.
It is loaded into a kendoWindow.
All of a sudden the application now fires the webservice call twice.
I have put breakpoints in the controller, in the view and in the partial view, and after selecting the customer, all breakpoints are visited only once.
This should mean that the partial view is loaded once, and the webservice is also called once.
But why is the webservice called twice?
Fiddler shows two calls, and also the logs on the json webservice records two calls.
Has anyone had such an experience?
Could it be that after selecting the customer, the active window is already generating the call to the webservice, but that the underlying view is generating a second window which is also calling the webservice?
Many thanks for your help!
Henk Jelt
2 answers
119 views
Hi. I'm pretty new to the Kendo controls so hopefully I'm just missing something obvious here.
First question: How do I apply a descending sort by default on a grid? Here's my current grid definition but the sort (by date_time) is ascending rather than descending:
I
Second question: The sort option doesn't seem to be reaching the MVC action.
If I look at the form or add a "sort" string param to the Query function I can see the sort information being passed (e.g. "site_name-asc") but it isn't being pulled into the request object.
From another thread I found I saw a recommendation to make sure kendo.aspnetmvc.min.js is included but I checked and it is.
What else should I check?
First question: How do I apply a descending sort by default on a grid? Here's my current grid definition but the sort (by date_time) is ascending rather than descending:
@(Html.Kendo().Grid<DSG.Support.EntityModel.Models.SolutionFeedback>() .Name("KBFeedbackGrid") .Columns(columns => { columns.Bound("solution_id").Title("KB#"); columns.Command(act => act.Custom("Edit")); columns.Bound("site_id").Title("Acc ID"); columns.Bound("site_name").Title("Account Name"); columns.Bound("rating_score").Title("Rating").HtmlAttributes(new { @class = "ratingCol" }); columns.Bound("date_time").Title("Created").Format("{0:MM/dd/yyyy HH:mm}"); columns.Bound("comments").Title("Comment"); columns.Bound("action_taken").Title("Action"); }) .DataSource(dataSource => dataSource.Ajax() .Read(read => read.Action("Query", "KBFeedback").Data("GetSearchCriteria")) .Sort(sort => sort.Add(x => x.date_time)) ) .Pageable() .Sortable(sort => sort.AllowUnsort(false).Enabled(true).SortMode(GridSortMode.SingleColumn)))Second question: The sort option doesn't seem to be reaching the MVC action.
public JsonResult Query(DataSourceRequest request, KBFeedbackSearchCriteria query){ // Here request contains the page number and page size but the Sorts collection is null int count = 42; // Get count from linq query IEnumerable<SolutionFeedback> results = null; // Get data from linq query return Json(new DataSourceResult() { Data = results, Total = count }, JsonRequestBehavior.AllowGet);}From another thread I found I saw a recommendation to make sure kendo.aspnetmvc.min.js is included but I checked and it is.
@Scripts.Render("~/bundles/modernizr")<!--This bundle was moved by the Kendo UI VS Extensions for compatibility reasons-->@Scripts.Render("~/bundles/jquery")<!--This CSS entry was added by the Kendo UI VS Extensions for compatibility reasons--><link href="@Url.Content("~/Content/kendo.compatibility.css")" rel="stylesheet" type="text/css" /><link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.common.min.css")" rel="stylesheet" type="text/css" /><link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" /><link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.default.min.css")" rel="stylesheet" type="text/css" /><link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" /><script src="@Url.Content("~/Scripts/kendo/2012.3.1315/jquery.min.js")"></script><script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script><script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.aspnetmvc.min.js")"></script><script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>15 answers
678 views
Hi,
I'm a commercial complete client and have a simple but very strange problem.
I am using a kendo grid in a GoldMine (a windows based CMS) project and have one issue that needs to be resolved. I'm sure it has to do with the stripped down version of IE that Goldmine uses in it's GM+view tab. The GM+view tab is simply an embedded IE browser that exposes the contact data so that external web apps can be integrated.
Here's the problem. When the user clicks on the column header name of a sortble column a new browser window is opened with an empty grid. I'm using the column menu so I don't need the column header to be a link for sorting the column. This only happens in the Goldmine app so I know this is special, but it's a deal breaker for me because this is one of my apps that I'd like to integrate and there is a substantial user base at stake.
So, can the sorting link be disabled for column headers while still maintaining the ability to sort using the column menu? I'm sure there is a way to modify the JS but I'm not able to find it. Unfortunately there is no project I can send to show the problem but I can easily setup a GoToMeeting session and screen share to demo the issue.
My hope is that there's a simple fix for this. I think the IE version is 9 but I'm not sure what the embedded version is like.
Thanks in advance
I'm a commercial complete client and have a simple but very strange problem.
I am using a kendo grid in a GoldMine (a windows based CMS) project and have one issue that needs to be resolved. I'm sure it has to do with the stripped down version of IE that Goldmine uses in it's GM+view tab. The GM+view tab is simply an embedded IE browser that exposes the contact data so that external web apps can be integrated.
Here's the problem. When the user clicks on the column header name of a sortble column a new browser window is opened with an empty grid. I'm using the column menu so I don't need the column header to be a link for sorting the column. This only happens in the Goldmine app so I know this is special, but it's a deal breaker for me because this is one of my apps that I'd like to integrate and there is a substantial user base at stake.
So, can the sorting link be disabled for column headers while still maintaining the ability to sort using the column menu? I'm sure there is a way to modify the JS but I'm not able to find it. Unfortunately there is no project I can send to show the problem but I can easily setup a GoToMeeting session and screen share to demo the issue.
My hope is that there's a simple fix for this. I think the IE version is 9 but I'm not sure what the embedded version is like.
Thanks in advance
1 answer
293 views
Hey everbody,
I've got the unique problem of determining an easy-to-understand, concise way to allow our users to edit a value for one or more columns across multiple selected rows.
I've heard from project stakeholders that they particularly like the approach which mint.com takes in allowing for multiple row edits. This is a slide-out from beneath the header which mimics the row style of the given grid. In place of column values, there are controls for editing, which then copy values to the selected columns and submit the edits.
I've seen the technical portion of this work in the grid control, however I haven't seen anything remotely like the presentation portion. I took a stab at getting a simple plugin to overlay the grid, but kept getting interesting bounding issues in trying to determine where the columns actually began and ended, leading to the pseudo-columns we were creating to display far out of whack with where the actual columns displayed.
Does Kendo have any support for multiple editing beyond batch editing (more of a select once - publish many pattern)? Or is there support for real-time monitoring of the offset of cell bounds and table width? Or in order to accomplish this, will I have to hack together some Javascript to get things displaying in the right location?
Any ideas on what the best way to accomplish this with the control would be appreciated.
Thanks!
Josh
I've got the unique problem of determining an easy-to-understand, concise way to allow our users to edit a value for one or more columns across multiple selected rows.
I've heard from project stakeholders that they particularly like the approach which mint.com takes in allowing for multiple row edits. This is a slide-out from beneath the header which mimics the row style of the given grid. In place of column values, there are controls for editing, which then copy values to the selected columns and submit the edits.
I've seen the technical portion of this work in the grid control, however I haven't seen anything remotely like the presentation portion. I took a stab at getting a simple plugin to overlay the grid, but kept getting interesting bounding issues in trying to determine where the columns actually began and ended, leading to the pseudo-columns we were creating to display far out of whack with where the actual columns displayed.
Does Kendo have any support for multiple editing beyond batch editing (more of a select once - publish many pattern)? Or is there support for real-time monitoring of the offset of cell bounds and table width? Or in order to accomplish this, will I have to hack together some Javascript to get things displaying in the right location?
Any ideas on what the best way to accomplish this with the control would be appreciated.
Thanks!
Josh
Alexander Valchev
Telerik team
answered
on
30 Jan 2013
