Questions on Kendo UI for jQuery Forum

1 answer

441 views

Datasource Single item override DataSource.GET(id)

I have DataSource like this:

var contactDataSource = new kendo.data.DataSource({

transport: {

tbl: azureService.client.getTable('CRContact'),

read: function (options) {

this.tbl.read({ SearchString: options.data.filter.filters[0].value}).done(

function (d) {

options.success(d);

}, function (err) {

options.error(err);

});

}

serverFiltering :true,

schema: {

model:

{

id: "id",

}

I need so when i use datasource.get(4) to call this example

this.tbl.lookup(idThatISendAsParameter).done(function (result) {

}, function (err) {

})

how can i override the get function.

Sorry for my bad English.

Data Source

answered on 06 Aug 2013

1 answer

669 views

DatePicker not updating rightaway when invoking max() or min() - with jsbin

We have the requirement to provide a dynamically changeable date picker that supports changing the min and max options.

Please see this jsbin for an example: http://jsbin.com/uqukuk/1/edit

When you click the "Increase Max Date" button, the max option of the first date picker is adjusted. However, when I open the popup it still shows the old value. Only after I opened the second date picker once (this one is only on the screen to showcase this) I can see the changes in the first one.

So, to summarize:
1. Click "Increase Max Date"
2. Open first date picker popup
3. Expected: MaxDate of Aug. 29th, Actually seeing: still the old max value of Aug. 22nd

1. Click "Increase Max Date"
2. Open the second date picker popup
3. Click away without selecting anything
4. Open the first date picker popup
5. Now the max is correctly adjusted

DatePicker

answered on 06 Aug 2013

1 answer

532 views

Custom Command and Ajax Binding

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

.Name("grid")

.Columns(columns =>

{

columns.Bound(x => x.Name);

columns.Bound(x => x.Description);

columns.Bound(x => x.LastUpdateDate);

columns.Command(commands => commands.Custom("EditVideoCommand")

.Text("Edit")

.DataRouteValues(route => route.Add(o => o.VideoUID).RouteKey("videoId"))

.Action("EditSelectedVideo", "Home"));

columns.Command(commands => commands.Custom("DeleteVideoCommand")

.Text("Delete")

.DataRouteValues(route => route.Add(o => o.VideoUID).RouteKey("videoId"))

.Action("DeleteSelectedVideo", "Home"));

columns.Command(commands => commands.Custom("ReplaceVideoCommand")

.Text("Replace")

.DataRouteValues(route => route.Add(o => o.VideoUID).RouteKey("videoId"))

.Action("ReplaceSelectedVideo", "Home"));

}).DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("VideoListRead", "Home"))

).Pageable().Sortable()

I have a Ajax bound grid and it is working fine when I do not have custom commands as part of my columns. If I use custom commands, I see an empty page
and no grid is displayed. May be because of an error. Could you please let me know how to use custom commands on Ajax bound grid.

Grid

answered on 06 Aug 2013

1 answer

259 views

DatePicker and MVVM initialization via data- attributes (data-min and data-max)

According to threads in this forum from about a year ago setting the min and max attributes on the Date/Time pickers was not possible using the data-min and data-max attributes. I have tried a few things and none of them worked. Telerik representatives stated this was planned for a future release. Is this currently possible and I have been trying it incorrectly? If not, is there actually a planned release that this functionality will be included in?

http://www.kendoui.com/forums/kendo-ui-web/date-time-pickers/can-you-set-min-max-using-data-attribute-initialization.aspx

DatePicker

answered on 06 Aug 2013

1 answer

54 views

please help me (pagesizesroll in listview)

Hello everyone.
I'm working one listview in kendo ui web.
i want create one pagesizesroll but i don't know do it.
who knows, please help me
thank everyone

ListView

answered on 06 Aug 2013

1 answer

172 views

fully qualified data-role not resolving in a template or in the presence of the dataviz library

Assume I've got a template using a data-role directive:

<link href="kui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.default.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.flat.min.css" rel="stylesheet" />
<script src="kui/js/jquery.min.js"></script>
<script src="kui/js/kendo.web.min.js"></script>
...
<script type="text/x-kendoui-template" id="kitten-list-template">
<div
data-role="listview"
data-template="kitten-list-item-template"
data-bind="source: imageDataSource">
</div>
</script>

This works just fine. However, if I add the dataviz library, the listview role no longer creates a ListView control:

<link href="kui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.default.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.flat.min.css" rel="stylesheet" />
<script src="kui/js/jquery.min.js"></script>
<script src="kui/js/kendo.web.min.js"></script>
<script src="kui/js/kendo.dataviz.min.js"></script>
...
<script type="text/x-kendoui-template" id="kitten-list-template">
<div
data-role="listview"
data-template="kitten-list-item-template"
data-bind="source: imageDataSource">
</div>
</script>

Further, if I attempt to resolve this issue by fully qualifying the data-role, it also doesn't work (regardless of whether the dataviz library is pulled in or not):

<link href="kui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.default.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.flat.min.css" rel="stylesheet" />
<script src="kui/js/jquery.min.js"></script>
<script src="kui/js/kendo.web.min.js"></script>
...
<script type="text/x-kendoui-template" id="kitten-list-template">

<div
data-role="kendo.ui.ListView"
data-template="kitten-list-item-template"
data-bind="source: imageDataSource">
</div>
</script>

Am I doing something wrong? Thanks!

MVVM

answered on 06 Aug 2013

2 answers

76 views

Value Axis Autoscaling does not work in 2013.2

Hello Everyone,

I just upgraded from 2013.1 to 2013.2 and after the update my Chart's valueAxis don't scale to the values automatically. When I set min and max manually it works as expected and all values are within the visible area. In the previous release the value axis automatically scaled so that all values where visible. Did I miss a change and need to configure autoscaling somehow. I was not able to find anything in the docs.

I hope you can help me,

Best regards,

Pascal

Charts

answered on 06 Aug 2013

2 answers

1.7K+ views

[Solved] Changing tooltip content dynamically

I'm sure this is an easy answer but I've looked high and low and cannot find the answer. How do I dynmically change the content of a tooltip? I'm using the following code:

<div style="text-align:center;width:50%;margin:5px auto" class="inputbox numberSelected" id="ttAnchor"></div>

@(Html.Kendo().Tooltip()

.Callout(false)

.For("#ttAnchor")

.Position(TooltipPosition.Right)

.Width(200)

.Events(events => events.Show(

@<text>

function(e){

e.content = "test";

}

</text>

))

)

e.content does not seem to work. I'm sure I'm just missing a key word somewhere. I do want the content to change everytime the tooltip is shown.

ToolTip

answered on 05 Aug 2013

1 answer

106 views

Render data source with templates

I am using this method to render the data.
$("#foo").html(kendo.render(template, view))

Are they any other code I can use to render the data ?

Data Source

answered on 05 Aug 2013

3 answers

1.1K+ views

Multiselect inline and on a single line?

How to enforce the multiselect component to stay on a single line (when the user selects more elements than they fit in the width)?

Regarding the expected "inline" behavior, this: http://www.kendoui.com/forums/kendo-ui-web/multi-select/inline-multiselect-.aspx
seems to do the trick, but it's still not optimal because of the hardcoded size. Are there any plans to fix this?

regards.

MultiSelect

answered on 05 Aug 2013