Questions on Kendo UI for jQuery Forum

1 answer

217 views

When tabbing in row on grid page auto scrolls

I am having an issue when we have a large grid with more rows that will fit on the screen. So then there is a vertical scrollbar in the browser. My page has a header on it above the grid. When I tab in a row, the page automatically scrolls to have the table/grid as the top of the page.

I was able to track this down in the full web file to a function that is called when the cell is edited. The function is focusTable. When called there is code to set the table position and this is causing the auto scrolling. Is there anyway to disable this?

Grid

answered on 25 Mar 2013

2 answers

742 views

[Solved] How do I get the keyup event of a ComboBox?

The ComboBox is done in Razor:

@Html.Kendo().ComboBox()

.Name(id)

.Filter("contains")

.DataTextField("ChoiceValue").DataValueField("ChoiceValue")

.BindTo(inputs.Choices)

.HtmlAttributes(new { @class = classText, data_validation = inputs.Validation })

If I use inline javascript, it works:

var input = $('#id').data('kendoComboBox').input;

input.bind({ keyup: function () { doStuff('test'); } });

But if I reference a separate file, I get this error: Uncaught TypeError: Cannot read property 'input' of undefined

How can I get this to work using a separate .js file?

ComboBox

answered on 25 Mar 2013

5 answers

298 views

Error in formatNumber when using specific custom number format

Hello,

The formatNumber function gives an error when you try to format a number with a custom number format 0.####
The problem is that there are no zeros after the decimalseparator.
I have fixed it in the Kendo code, but not sure if I may post that here on the forum.

Also, looking to the code, I think there is an issue, when you have a number 1.23456 and you want to format it with 0.0##. You will get 1.23456 instead of 1.235.

Regards, Jaap

Globalization

answered on 25 Mar 2013

0 answers

122 views

Gauge - Update Max/Min value

Hi,

I'm using KendoUI Gauge with Knockout, and it works fine. But when the value is greater than the max value, I'd like to update the max value to my actual value.
I'm using this documentation Kendo-Knockout
I build a simple demo to ilustrate: Example

How could I do something like that using Knockout?
Thanks.

EDITED:
Forget about that. I was trying to update a single property from my ScaleOptions object, but when I recreate the entire object, it works.

myViewModel.ScaleOptions().max = newValue;

myViewModel.ScaleOptions({

min: 0,

max: newValue,

ranges: [{

from: 0,

to: 40

}, {

from: 40,

to: 80

}, {

from: 80,

to: newValue

}]

});

LinearGauge

asked on 25 Mar 2013

1 answer

129 views

ComboBox api

Hello!
Tell me, please, what is the right way to determine is ComboBox.dataSource of existing ComboBox binded with data on server (ServerBinding) or ComboBox.dataSource has ClientBinding settings? Thanks

ComboBox

answered on 25 Mar 2013

1 answer

101 views

"Select" event doesn't fire when using keyboard

http://demos.kendoui.com/web/multiselect/events.html

If you use your mouse to select an item, the "select" event fires. If you use your keyboard, it does not fire. Is there a workaround for this?

Nick

MultiSelect

answered on 25 Mar 2013

1 answer

673 views

How to Decode Html

enter code hereHow to see Bold , italic etc text?I have this in my create view:
@(Html.Kendo().EditorFor(model => model.Content))
In my cotroller this :
Content = HttpUtility.HtmlDecode(opininonmodel.Content)
,i try with Server.HtmlDecode , but still see html tags not what they make.

In index View where result should show I have this :
@foreach (var item in Model)
{
@Html.DisplayFor(modelItem => item.Content)
}

Editor

answered on 25 Mar 2013

2 answers

93 views

html generated by kendoui grid

I was wondering if it would be possible to change the html that is generated by the kendoui grid, right now everything is done with tables and was hoping to avoid the use of tables within the site.

Grid

answered on 25 Mar 2013

2 answers

125 views

[Solved] CORS and IE problem

Hello everybody,
I continue with my KendoUI evaluation. With the help of Rosen (thank you again) I fixed the PUT, DELETE verbs problem (you can see it in this thread), but that solution only worked in Chrome, I found a more complex solution here (http://blogs.msdn.com/b/carlosfigueira/archive/2012/07/02/cors-support-in-asp-net-web-api-rc-version.aspx) and then I have finally make my project work in all browsers but IE.
Debugging with Fiddler I realized that the browser didn't send the HTTP request. With the help of this article (http://www.kendoui.com/blogs/teamblog/posts/11-10-03/using_cors_with_all_modern_browsers.aspx) and this javascript (https://github.com/dkastner/jquery.iecors/blob/master/jquery.iecors.js) I transformed the XHR request to a XDR one, and now the bowser issues the request correctly and receives the answer in JSON format, but the grid doesn't show the registers (others browsers like Opera, FireFox and Safari work OK).
You can reproduce this behaviour downloading my test project from (https://github.com/ragare62/AriUserManagement) and loading AriUMSolution, starting AriUMWebApi and AriUMWebHtml. If you load UserGrid.shtml you can see what I'm talking about.
Again, any help would be appreciate, I think I'm near to the end but I can't fix this problem.
By the way, I'm experiencing a bug in this forum and I can't read my own threads after post them. I return to the previous page when I try to read them, I can read other threads without problem.
Best regards.

Data Source

answered on 25 Mar 2013

9 answers

2.0K+ views

kendo grid: what script files do I include?

Im looking at alot of examples and also the documentation and cant find a clear explanation of what script files are required.

Therefore im getting the following script crash error.

Unhandled exception at line 10, column 1735 in http://localhost:10312/Scripts/kendo/2012.2.710/kendo.grid.min.js
0x800a138f - Microsoft JScript runtime error: 'ui' is null or not an object

Im currently including the following script files:

kendo.grid.min.js,
kendo.web.js,
jquery-1.8.0.min.js

And im trying out the simple table example on the docs page at kendo.

Entire page code below:

<script src="~/Scripts/jquery-1.8.0.min.js"></script>
<script src="~/Scripts/kendo/2012.2.710/kendo.grid.min.js"></script>
<script src="~/Scripts/kendo/2012.2.710/kendo.web.min.js"></script>

<table id="grid">
<thead>
<tr>
<th data-field="title">Title</th>
<th data-field="year">Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>Star Wars: A New Hope</td>
<td>1977</td>
</tr>
<tr>
<td>Star Wars: The Empire Strikes Back</td>
<td>1980</td>
</tr>
</tbody>
</table>

<script type="text/javascript">
$(document).ready(function () {
$("#grid").kendoGrid();
});

</script>

Grid

answered on 25 Mar 2013