Questions on UI for ASP.NET MVC Forum

6 answers

165 views

Virtualization of local data

Hi,

I got some problems when I using virtualization of local data on MultiSelect widget.

Here I leave a sample video and source code.

Hope to get some helps.

MultiSelect

answered on 22 Jul 2015

2 answers

135 views

Collapse/expand all no slide effect

Hi,

I've added a collapse/expand all option to my treeview, which works fine, but doesn't have any slide effects. On the demo one (http://demos.telerik.com/kendo-ui/treeview/api) it has slide effects for this.

Are there settings I need to apply somewhere to make this work? I have 3 treeviews on top of each other and my button works for all at once - here are the relevant bits of javascript code :-

// 1. collapse all treeview nodes
var treeview = $("#TreeViewSurveyByRisk").data("kendoTreeView").collapse(".k-item");
var treeview = $("#TreeViewSurveyByRecAction").data("kendoTreeView").collapse(".k-item");
var treeview = $("#TreeViewSurveyByLocation").data("kendoTreeView").collapse(".k-item");

// 2. expand all treeview nodes
var treeview = $("#TreeViewSurveyByRisk").data("kendoTreeView").expand(".k-item");
var treeview = $("#TreeViewSurveyByRecAction").data("kendoTreeView").expand(".k-item");
var treeview = $("#TreeViewSurveyByLocation").data("kendoTreeView").expand(".k-item");

Any help would be appreciated.

Thanks, Mark

TreeView

answered on 22 Jul 2015

1 answer

61 views

Pinch Map in IE11

Hello,

I have reviewed the documentation here: http://docs.telerik.com/kendo-ui/browsers-support

And have ensured I have the correct DOCTYPE and IE-Edge tags implemented.

When opening your Demo here: http://demos.telerik.com/kendo-ui/map/index

IE11 reacts to a pinch on the map control by trying to shrink the page.

Chrome on the other hand will zoom the map out.

Thanks,

Aaron

Map

answered on 22 Jul 2015

3 answers

91 views

InlineEdit and Selectable

Hi,

since I have problems with edit mode PopUp I changed it to Inline.

But this brings up the next problems.

First - IE 11 vs. Google Chrome.

In Chrome I get Numeric-UpDown for numbers and "nothing special" for strings.
In IE 11 I get "Edit with Clear Button" for all Items (also numeric).

The real problem occurs when I make the Grid selectable (Row).

Using a DropDown I selecte something an this selects the row.

After the row is selected numeric fields no longer have values.

See the attached Image.

Manfred

Grid

answered on 21 Jul 2015

2 answers

295 views

Import from excel into MVC grid

Hi,

I've searched google and the forums, but couldn't find anything about the MVC grid.

Is it possible to import from excel into an MVC grid? I wanted the importer to import the data by matching on column names, and mark which values have changed, before saving.

Grid

answered on 21 Jul 2015

2 answers

2.0K+ views

Popup Edit Mode hide ID column

Hi,

I have table which contains an ID column (Identity) and several other fields.

If I use "Inline" I can edit and add records.

The ID column is (as intended) not visible.

But a soon as I change to "Popup" the ID column shows up as edit field.
I changed the field to readonly via model.Field(p => p.ID).Editable(false);
Still I have an edit field for the ID - and I can change the value (although this is not persisitet to the DB).

So how to hide the column in Popup edit mode.

Manfred

Grid

answered on 21 Jul 2015

1 answer

572 views

Jquery Kendo Grid with Dynamic Columns in ASP .NET MVC

We are working with “Jquery Kendo Grid” with asp.net MVC 4.0. We need your help on few things. Please help us with some samples.

Need to Display Dynamic Column Kendo Grid( Columns of the Grid will vary for different users)

How can I pass the Column details to “View” from “Controller”
How can I bind the column details to “Jquery Kendo Grid” in View
How can I pass the Data to “View” from “Controller”
How can I bind the Data to “Jquery Kendo Grid” in View

Need to allow user to edit the Data in Dynamic Grid and save this only when user click on the SAVE button

How do I pass the EDITED Data from View to Controller?
How should I write my Controller Action to receive the Data sent from View. I don’t know the format of the data which View will send to Controller?

Need to allow user to Delete the Data in Dynamic Grid and save this only when user click on the SAVE button

How do I pass the DELETED Data from View to Controller?
How should I write my Controller Action to receive the Data sent from View. I don’t know the format of the data which View will send to Controller?

Need Column chooser / Resize / Re order also in Dynamic Grid

We should allow the user “Select / Unselect” the column which user needed in Dynamic Grid
We should allow the user “Reorder” the column in Dynamic Grid
We should allow the user to “Resize” the column in Dynamic Grid
We should allow the user SAVE the preferences (List of the needed column, width of the column and order of the column) which he has made on the “Dynamic Grid” to database, so that when user login next time, we can show the Grid as user had preferred (customized) last time

Grid

answered on 21 Jul 2015

1 answer

114 views

Kendo Grid + Kendo Drop Drop Down Issue

When we add Kendo drop down in a kendo grid (inside Client Template) and run the application. Text box appears inside the column instead of Kendo drop down. Can you guide us?

Grid

answered on 20 Jul 2015

1 answer

1.7K+ views

Start date and end date validation

I have a start date and end date validation where user can not choose a end date previous that of start date. I have written code on datepicker change event and it is working fine. But if i have already have value in the start date from the model and didnt pick from the datepicker, on end date change event the value of start date is null.

View Code/ works fine if the value is picked from datepicker

<div class="form-group">

@Html.LabelFor(model => model.StartDate, htmlAttributes: new { @class = "control-label col-md-2 k-label" })

<div class="col-md-10">

@(Html.Kendo().DatePicker().Name("StartDate").Value(Model.StartDate).HtmlAttributes(new { style = "width:250px", onkeydown = "javascript:return false;", required = "required" }).Events(e => e.Change("startChange")))

@Html.ValidationMessageFor(model => model.StartDate, "", new { @class = "text-danger" })

</div>

<div class="form-group">

@Html.LabelFor(model => model.EndDate, htmlAttributes: new { @class = "control-label col-md-2 k-label" })

<div class="col-md-10">

@(Html.Kendo().DatePicker().Name("EndDate").Value(Model.EndDate).HtmlAttributes(new { style = "width:250px", onkeydown = "javascript:return false;" }).Events(e => e.Change("endChange")))

@Html.ValidationMessageFor(model => model.EndDate, "", new { @class = "text-danger" })

</div>

function startChange() {

var endPicker = $("#EndDate").data("kendoDatePicker"),

startDate = this.value();

if (startDate) {

startDate = new Date(startDate);

startDate.setDate(startDate.getDate() + 1);

endPicker.min(startDate);

}

function endChange() {

var startPicker = $("#StartDate").data("kendoDatePicker"),

endDate = this.value();

if (endDate) {

endDate = new Date(endDate);

endDate.setDate(endDate.getDate() - 1);

startPicker.max(endDate);

}

DatePicker

answered on 20 Jul 2015

3 answers

155 views

Work with selection to paste to

Hi,

I thought I'd ask on here first, but I am struggling to find any nice way to paste into the grid selected cells.

I am using multiple cell selection:

.Selectable(selectable => selectable.Enabled(true)

.Mode(GridSelectionMode.Multiple)

.Type(GridSelectionType.Cell))

I am anticipating I need to manually handle the paste event by registering for the paste event.

$(function () {

$("#weldgrid").bind("paste", function (e) {

var pastedText = undefined;

if (window.clipboardData && window.clipboardData.getData) {

pastedText = window.clipboardData.getData('Text');

} else if (e.clipboardData && e.clipboardData.getData) {

pastedText = e.clipboardData.getData('text/plain');

}

// TODO: Process input for tab/newlines

// iterate through selected cells

// write associated value to each one

}

I've come across this thread already which went dead after one response.

http://www.telerik.com/forums/copy-and-paste-rows-in-kendo-ui-asp-net-mvc-grid

For me the demo does not work and the API Docs in IE11 are all over the place. I am struggling to find my way around the layout/structure of the pages.

Now my question is, how can I nicely iterate through each cell in the range and set the value?

I can see that:

var grid = $("#grid").data("kendoGrid");

var currentSelection = grid.select();

currentSelection.each(function () {

// $(this) is the selected cell

}

Thanks

Andez

Grid