Questions on Kendo UI for jQuery Forum

5 answers

291 views

Excel-like Navigation while Batch Editing

I did some searching but couldn't find if anyone is doing this...
We are interested in achieving excel-like navigation while batch editing.

Basically when a cell is actively being edited and the enter key is pressed it goes down to the next row and becomes in edit mode (same column).
Also if possible (lower priority) if they instead click TAB it would go to the next cell to the right and be in edit mode.

In effect, editing all values in a given column would be something like the following:
Mouse click the first frow of a column
Type in value and press enter
(takes you to next row and goes into edit mode for you)
Type in value and press enter
(takes you to next row and goes into edit mode for you)
...repeat until you have done all of the rows in a column.

Grid

answered on 22 Jun 2016

1 answer

346 views

Is it possible to force refresh of the view?

Hello,

I have an input element. It displays duration of an activity, so valid values are only numbers. When user types in an incorrect value, I show alert and then set the input value to the last correct input value.

Since I always want to display the value with one decimal number, I have bound the input to the function, which performs the formatting.

This is the part of the view:

<input data-bind="value: durationString" />

This is the part of the viewModel:

01.duration: 0;

02.

03.//Converts string from the input to duration number and vice versa. Checks whether the string is a permitted number.

04.durationString: function (value) {

05. if (value !== undefined) {

06. var valueAsNumber = checkCorrectItemDuration(value);

07. if (valueAsNumber !== -1) {

08. this.set('duration', valueAsNumber); //new value is correct, set it

09. }

10. else {

11. this.set('duration', this.get('duration')); //new value is incorrect, set the previous value

12. }

13. }

14. else {

15. return kendo.toString(this.get('duration'), 'n1');

16. }

17.}

The problem is on the line 11. This line is executed when the value typed in the input is incorrect. I set the duration property to the same value as the value which it already has. I thought that this would force the input element to display the value from the duration property. But since the old and the new value of the duration property is the same, the input is not forced to refresh itself and so it still displays the incorrect value.

So, is it possible to force the input to display the correct value from the viewmodel?

Thanks for answers,

Boris

MVVM

answered on 22 Jun 2016

1 answer

223 views

[Solved] Search ahead with Multi Select filter

In this demo,

https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes

The multi select for the product filter has a search ahead textbox for the client operations but not on the server operation. Are there any example of the search text box implemented for the server side?

Grid

answered on 21 Jun 2016

1 answer

408 views

[Solved] Text format of whole number changes when clicked

Hello,

Let us suppose we have a format n2 and decimals set to 2.

Now If we have some whole number in the text field for example 90.00 it is shown as "90.00". But if we click into the field it is shown as "90".

Actually the format changes from '##.00' to '##' when the numeric textbox is clicked. We tried to changed the 'format' and 'decimals' property but still if we have a whole number then all zeros after decimal point are cut when we click in the text field.

We need to keep these zeros after clicking, how could this be achieved

Thank you,

Regards

NumericTextBox

answered on 21 Jun 2016

1 answer

504 views

How to map grid to result with extra Json objects

Hello I have a kendo grid in MVC which currently works fine. I am making an Ajax request to read the information on the grid and everything works fine. However, I want to send another object into the same json coming from my action result that populates the grid as follows:

public JsonResult ReadElements([DataSourceRequest]DataSourceRequest request)

{

// this is my data that i want to populate in the grid

var result = GetMyGridElements().ToDataSourceResult(request);

//returning the following line allows my grid to be populated correctly

//return Json(result, JsonRequestBehavior.AllowGet);

var otherInfo = GetOtherInfo();

//i want to return something like the following:

return Json(new {result, otherInfo}, JsonRequestBehavior.AllowGet);

}

However, this results in a grid error. I have tried to bind to the following events to see what I could accomplish:

.Events(e => e.DataBinding("MyGrid.DataBinding"))

and

.Events(e => e.RequestEnd("MyGrid.RequestEnd"))

which use the following defined functions:

MyGrid.DataBinding = function (e) {

debugger;

}

MyGrid.RequestEnd = function(e) {

debugger;

}

I see that the only difference on the request end function is the way the e.response object behaves. On the non-working example the e.response object has a result and a otherInfo properties, whereas in the working example the content of the e.response object match the contents of the e.response.result object. So I tried doing this:

MyGrid.RequestEnd = function(e) {

e.response = e.response.result;

}

However, on the databinding event, the e.items object is empty on the non-working scenario and contains all elements in the working scenario and my grid does not display any element

Basically my question is:

is there a way that these two events connect with each other? how can I programatically select which information will be bound to the grid when multiple information is present on the response of the ajax request?

Grid

answered on 21 Jun 2016

1 answer

177 views

Placeholder text in MS Edge

This issue is happening for more than 1 type of widgets. I know it happens to the DatePicker as well.

If the input element used for the numeric textbox has a placeholder attribute, the placeholder text appears indented too far to the right in Microsoft Edge browser. It can be reproduced by adding it using developer tools even on the Kendo UI demo examples by clearing the text inside and giving it the placeholder text.

See the attached screenshot.

NumericTextBox

answered on 21 Jun 2016

1 answer

460 views

[Solved] Local array as datasource with CRUD

I'm replicating the Products demo for the List view and am wondering how to go about a pure client-side ListView that deals with an array instead of any JSON/Ajax calls. I'm looking at the similar functionality of Add a new record, edit, and delete. What I have achieved so far is a state where once I add a new record and save it, it get nullified.

ListView

answered on 21 Jun 2016

4 answers

124 views

IE 11 styling issues

Hi

I am using Kendo UI 2016.1.412 with bootstrap and Angular. I have found that IE 11 (11.0.9600.18205) has some issues with selectable/clickable elements. DateTime picker selector, dropdowns etc. Borders were missing, hover over would cause icon to disappear. Chrome worked fine.

After playing about I found that doing the following made a big improvement :

.k-select {
opacity: 0.9999
}

I believe this is an IE issue since it appears to be so random.

Jeff

General Discussions

answered on 21 Jun 2016

1 answer

303 views

How to keep app drawer always open when device is tablet (Mobile)

Like the title states, is it possible to force the app drawer to be always open when a device is a tablet?

Drawer (Mobile)

answered on 21 Jun 2016

1 answer

175 views

Text on left or right side of Chart

I am working on creating a donut chart and need to place some text describing the chart on either the left or right side of the donut chart. I can't use the title for this purpose since I need it to remain at the top. Is this currently supported?

Charts

answered on 21 Jun 2016