Questions on Kendo UI for jQuery Forum

2 answers

72 views

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

100 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

123 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

216 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

357 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

104 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

1.0K+ 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

2 answers

634 views

How put use Razor code in a template in MVC?

I'm converting a web site that puts complex Razor code into a TD cell. How is Razor code put into a template on a Kendo Grid?

Sample of the code that needs to get run and put into a cell:

@if (item.IsActionAvailable())

{

using (Html.BeginForm("Subscribe", "abc", FormMethod.Post, new { id = @formId }))

{

<div id="@divId" class="subForm">

Grid

answered on 17 Jul 2013

1 answer

1.2K+ views

Conditional ClientTemplate on Grid in MVC

My Model has a Datetime that comes as a null sometimes. This renders as 1/1/0001

I can't edit the Model.

Is there a way to put in a condition in the Client Temple so that nulls are not displayed, something like this??

@(Html.Kendo().Grid(Model.Items as IEnumerable<XYZ>)

.Name("KendoCrGrid")

.Columns(columns =>

{

columns.Bound(e => e.SignUpDate).ClientTemplate("#= <condition> ? kendo.toString(date, 'MM/dd/yyyy')#");

Grid