Questions on Kendo UI for jQuery Forum

1 answer

104 views

Is it possible to group on text values of the foreign key

Hi, Foreign key columns in the grid are not being grouped by text rather by foreign key id. Any recommendations as to how can we group by text of the foreign key col.

Thanks

Grid

answered on 17 Jul 2013

3 answers

144 views

Button Not Showing After ListView

I have created a list view and when you click on one of the objects it opens a further details page.
This works ok except that the button on the details page is only showing text.
The following is an example so if you click on one of the objects in the list view the next page the word Website should be a button.
http://jsbin.com/edaciy/1
The following is the code
http://jsbin.com/edaciy/1/edit
Thanks.

Button (Mobile)

answered on 17 Jul 2013

2 answers

64 views

Cancel on edit giving error

Everything on my grid is working great except when they click update and then cancel they get an error. "Unexpected number"

Here is the code. the functions applist, companylist, etc just populate the edit dropdowns. They seem to be generaign find though. Any ideas?

var crudServiceBaseUrl = "main.php?a=quote_detail", dataSource = new kendo.data.DataSource({

transport : {

read : {

url : crudServiceBaseUrl + "&read=1",

dataType : "json"

},

update : {

url : crudServiceBaseUrl + "&update=1",

dataType : "json",

complete: function(e) {

$("#grid").data("kendoGrid").dataSource.read();

}

},

destroy : {

url : crudServiceBaseUrl + "&destroy=1",

dataType : "json"

},

create : {

url : crudServiceBaseUrl + "&create=1",

dataType : "json",

complete: function(e) {

$("#grid").data("kendoGrid").dataSource.read();

}

},

batch : true,

pageSize : 10,

serverPaging : true,

serverFiltering : true,

serverSorting : true,

schema : {

data: "data",

total: "total",

model : {

id : "ID",

fields : {

company : {

validation : {

required : true

}

},

effective_date : {

validation : {

required : true

}

},

fee : {

validation : {

required : true

}

},

guarantee : {

validation : {

required : true

}

},

state : {

validation : {

required : true

}

},

application : {

}

});

$("#grid").kendoGrid({

dataSource : dataSource,

pageable : true,

height : 430,

refresh: true,

toolbar : ["create"],

columns : [{

field : "company",

title : "Company",

editor: companyList

}, {

field : "effective_date",

title : "Effective Date"

}, {

field : "fee",

title : "Fee"

}, {

field : "guarantee",

title : "Guarantee"

}, {

field : "state",

title : "State",

editor: stateList

},

{

field : "application",

title : "Application",

editor: appList

},

{

command : ["edit", "destroy"],

title : " ",

width : "160px"

}],

editable : "inline"

});

Grid

answered on 17 Jul 2013

4 answers

1.0K+ views

Combobox datasource server filtering

Hi,

I wish to create a combobox which when user enter 3 character
then the data source retrieve filtered data from server with the POST variable of keyword.

But i cant make the data source retrieve new data with combobox text, here is my code:

var combo=$("#input_customer").kendoComboBox({

dataTextField: "title",

dataValueField:"entry_id",

filter:"contains",

minLength: 3

}).data("kendoComboBox");

var customer_ds=new kendo.data.DataSource({

transport: {

read: {

type:"POST",

dataType: "json",

serverFiltering:true,

data:{keywords:combo.text()},

url: "ajax/customer"

}

});

$("#input_customer").data("kendoComboBox").setDataSource(customer_ds);

Data Source

answered on 17 Jul 2013

1 answer

99 views

Multiple click events being fired.

Having an issue with data binding and click events being fired multiple times.

I have a master view object that binds data to a view on init.

View.prototype.init = function (e)
{
this.id = e.view.id;
this.elm = e.view.element;
this.view = e.view;

this.view.bind('show', this.show.bind(this));
this.view.bind('hide', this.hide.bind(this));

kendo.bind(this.elm, this.data, kendo.mobile.ui);
};

For some reason click events are being fired twice.

General Discussions

answered on 17 Jul 2013

1 answer

120 views

navbar - Uncaught TypeError: Cannot call method 'split' of undefined

Using the layout template where I have the following markup

<div data-role="navbar">

<a class="nav-button" data-align="left" data-transition="slide:left" data-role="backbutton">Back</a>

<span data-role="view-title"></span>

<a data-align="right" data-role="button" data-transition="slide:left" class="nav-button" href="#tabstrip-home">Home</a>

</div>

if you select the back button the first time the page loads you get Uncaught TypeError: Cannot call method 'split' of undefined - I guess as there is nothign to go back to, how can I disable this button until there is something to go back to?

General Discussions

answered on 17 Jul 2013

3 answers

214 views

Pane Navigation Issue

Hi,

We're trialing Kendo UI Mobile for an iOS app targeted for the iPad. The pane navigation in the SplitView doesn't seem to be working. Navigating within the same view works but links with the target set to the other pane don't work. There are no errors in the console.

Tried with v2013.2.626 and v2013.1.514, also using jQuery 1.9.1 and RequireJS. The online demo works in the browser but not in the contained app. Please advise. Thanks

<div data-role="splitview">

<div data-role="pane" id="side-pane" data-layout="side-default">

<div data-role="view" data-title="Level 1" id="menu-root">

<ul data-role="listview">

<li><a href="#menu-sub" >Sub Menu</a></li>

</ul>

</div>

<div data-role="view" data-title="Level 2" id="menu-sub">

<ul data-role="listview">

<li><a href="#test" data-target="main-pane">Test</a></li>

<li><a href="#messages" data-target="main-pane">Messages</a></li>

</ul>

</div>

<div data-role="layout" data-id="side-default" >

<div data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

</div>

<div data-role="pane" data-layout="main-default" id="main-pane">

<div data-role="view" data-title="Test" id="test">

<p>Test!</p>

<a href="#messages" data-role="button">Go To Messages</a>

</div>

<div data-role="view" data-title="Messages" id="messages">

<p>Messages!</p>

</div>

<div data-role="layout" data-id="main-default">

<div data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

</div>

SplitView

answered on 17 Jul 2013

2 answers

346 views

Disable Chart Legend Click

I am using the 2013.1.514 build of kendo dataviz and was wondering if there a way to disable the hover over/click event on the chart's legend area as I don't require this functionality.

Thanks

Chris

Charts

answered on 17 Jul 2013

1 answer

97 views

Get Selected Rows and their Model Object (MVC)

I have a list of Customer objects in my Model that appear in as a simple grid.

I need to be able to let the user select various customers then press our "Process Selected Customers" button.

Does the grid provide a select check box option for rows so that I can then get a list of the customers the user selected?

Note: It "Must" have check boxes, that's a requirement I have been given.

Grid

answered on 17 Jul 2013

1 answer

975 views

kendoWindow

The second to open is not working.

<script>
$(document).ready(function() {
var window = $("#window"),
undo = $("#undo")
.bind("click", function() {
window.data("kendoWindow").open();
undo.hide();
});

var onClose = function() {
undo.show();
}

if (!window.data("kendoWindow")) {
window.kendoWindow({
width: "600px",
title: "About Alvar Aalto",
close: onClose
});
}
});
</script>

http://demos.kendoui.com/web/window/index.html

kendoui.complete.2013.1.514.trial.zip

Window

answered on 17 Jul 2013