Questions on Kendo UI for jQuery Forum

3 answers

414 views

How to disable bounce effect in list/scroll view

I am trying to disable the bounce effect on a list/scroll view how can i accomplish this for single view.

General Discussions

answered on 29 Jul 2013

1 answer

133 views

Applying a tooltip to existing html

I am converting an exisitng MVC web site and would rather not change much in the backend.

The code generated Tooltip information like this:

<a class="icon-help" data-popup="<img data-relpath='Content/images/AccountExample.jpg' class='pathFix' />" href="#">

<img src="../../content/images/skin/bg/icon-help.png">

</a>

Notice that the content of the tooltip is in the "data-popup" attribute.

Is there a way to tell the Kendo ToolTip to use the data-popup from the <a> as the content for all <a> on a page?

ToolTip

answered on 29 Jul 2013

1 answer

346 views

[Solved] Conditional template

In my Tool Tip Target I specify if the type is an image or not:

<a data-type="image" data-popup="AccountExample.jpg" href="#" data-role="tooltip">

Blah Blah

</a>

In my ToolTip template I need to show the image if data-type="image" otherwise just the text in data-popup.

The problem is that the tool tip is always empty. If I just replace the entire template with #=target.data('popup')# the text appears so I know the tool tip is working.

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

#if(target.data('type')=='image'){#

<img src='@Url.Content("~/Content/images/")#=target.data('popup')#'>

#}else{#

#=target.data('popup')#

#}#

</script>

Templates

answered on 29 Jul 2013

1 answer

123 views

Using a ActionSheet from a ModalView closes the ModelView

Hi,
Using a ActionSheet from a ModalView closes the ModelView when you click a button on the actionsheet or outside of the action sheet.

Is this a bug or not supported?

Thanks

ModalView

answered on 29 Jul 2013

1 answer

229 views

Cascading DropDownList in grid

I am trying to implement cascading dropdown in kendo grid. Can someone please help me with the code.
Here is my editor code

@model ECRI.Phoenix.Core.ViewModels.EventResolutionViewModel

@(Html.Kendo().DropDownListFor(m => m)
.DataValueField("EventResolutionID")
.DataTextField("Resolution")
.Name("EventResolution")
// .BindTo((System.Collections.IEnumerable)ViewData["EventResolution"])
.DataSource(dataSource =>
{
dataSource.Read(read => read.Action("GetResolution", "CitationEvents").Data("filterResolution"))
.ServerFiltering(true);
})
.CascadeFrom("EventPriority")
.Enable(false)
.AutoBind(false)
)

<script type="text/javascript">
function filterResolution() {
//return EventOpenStatusID:{2}
// alert($("#EventPriority").val());
return {
EventOpenStatusID: $("#EventPriority").val()

};
}

</script>

it always thorws an error "filterResolution is undefined". I tried to return hardcoded value but it didn't help.

Thanks
Vandana

Grid

answered on 29 Jul 2013

1 answer

146 views

data-bind="html: xx" returns undefined

Hi,

I am trying to solve an issue where the data-bind="html:xx", returns "undefined" when the data "xx" is null or not defined. It does not happen if this changes to text binding. Is there any way to work around this on the client side?

Thanks for your help.
Kee Yang

General Discussions

answered on 29 Jul 2013

5 answers

1.2K+ views

Iterate grid data

Hi,

I have local data created in an array:
    var slices = [{id: 1, shorttext: "Cat", isselected: false}
                ,{id: 2, shorttext: "Bird", isselected: true} ];

Turned into a datasource:
    var Kslices = new kendo.data.DataSource({data: slices});

Put into a grid:
$("#rowselectorgrid").kendoGrid({
         dataSource: Kslices,
          columns: [{title:"Selector for row", template: $("#rowselectorTemplate").html()}]
     });

The rowselectorTemplate looks like:
    <script id="rowselectorTemplate" type="text/x-kendo-template">
                   <input id="#=id#" type="checkbox" #= isselected ? checked='checked' : '' #>
                    #=shorttext#
        </script>

This all works very well and presents a grid with two rows:
   checkbox + "Cat"
   checked checkbox + "Bird"

The user can now check/uncheck the checkboxes and then click a button to do something (doesn't matter what).

Question: How do I now iterate through the rows in the grid to find the checkboxes to see whether they are checked or not (and get the id attribute of the <input> tag so I can reference the original array)? I have tried a few ways, checked the forums, etc, but am lost...

Help!

Grid

answered on 29 Jul 2013

7 answers

289 views

[Solved] Widget data- attribute documentations

Hi,

Where can I get/find a documentation for the usable data- attributes for all the widgets?

Thank you!

General Discussions

answered on 29 Jul 2013

3 answers

304 views

How can we custmize event add form.

i have download trial version and in example tried to customize add event form but i didn't able to customize.

please help me.h

Thanks

Scheduler

answered on 29 Jul 2013

2 answers

198 views

en-GB culture showing incorrect formatting in date headers

Please see the following image. I added en-GB as a selectable culture in your example project for scheduler globalisation. The day format on column headers is not changed to a UK format. It should be 'dd/mm'

Scheduler

answered on 28 Jul 2013