Questions on Kendo UI for jQuery Forum

2 answers

660 views

grid column auto-expand to show all data

I'm trying to configure this grid so that all the columns auto-expand enough to show all the data in every column.

Regardless of what I've tried, it seems that the table stays the same width with no scrolling, and calling autoFitColumn just *shrinks* that column to better accommodate the others (vs the way Format > Column > AutoFit Selection works in Excel.)

http://dojo.telerik.com/iRIqU

Can someone advise how to get the columns to auto-expand?

Grid

answered on 17 Jan 2018

7 answers

114 views

[Solved] Cut un-adjacent cells produce error and cut content lost

In kendo spreadsheet, if you

1. select 2 un-adjacent cells,

2. ctrl-x to cut, and selected cell contents are cleared

(in the console, error "Unsupported for multiple ranges" is thrown)

3. but when you paste with ctrl + v, the content is lost.

If you do the same thing for copy (ctrl + c), an dialog pop-up with message "That action cannot be performed on multiple selection". I think this should also happen for cut operation.

Spreadsheet

answered on 17 Jan 2018

1 answer

210 views

[Solved] Treeview and grid integration

Hi there,

I was wondering if it was possible to sort the grid view data with the treeview.

I would want to load my data of say.... cars and display it in the treeview, but also sort everything in the treeview ex, by owner, by brand, etc.

If this is possible, how would i go about handling the data loading. Do I need to make a new structure for the data or can I simply use a different datasource?

Thanks.

TreeView

answered on 17 Jan 2018

4 answers

2.8K+ views

Hide Grid if DataSource is empty

I was hoping someone could help me out with how I can hide a grid if the datasource returns with no results.

I was doing this in my code behind before I switched to a Kendo grid, but am quite new to javascript, and can't seem to find any good info on how to do this.

Please let me know if you have any questions.

Thanks,

Scott

Grid

answered on 17 Jan 2018

4 answers

135 views

When hovering, an unnecessary underline appears by location.

Hi.

I use Metro theme.

When hovering a combo box, an unnecessary green underline appears by location.

It is the first combo box of the following sample.

http://dojo.telerik.com/IkaMUs

(I confirmed it with chrome.)

Is there a way to fix this problem?

ComboBox

answered on 17 Jan 2018

2 answers

604 views

[Solved] #:Field# encoding doesn't work?

According to the Kendo UI template documentation, you can use either the #=Field# or #:Field# notation, with the #:Field# notation encoding the text. However, I cannot seem to get this to work.

I created a field in my model that just returned a string, "<b>Todd</b>". Then, I used the template like this:

and also like this:

In BOTH cases, the output was

While I would expect that for the #=Field# notation, for the #:Field# notation, I was expecting:

Any ideas on why this isn't working like I am expecting?

Templates

answered on 16 Jan 2018

10 answers

2.4K+ views

Put all rows into edit mode

I'm wondering if it is possible to put all rows into edit mode while doing batch editing. It obviously isn't built into the API, but maybe there is a way around this?

Specifically, I have a grid of 4 columns. Only 1 column is editable. That column happens to be a drop down list. I have been told that I need to display all of the records with that one column as editable drop downs. This makes sense in that it helps communicated to the user that this grid is batch editable. Otherwise it takes a little faith and exploration from the end user to understand that if they click in one of the cells they will be able to edit it.

I have tried providing a drop down list for both the 'template' and the 'editor' function. However, that caused some flickering and didn't seem to update the template after leaving edit mode.

Thoughts?

Grid

answered on 16 Jan 2018

6 answers

427 views

Can Upload control handle dragging from Outlook?

I am trying to use the upload widget to add Outlook emails. When dragging an email from Outlook nothing happens. It does not error and does not upload the email.

I am only able to save the message then drag the saved file. Is there a way to upload directly by dragging from Outlook?

Upload

answered on 16 Jan 2018

1 answer

1.2K+ views

Binding Values of Multiple MultiSelect Instances

I have multiple MultiSelect Instances:

@foreach (var group in Model.WellnessGroups)

{

<div class="hpanel hblue">

<div class="panel-heading hbuilt">

@group.Name

</div>

<div data-groupId="@group.Id" class="panel-body" style="display: block;">

<select multiple data-groupId="@group.Id" class="groupMultiSelect"></select>

</div>

}

Each MultiSelect instance is wrapped in a groupId.

I would like for each MultiSelect instance to reflect in it's placeholder/value the specific items that have been saved to the database under that id.

I have an ajax call to a controller that will save the selected values on each "select" event so that when I select an employee, the ajax call grabs the employeeId and groupId and saves it into the database:

$(".groupMultiSelect").kendoMultiSelect({

placeholder: "Select Employees",

dataTextField: "displayName",

dataValueField: "objectId",

dataSource: dataSource,

autoBind: true,

select: function(e) {

var employeeId = e.dataItem.objectId;

var wellnessGroupId = $(this).closest("div").prevObject[0].element[0].getAttribute('data-groupId');

wellnessGroupId = parseInt(wellnessGroupId);

$.ajax({

url: "@Url.Action("SaveEmployeeToGroup")",

cache: false,

data: {

employeeId: employeeId,

wellnessGroupId: wellnessGroupId

},

type: "Post",

}).done(function(res) {

toastr.success("Employee Saved to Wellness Group");

}).fail(function(err) {

toastr.error("There was a problem saving this entry.);

});

},

value: {

//TODO: bind values of each multiselect field to reflect data that has been saved.

}

});

MultiSelect

answered on 16 Jan 2018

3 answers

511 views

Set default formatting

I'm using the Kendo Editor for Angular JS.
I want to set the default Formatting tool value to be Paragraph when the editor is loaded.
Is there a way to do that?

Other than that, in the thread https://www.telerik.com/forums/clean-the-paragraph-format it says that "The Paragraph format option is the default structural markup option", but when only a single-line text is entered with no formatting, the <p> tags are not added to it.
for example in http://dojo.telerik.com/aCUke , if the character 'a' is written in the editor and the focus is removed, the value is saved as only 'a' and not '<p>a</p>'.

Is this the editor's behavior by design? Or is it a bug?

Thanks,
Arik

Editor

answered on 16 Jan 2018