7 answers

1.0K+ views

Any full sample or customer site running with Kendo UI/MVC?

Hello;
I was talking to a prospect today about the benefits of Kendo UI and they asked me if Kendo UI has a full sample or links to sites that are using Kendo either in Ajax form or with ASP.Net MVC.

Many Web development tools offer full samples (multi pages) for example a shopping cart with products, listings, orders and etc to showcase their products.

Thanks!
..Ben

General Discussions

answered on 16 Sep 2012

2 answers

118 views

Mobile button bound to observable (MVVM)

I am trying to bind a Kendo mobile button to a javascript model (kendo.observable). I'd like to have the button disabled until the model says everything is valid.

I've created a small jsFiddle that shows my problem. Should the mobile button be "bindable" to a kendo observable model?

http://jsfiddle.net/jeremy_wiebe/SxYCb/

Thanks,

Button (Mobile)

answered on 16 Sep 2012

4 answers

1.0K+ views

Buttons inside a row template not working

I'm using a row template defined as:

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

<tr id="tr_#= id #" >

<td>#= id #</td>

<td>#= simbol #</td>

<td><input type="checkbox" name="add_#= id #" value="#= id #" id="add_#= id #" class="add" /></td>

<td align="center"><input type="button" class="info k-button k-button-icontext" name="info" value="Info" id="info_#= id #" style="height: 26px; margin: 0px 2px; min-width: 64px;" /></td>

</tr>

</script>

This button when clicked should open a new window.

$(" .info ").click(function (e) {

var infowindow = $("#info_win")

.kendoWindow({

title: "Info",

modal: false,

visible: false,

resizable: true,

width: 300,

content: "someContent"

}).data("kendoWindow");

infowindow.center.open();

});

In this post states that template should be defined also in the column definition. So my grid looks something like that:

$("#grid").kendoGrid({

dataSource: {

data: data,

schema: {

model: {

fields:{

id: { type:"number"},

simbol: { },

add:{}

info:{},

}

columns: [{

field: "add",

template:'><input type="checkbox" name="add_#= id #" value="#= id #" id="add_#= id #" class="add" />',

title: "Add",

},

{

field:"info",

template:

'<input type="button" class="info  k-button k-button-icontext" name="info" value="Info" id="info_#= id #" style="height: 26px; margin: 0px 2px; min-width: 64px;" />'

,

title: "",

}],

rowTemplate: kendo.template($("#rowTemp").html()),

});

But buttons are still not working.

Am I missing something? Please help.

Grid

answered on 16 Sep 2012

1 answer

74 views

Not working at all, very upset.

I downloaded basic sample and getting errors left and right. jQuery mobile loaded without problems.

Im testing in Eclipse/Android.

General Discussions

answered on 16 Sep 2012

11 answers

287 views

Unable to use kendo.bind with mobile controls

It appears as though attempting to use kendo.bind to bind elements to a kendo data source object does not work correctly with mobile controls. Specifically with list view, the mobile namespace is ignored which causes issues with the data source. I have noticed an extra namespace parameter in the bind function, but even if mobile namespace is passed as a parameter, the issue remains. I've also noticed that none of the mobile demos make use of the kendo data source object, rather they use the data source property of the control. Is this a limitation of the mobile controls or am I missing something? Thanks

MVVM

answered on 15 Sep 2012

5 answers

402 views

Drag nodes outside treeview

I make a simple treeview with some nodes and drag/drop possibility. Drag/drop working fine inise treeview and between nodes.
But, I can't drag node outside treeview. For example, I want drag nodes (=gather information about nodes) into DIV element.
I set handler for "drag" event, but this handler empty and don't modify node state. However, I can't drag node into external DIV at same page - node status automatically set like "k-denied".

How I can correct this behaviour? Is this by design or my mistake?

TreeView

answered on 15 Sep 2012

4 answers

619 views

Kendo UI Grid - Position of new row

Hi,

Is there a way to ensure that new rows always get added to the same position in the grid (either the top or bottom)?

At the moment, we are finding that if the grid has not been sorted a new row is always added to the top. But once the grid has been sorted, the new row seems to be added to a random position

Thanks

Chris

Grid

answered on 15 Sep 2012

0 answers

44 views

Demo+PhoneGap on Android, the TabStrip display on the TOP

Android 2.3 simulator, KendoUI demo (Mobile overview), I have deleted the header section, display good on explore, but when I build it to PhoneGap native app, the TabStrip goes to top of android simulator.

Thanks for your help!

TabStrip

asked on 15 Sep 2012

0 answers

102 views

Dynamic FilteringServer Using PHP

Hello, I'm Develop Application Use SLIM PHP FRAMEWORK, IDIORM, PARIS, TWIG & KENDOUI.
I Get Response filteringServer with this :

"filter":{

"filters":[

{"logic":"or","filters":[

{"field":"NAME","operator":"eq","value":"Rosadi"},

{"field":"NAME","operator":"eq","value":"Rahmat"}

]},

{"logic":"or","filters":[

{"field":"GENDER","operator":"eq","value":"L"},

{"field":"GENDER","operator":"eq","value":"P"}

]}

],"logic":"and"}

and I want generate filtering Server Dynamically using php

<?

$Filter = $_REQUEST["filter"];

if(isset($Filter))

{

foreach($Filter["filters"] as $FilterColumn)

{

$employeeList = $employeeList ->where($FilterColumn['field'], $FilterColumn['value']);

}

?>

the php code above is wrong, make me get stuck.
can anyone help me how make filtering dynamically (the response implement in php code) ?
sorry for my bad english.

Grid

asked on 15 Sep 2012

2 answers

142 views

KendoUI MVVM Grid Page Events

Hi,

I am developing a MVVM application and I am using KendoUI Grid. In the grid I want to get the onChange event when user change the pages. (I have been able to do this without MVVM). To do this, I have used the following element.

data-pageable='{ "pageSize": 2 events: {change: onPage}}' //This is not working

I want to the program to execute the onPage function when user changes the pages.
Any help is appreciated.
Thank you.

Grid

answered on 15 Sep 2012

Android 2.3 simulator, KendoUI demo (Mobile overview), I have deleted the header section, display good on explore, but when I build it to PhoneGap native app, the TabStrip goes to top of android simulator. Thanks for your help!

Android 2.3 simulator, KendoUI demo (Mobile overview), I have deleted the header section, display good on explore, but when I build it to PhoneGap native app, the TabStrip goes to top of android simulator.

Thanks for your help!