Questions on UI for ASP.NET MVC Forum

2 answers

165 views

Hi,

I have a few columns defined that I don't want the user to change.

When they click a button, it calls a service which returns data. I want to update the columns with this data.

The problem is, if they're set to read-only, I can't change them, and the databound event never fires

.Events(e => e.DataBound("dataBound"))

.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.Events(events => events.Error("error_handler"))
.Model(model =>
{
model.Id(p => p.SnapshotDefinitionID);
//model.Field(p => p.NextSnapshotQueueID).Editable(false);
//model.Field(p => p.NextSnapshotQueueTime).Editable(false);
model.Field(p => p.LastSnapshotQueueID).Editable(false);
model.Field(p => p.LastSnapshotQueueTime).Editable(false);

model.Field(p => p.NextScheduleID).Editable(false);
model.Field(p => p.NextScheduleTime).Editable(false);
model.Field(p => p.LastScheduleID).Editable(false);
model.Field(p => p.LastScheduleTime).Editable(false);

model.Field(p => p.SnapshotQueueCount).Editable(false);
model.Field(p => p.ScheduleCount).Editable(false);

//model.Field(p => p.Client).DefaultValue(
// ViewData["defaultClient"] as DropDownListViewModel);
})
.Create(update => update.Action("BulkCreate", "SnapshotDefinition"))
.Read(read => read.Action("BulkRead", "SnapshotDefinition", new { clientId = @Request["ClientID"], snapshotDefinitionID = @Request["SnapshotDefinitionID"] }))
.Update(update => update.Action("BulkUpdate", "SnapshotDefinition"))
.Destroy(update => update.Action("BulkDestroy", "SnapshotDefinition"))

Grid

answered on 23 Apr 2015

2 answers

178 views

Redirect to strongly typed view based on grid selection

When a user selects a row in my grid, I can get the dataItem from a button click as follows:

$("#viewApplicationBtn").on("click", function () {
var grid = $("#Grid").data("kendoGrid");
var gridData = grid.dataItem(grid.select());

What I would like to do from this point is post this back to my controller, let the MVC model binder map to my ViewModel, and then redirect to another view which is of that model type.

The roadblock I'm facing is that an ajax post won't accomplish this and I can't pass the properties in a Url.Action helper because there are too many

here is my ajax:

$.ajax({
type: "POST",
url: "@Url.Action("ValidateModel")",
datatype: "json",
contentType: "application/json",
data: JSON.stringify(gridData),
success: function(data) {
window.location.href = @Url.Action("Details", "GridController");
},
error: function(data) {
console.log("post failed");
}
});

So how can I use my grid selection to post to another view with a Model?

Grid

answered on 23 Apr 2015

6 answers

417 views

Possible IE Bug - Multi-Select drop-down Flicker

We have incorporated the MultiSelect control into our project and are experiencing strange behavior with the control. I wonder if others have complained of the same problem.

In IE, the drop-down list upon a mouse-click flickers real fast , as if the drop-down window is opening and closing almost instantly, basically forcing the user to click inside the container twice to display the list of items. Again this only appears to happen in IE, Firefox and Crrome seem to be working fine.

Is this a known issue or am I the first to report this?

MultiSelect

answered on 23 Apr 2015

14 answers

194 views

Bug with AppendTo

Hi all,

I'd like to report what I believe is a bug with the Window. When including the AppendTo method in a Window declaration, the Window will not resize properly if the element that is appended to is absolutely positioned with a top/bottom/left/right position.

Example case (untested, but taken from code where the bug was occurring):
View (Razor):

<div id="myDiv"></div>

@(Html.Kendo().Window()

.Draggable(true)

.Resizable()

.Width(300)

.Name("myWindow")

.AppendTo("myDiv")

.Content("some content here")

.Visible(false))

<button id="myBtn" onclick="showWindow();">Show</button>

CSS:

<style>

#myDiv {

position: absolute;

top: 200px;

right: 200px;

}

</style>

Javascript:

<script>

function showWindow() {

var window = $("#myWindow").data("kendoWindow");

window.open();

}

</script>

Thanks,
Jeff

Window

answered on 23 Apr 2015

3 answers

481 views

Leaving Grid in EDIT MODE when Using Custom errors and ModelState

I followed the example for Ajax custom errors and server side modelstate errors, however, the grid (inline editing) goes out of Edit Mode after my javascript error event is called.

We would like to leave the grid in error mode.

Not using .cancelChanges();

// javascript

function grid_error(e) {
var grid = $("#CPRProductLineGrid").data("kendoGrid");
var knotify = $("#popupNotification").data("kendoNotification");

if (e.errors) {
var message = "";

$.each(e.errors, function(key, value) {
if ('errors' in value) {
$.each(value.errors, function() {
message += this + "<br />";
});
}
});

knotify.show({
title: "Validation Error",
message: message
}, "error");

//grid.cancelChanges();

}
}

// controller

foreach (var item in validator.GetValidationErrors())
{
ModelState.AddModelError("GroupCode1", item);
}

return Json(ModelState.ToDataSourceResult());

Grid

answered on 23 Apr 2015

7 answers

449 views

Doubleclick and navigate to another view

We are using the paid version with the razor engine.

I am looking for an example of being able to doubleclick a gridrow, get the ID from a nonvisible column and pass that value to the controller.

Might I suggest that you add filtering (paid version/razor/html) to the forum. For beginners in MVC it is difficult to locate a relevane example/response.

Grid

answered on 23 Apr 2015

2 answers

223 views

Render Command Buttons on a Single Line

How do I prevent the command buttons from wrapping in the command column on each of the grid rows? I want them to render in a straight, horizontal line even if they extend past the edge of the grid.

like this:

+ ---------------------------------------------------------+

| column 1 | ... | column n | [btn1] [btn2] [btn3] [btn4] |

+ ---------------------------------------------------------+

instead of:

+ -------------------------------------------+

| column 1 | ... | column n | [btn1] [btn2] |

| | | | [btn3] [btn4] |

+ -------------------------------------------+

Grid

answered on 22 Apr 2015

1 answer

208 views

Error message after Upgrade KendUI to latest version

I have used Kendo UI (version: "2014.1.416) as before, after I upgrade to "2015.1.408".

My browser console occur the following error: Uncaught TypeError: s.attr(...).kendoColumnSorter is not a function

Could anyone give me some suggestion ? Thanks you very much

Installer and VS Extensions

answered on 22 Apr 2015

7 answers

287 views

Filter on combobox lookup column not working

Hi everyone,

I have a Telerik mvc grid with filter mode set to “GridFilterMode.Row”.
One of the columns is a lookupComboBox modified from this example: http://www.telerik.com/support/code-library/grid-editing-using-combobox-with-remote-binding-and-filtering

Now, the filtering capability for the lookupcombobox does not work at all, please see attached image for details. Same issue can be seen in the example provided by Telerik (see link above).

Has anyone seen this issue? Any ideas on how to get the filter to work properly with the lookupcombobox?

Thanks

Grid

answered on 22 Apr 2015

3 answers

156 views

Action gets assigned to Parent node when Area is set

Hi

I have created Kendo menu using Model binding and set the Area as shown below

@(Html.Kendo().Menu()
.Name("menu")
.BindTo(Model,mp=>
{
mp.For<MyModel>(binding => binding
            .ItemDataBound((item, main) =>             {
item.Text = main.FormName;
if (main.ActionName != "")
{
item.Action(main.ActionName, main.ControllerName, new { area = main.AreaName });
// item.ActionName = main.ActionName;
// item.ControllerName = main.ControllerName;
}
})
.Children(main => main.Children));
})

   )

Menus are loaded correctly with 2 levels and the actions are invoked from respective areas correctly. However for the parent node default action is set. Parent node is not assigned any action.

When Area is removed, the parent node does not have action. When setting area, parent node also gets Href

Warm Regards,

Veeralakshmi Jeyavelu

Menu

answered on 22 Apr 2015