Questions on Kendo UI for jQuery Forum

3 answers

296 views

Disable select for dates with events

I wanted to select two or more consecutive empty cells . Cells with events should not be selectable.

code below:

http://dojo.telerik.com/axaCU

Scheduler

answered on 14 Jul 2016

1 answer

180 views

multiple series instead of stack bar...

Hi,

I have used stacked bar

http://demos.telerik.com/kendo-ui/bar-charts/multiple-axes

Instead of the stack, in need to show in the series...

Sometimes(I wil having mulit level data)

Charts

answered on 14 Jul 2016

1 answer

189 views

Select not working for appended tabs with Angular $routeProvider

I have a PanelBar that can add items to the TabStrip, which is done through append. Each tab has a url, which changes part of the display, as part of an Angular SPA. When I try to click on an appended tab, I am redirected to another url, but the selected tab still doesn't change (not just the display, the select function is just never called).

I suspect the problem is that instead of clicking on the tab itself, I click on the tab's url link, which prevents me from clicking on the tab. Is there anything I can do to fix this?

TabStrip

answered on 14 Jul 2016

2 answers

242 views

panelBar inside listView templates

Hi,

I have a panelBar for each of the listView templates:

panelbarView for viewTemplate
panelbarEdit for editTemplate

I am switching listview from view to edit mode programatically (on a button click):

window.listView.edit(window.listView.element.children().first());

window.panelBarEdit = $("#panelbarEdit").kendoPanelBar().data("kendoPanelBar");

However there's a problem with that, cause initial binding seems not to be working anymore after I called .kendoPanelBar()!?

Is there any way I can make it preserving the initial binding even in edit mode?

Note: The reason I did not go with only one panelBar, instead of having a separate one for each view and edit mode, is that in that case I do not have a control over panelBar elements from the datasource which I want to do - like hiding/showing panelBar custom link button based on a flag.

ListView

answered on 14 Jul 2016

1 answer

449 views

Template for list of complex objects

I have a several columns bound to a list of objects.

What's the simplest way to define a re-usable ClientTemplate using razor?

Something like this?

column.Bound(e => e.MyList).ClientTemplate(Html.Partial("MyPartialView", "#=MyList#").ToHtmlString()); //doesn't compile

Where MyPartialView uses MyList as the model for its page?

Thanks

Grid

answered on 14 Jul 2016

3 answers

111 views

Pressing backspace into a hyperlink in editor leaves the editor permanently in hyperlink editing mode

Creating a hyperlink using the icon, and then pressing backspace into it (eg. creating a hyperlink http://www.google.com, then pressing backspace 2 times) makes the cursor forever typing in the hyperlink. Is there any way to exit the hyperlink and continue typing normally without having to delete or remove the whole hyperlink?

Editor

answered on 14 Jul 2016

2 answers

177 views

Rubber banding effect on column header when scrollable is enabled

On an OSX system where there are no mouse connected and only a trackpad is used, scrolling horizontally on a grid with many columns has a rubber banding effect on the content section of the grid.

In Chrome it looks like the column header and the content body is out of sync. On Safari only the content body is affected by the rubber banding effect. Have not tested it in Firefox.

An example can be seen here: http://dojo.telerik.com/azErU/2

Remember that this only happens in OSX when scrolling is taken over by the trackpad. Not sure if this is an issue that Telerik will decide to fix or not, but at least I'll bring it up as it seems to be caused by some overflow CSS.

Grid

answered on 13 Jul 2016

2 answers

1.3K+ views

Accessing Template Loop Index

I've got a template that's displaying comments. There's no loop inside the template itself since I'm letting the datasource handle that. I have a situation now though, where I need to add content to the template on the 50th (for example) iteration of the template. If I had a loop, that would be easy, but I'm hoping to not have to refactor my existing template to manually include one.

JS:

function generateDiscussionView(container_id) {

var template_html = $('#discussion_template').html();

var template = kendo.template(template_html, {useWithBlock: false});

discussion_datasource = new kendo.data.DataSource({

transport: {

read: {

url: "/DiscussionsController.cfc?method=getDiscussion",

type: "get",

dataType: "json",

data: {

ContainerID: container_id

}

},

schema : {

type: "json",

data: "Comments"

}

});

discussion_datasource.bind("change", function() {

var view = discussion_datasource.view();

var html = "";

html = kendo.render(function(data) {

return template($.extend(data, {IsAdmin: is_admin, AURID: aur_id}));

}, view);

$('#discussion_display').html(html);

});

discussion_datasource.read().then(function() {

var data = discussion_datasource.data();

data = data[0];

global_container_id = container_id;

}

Template:

<div id="discussion_display" class="list-items-content-area k-listview col-xs-12"></div>

<script id="discussion_template" type="text/x-kendo-template">

<div class="col-xs-12 disc-comment">

<div class="disc-nav"><img src="#= data.Photo #" onerror="imgError(this);" title="#= data.Poster #" /></div>

<div class="overflow-hidden">

<div id="display_comment_#= data.CommentID #">

<p class="blue">#= data.Poster #</p>

# var formatted_text = data.Text.replace(/(?:\r\n|\r|\n)/g, '<br />'); #

<p>#= formatted_text #</p>

<p class="small text-muted">

#= data.Created #

# if (data.Editable) { #

<a href="javascript:;" onclick="editComment(#= data.CommentID #);">Edit</a>

# } #

# if (data.Editable || data.IsAdmin) {#

<a href="javascript:;" onclick="deleteComment(#= data.AURID #, #= data.CommentID #);">Delete</a>

# } #

</p>

</div>

# if (data.Editable) { #

<div id="edit_comment_#= data.CommentID #" style="display: none;">

<textarea id="comment_#= data.CommentID#" class="form-control input-sm">#= data.Text #</textarea>

<a id="add_comment_#= data.CommentID #" class="btn btn-default" data-commentid="#= data.CommentID #">

<i class="fa-icon-plus"></i>

</a>

<a href="javascript:;" onclick="cancelEdit(#= data.CommentID #);">Cancel</a>

</div>

# } #

</div>

</script>

Templates

answered on 13 Jul 2016

2 answers

113 views

[Solved] Grouped Bar Chart with Individual Begin/End Values

The chart in the attached image was created using MS Chart.

Does Kendo UI Charts support this outcome?

If so, please provide example.

Thank you.

Charts

answered on 13 Jul 2016

1 answer

1.5K+ views

[Solved] Add New Row Only

Hi,

I would like to use a grid that will data. The data cannot be edited/deleted once saved. But I want the ability to add a new row. The add new row can be via popup (preferable) or inline. Is this possible?

All examples I've seen have the Edit/Delete options on each row. When a new row is added these buttons are Save and Cancel...

If using inline editing I want no Edit/Delete buttons to be visible but when a row is added I need the Save Cancel.... better still if I have a popup for adding a new row then I would not need a column for the Edit/Delete.

Thanks.

Grid

answered on 13 Jul 2016