Questions on Kendo UI for jQuery Forum

1 answer

341 views

can i copy paste specific group of cells from Excel sheet to grid

I was looking at the Copy Data From Excel demo - it appears to apply to pasting a complete row.

we have some grids that have a combination cells with text attributes and cells where user can enter numeric values

we have the need to paste a group of contiguous numeric cells from and excel sheet into the grid

Can the demo approach be modified to paste a smaller group of contiguous cells?

thanks

jim

Grid

answered on 01 Apr 2019

3 answers

2.7K+ views

Send Grid Model to Controller

Hi everyone

I have been working with the Telerik AJAX controls for the past year or two, but now I am busy building my first Kendo MVC application.

I have built a grid that has a check box, but how can I "post" my model to a Action in my controller so that I can loop through each selected item and process?

Here is the grid, but I am confused as to how I would post my model to process the selected items?

<div class="row">

@(Html.Kendo().Grid<WishListModel>()

.Name("grid")

.Columns(columns =>

{

columns.Bound(c => c.IsSelected).ClientTemplate("<input type='checkbox' />");

columns.Bound(c => c.Column1);

columns.Bound(c => c.Column2);

columns.Bound(c => c.Date).Format("{0:yyyy-MM-dd}");

})

.HtmlAttributes(new { style = "height: 380px;" })

.Scrollable()

.Groupable()

.Filterable()

.Sortable()

.ColumnMenu()

.Selectable(s => s.Mode(GridSelectionMode.Multiple))

.Pageable(pageable => pageable

.Refresh(true)

.PageSizes(true)

.ButtonCount(5))

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("WishList_Read", "Public"))

.Model(model => model.Id(wl => wl.WishListId))

)

</div>

Grid

answered on 01 Apr 2019

1 answer

282 views

Responsive Panel Breakpoint change

Hello,

I have a problem with changing the value of the breakpoint, for the responsive panel.

Example on the following code:

<body>

<nav id="navigation">
<a href="#">Home</a>
<a href="#">Products</a>
<a href="#">Home1</a>
<a href="#">Products1</a>
<a href="#">Home2</a>
<a href="#">Products2</a>
</nav>

<article>
<button class="k-rpanel-toggle"><span class="k-icon k-i-menu"></span></button>
Content
</article>

<script>

$("#navigation").kendoResponsivePanel({
breakpoint: 1020
});

console.log($("#navigation").data("kendoResponsivePanel").options.breakpoint);

$("#navigation").data("kendoResponsivePanel").options.breakpoint = 2000;

console.log($("#navigation").data("kendoResponsivePanel").options.breakpoint);

</script>
</body>

As the logs will tell you, the new value where the ResponsivePanel shoud start hiding the content is 2000px, that is not the case, the Panel activates at the initial value of 1020.

Is there a way to make this work, or does the ResponsivePanel not have this funktionality ?

Thanks !

ResponsivePanel

answered on 01 Apr 2019

1 answer

129 views

Model not binding completely to View

Hi,

As my title suggests, I have a Model object that is not binding entirely to the view I've assigned it to and I know what else to do.
here: https://dojo.telerik.com/UJaBOKAt

I've created a Window and bound the contents to a view model. when init. the principal and customer account should be disabled, and the values of these combo boxes are binding to the attributes. There are console logs printing the view model on to be sure.

Do you have any advice on how to resolve this?

Thanks and kind regards,
Grant

MVVM

answered on 01 Apr 2019

6 answers

534 views

Date Picker popup width problem after latest update

I just updated to 2019.1.220 and now the popup for the date picker is 100% the width of the browser.

How can I get it back to how it was before?

DatePicker

answered on 29 Mar 2019

3 answers

256 views

Indexed Validation For Cell Range

In all of the demos in the docs, cells that need to use validation functions like IsNumber, Len, etc. are done on a cell-by-cell manor like this:

{

dataType: "custom",

from: "AND(ISNUMBER(G2),LEN(G2)<6)",

type: "warning",

allowNulls: true,

titleTemplate: "Invalid Item",

messageTemplate: "Value must be a number and 5 characters or less"

}

Is there any way to do this type of thing for a range of cells? I'm looking for something similar to this by replacing "CurrentCell" with something:

var range = spreadsheet.activeSheet().range("G2:G100");

range.validation({

dataType: "custom",

from: "AND(ISNUMBER(CurrentCell),LEN(CurrentCell)<6)",

type: "warning",

allowNulls: true,

titleTemplate: "Invalid Item",

messageTemplate: "Value must be a number and 5 characters or less"

});

Spreadsheet

answered on 29 Mar 2019

2 answers

722 views

changing color when multiselecting with mouse drag

I have a grid where I multiselect using the mouse drag. The color that shows when doing so is orange. How can I change the color? I'm referring to the rectangle that shows up when you select multi rows with the mouse.

Grid

answered on 28 Mar 2019

6 answers

637 views

when insert ordered list and then use shift + enter to create new line, editor sends the data with no space

Hi,

We are using the Editor with some tools including insert ordered list.

When we use ordered list, we get something like:

1.line1
2.line2

Then we manually create an space between line1 and line2 and it becomes something like:

1.line1

2.line2

When I read the data from editor after submitting the from. I get the details without space. Next time when I add space, editor passes space as well.

Is this a bug or known behavior by default?

Editor

answered on 28 Mar 2019

1 answer

8.8K+ views

To don't allow DatePicker keyboard input

Hi,
I'm working with datepickers and I tried the following a while ago:

$("#begin_date").attr('disabled','disabled');

I tried this to disable the text input of a date. But I realized later that it also makes the attribute unavailable for the web server to use in my application. The server wasn't receiving the dates I was picking so I stopped using it.

Is there anyway to disable that text input besides this method?

DatePicker

answered on 28 Mar 2019

7 answers

1.2K+ views

need to make DatePicker control read only

I need to make the date picker control read only. Can someone help please:
Here is my code.

@(Html.Kendo().DatePicker()
.Name("DateOfPub")
.Value("@Model.DateOfPub")
)

Thanks
Vandana

DatePicker

answered on 28 Mar 2019