Questions on Kendo UI for jQuery Forum

1 answer

78 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

193 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

110 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.1K+ 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

229 views

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

286 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

175 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

1 answer

47 views

Field Template has Id set to zero when item is created

Hi All,

I have got a strange one here. If I have this template assigned to a field on grid it works fine for existing items, but if I create an item the #Id# is zero. I have check to make sure the datasource is updated after the item is saved and the Id is set to the new value.

{ field: "Name", title: "Name", width: "300px", "template": "<div class=\"sv-navcolumn\" data-id=\"accountdetail/#:Id#\" onclick=\"accountLaunchDetails(this)\" ><span class=\"sv-navcolumnlink\" >#: Name #<img src=\"/Images/arrow-right.png\" alt=\"Show Pointer\"></span></div>"},

Here is the resulting HTML

<div class="sv-navcolumn" data-id="accountdetail/0" onclick="accountLaunchDetails(this)"><span class="sv-navcolumnlink">test <img src="/Images/arrow-right.png" alt="Show Pointer"></span></div>

So when is the template evaluated when an item is created?

Any suggesting?

Regards

Richard....

Grid

answered on 28 Jul 2013

2 answers

119 views

Details won't expand after data source filter()

Hey all,
Some odd behavior happening when I try to filter the datasource for a grid. Using the repro code below:

<!doctype html>

<html>

<head id="head" runat="server">

<title></title>

<link href="styles/kendo.common.min.css" rel="stylesheet" />

<link href="styles/kendo.default.min.css" rel="stylesheet" />

<script src="js/jquery.min.js"></script>

<script src="js/kendo.all.min.js"></script>

<script type="text/javascript">

var ds;

$(document).ready(function () {

var peopleData = JSON.parse($("#gridData")[0].innerHTML);

ds = new kendo.data.DataSource({ data: peopleData, pageSize: 5 });

bindData();

});

function bindData(filter) {

if (filter)

ds.filter({

field: "SearchableText",

operator: "contains",

value: filter

});

$("#Grid").kendoGrid({

columns: [{ field: "FullName", title: "Name" },

{ field: "Phone", title: "Phone" },

{ field: "Email", title: "Email" }],

dataSource: ds,

detailTemplate: kendo.template($("#detailTemplate").html())

});

}

function dataSearch(inText) {

if (inText.length < 3)

bindData();

else

bindData(inText.toLowerCase());

}

</script>

</head>

<body>

<form runat="server">

Search: <input onkeyup="dataSearch(this.value)" type="text" />

<div style="width:400px" id="Grid"></div>

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

#= Details #

</script>

<div style="display:none" id="gridData" runat="server">

[

{"Phone":"1","Email":"A","Fax":"F","FullName":"Adam","SearchableText":"adam","Details":"det1"},

{"Phone":"1","Email":"A","Fax":"F","FullName":"Bob","SearchableText":"bob","Details":"det2"}

]

</div>

</form>

</body>

</html>

The behavior seems different across browsers but using Chrome (28.0.1500.72 at the moment):
When the page first loads, if i click on to the search box and type "ada", the grid filters correctly bu when i click the expand details triangle, nothing happens.
If i instead press tab on page load to get to the input, the details expand correctly after filtering.
Additionally, if i type the full "adam" it doesn't work when i tab, but does when I click. It seems like every other keystroke will break the details expanding.

Any help would be appreciated.

Grid

answered on 26 Jul 2013

2 answers

117 views

MVVM support

Hi,

are there any examples of MVVM and dataviz working together? Is it even possible? I've been trying to get a working chart that gets updated based on changes in a underlying mvvm data model with no luck for about a week now. Any example would help!

General Discussions

answered on 26 Jul 2013