Questions on Kendo UI for jQuery Forum

1 answer

560 views

Customize item count message on grid footer when filter is applied

Hi Team,

We are using Kendo UI grid in our project. One of our project requirement is that, we wanted to customize the item count message appropriately after applying the filter.

i.e for example,
if total items in a grid is 50 & paging is for 10 records, then the default message on the grid footer would be "1 - 10 of 50 items".
After I apply the filter, assume 7 items are matching, then i need to display a customized message on the grid footer like "1 - 7 of 50 items" but currently it is displaying as "1 - 7 of 7 items".

So, please advice us a possible solution to modify the filter message according with a relevant example.

Thanks,
Siva

Grid

answered on 13 May 2014

2 answers

275 views

Kendo Grid DropDownList NewRecord Saving Issue In Popup Editing

Hi
I have an issue in Saving. I have dropDownList Language In Editor. When I Edit existing record values are correctly send to My web Service And record saved ok.
But when i Click On Add New Record Button and Save it, DropDownList Data sends both Value and ext Field Like Language[text]=English, Language[value]=English
I have seen it in Firebug

Here is my code

$("#grid").kendoGrid({

dataSource: {

transport: {

read: {

url: "/fsMail/services/dataService.asmx/GetEmlContacts",

dataType: "Json"

},

update: {

url: "/fsMail/services/dataService.asmx/SaveContacts",

dataType: "json"

},

create: {

url: "/fsMail/services/dataService.asmx/SaveContacts",

dataType: "json"

},

destroy: {

url: "/fsMail/services/dataService.asmx/DeleteContact",

dataType: "json"

},

}, //end of transport

schema: {

model: {

id: "contactId",

fields: {

contactId: { editable: false },

businessName: { validation: { required: true} },

firstName: { validation: { required: true} },

lastName: { validation: { required: true} },

language: { nullable: true },

country: { nullable: true },

address: { nullable: true },

city: { nullable: true },

gsm: { nullable: true },

email: { nullable: true },

isActive:{type: "boolean",defaultValue: true}

}

}//end of model

},

pageSize: 10

},//end of schema

columns: [

{ field: "contactId",title: "ContactId", hidden: true },

{ field: "businessName", title: "Business Name", width: 200 },

{ field: "firstName", title: "Contact Title", width: 200 },

{ field: "lastName", title: "Last Name", hidden: true },

{ field: "language", title: "Language", width: 100, editor: langDropDownEditor},

{ field: "country", title: "Country", width: "100px", editor: countryDropDownEditor },

{ field: "address", title: "Address", hidden: true },

{ field: "city", title: "City", width: 100 },

{ field: "gsm", title:"GSM",hidden: true },

{ field: "email",title:"Email", hidden: true },

{ field: "isActive",title:"Active", hidden: true },

{ command: ["edit", "destroy"], title: " ", width: "160px" },

],

toolbar: ["create"],

editable: "popup",

filterable: true,

groupable: false,

sortable: true,

selectable: true,

pageable: {

refresh: true,

pageSizes: false,

buttonCount: 3

},

});

function langDropDownEditor(container, options) {

$('<input data-text-field="text" data-value-field="value" data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoDropDownList({

autoBind: false,

dataSource: [

{ text: "English", value: "English" },

{ text: "German", value: "German" },

{ text: "French", value: "French" }

]

});

}

});

Please help me how should i send value in Adding new record

Grid

answered on 13 May 2014

3 answers

220 views

Filter option of Grid is not working after upgrading jquery from 1.7.0 to 1.10.0 (Only in IE)

I have downloaded new version of Kendoui for web which requires jquery-1.9 but recently I was using jquery-1.7.0
So tried to upgrade it and used jquery-1.7.0.migrate.js with jquery-1.10.0 so all the issues are fixed.
Grid is also working fine but while using filter option of Grid (clicking on filter text box or drop down button throws me an exception in IE
i.e. "Unhandled exception at line 11, column 4262 in http://localhost:1107/js/app/kendo.web.min.js
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'addBack"

I hope I will get solution on this.
Thanks in advance.

Grid

answered on 13 May 2014

1 answer

320 views

KendoUI Grid Filter operator startswith doesn't work with SQL index

I have 5M rows in a table and its string column Name is indexed. When I query using LIKE 'ABC%' in SQL Server, the index is used so the executing time is very fast (0s).
However when I use operator "Startswith" in KendoUI Grid to filter the results (along with EntityFramework: DataSourceResult result = entity.ToDataSourceResult(request)), the index in the table isn't used so the executing time is very slow (30s) and equals to the executing time when I use operator "Contains".
On the contrary, filter operator "Equals" works well with the index and returns results very fast (0s). Could you let me know why the operator "Startswith" doesn't work with index, and how could I solve this problem?

Thanks.

Grid

answered on 12 May 2014

2 answers

1.0K+ views

What is the regular expression used in Kendo's email validation?

I want to be sure that I'm validating with the same criteria on the server as I do on the client (using Kendo UI). But I can't seem to find the regular expression used under the covers. Anyone know where I might find it?

Thanks!

Validation

answered on 12 May 2014

6 answers

273 views

Plain XML Payload in Datasource

Hi,

I have a web API which needs I have a web API which expect plain XML in the request body. My following program pass the XML as form data instead of raw request payload. Where am I doing wrong?

<!DOCTYPE html>
<html>
<head>
<title>Data Call</title>
<link href="kendo/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="kendo/js/jquery.min.js" type="text/javascript"></script>
<script src="kendo/js/kendo.web.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var dataSource = new kendo.data.DataSource({
type: "xml",
transport: {
read: {
type: 'POST',
dataType: "xml",
data: "xmlstring",
url: "https://9.9.9.9:8443/kendotest/api/GetAccounts",
data: { escape('<?xml version="1.0" encoding="UTF-8" standalone="no"?><accountrequest><accountno>23</accountno></accountrequest>')},
beforeSend: function(xhr)
{
xhr.setRequestHeader('X-Token','6452734413286534260')
}
}
}
});
dataSource.read();
});
</script>
</head>
<body>
<div id="info"></div>
</body>
</html>

Thanks,
Asat

Data Source

answered on 12 May 2014

1 answer

1.0K+ views

checkbox binding

Is it possible to do the following:
<label ><input type="checkbox" name="otherlang" value="Other" data-bind="checked:language, checked:othlang" />Other</label>

I have a list of checkboxes, want the value of each box checked to language and also want to make a textbox visible with othlang.
It seems othlang becomes visible but I do not get the value "Other" in language.

MVVM

answered on 12 May 2014

1 answer

97 views

Right Click support for chart

We are looking for an option to allow the users to click on a chart and get the clicked coordinates. We can do this with left click using seriesClick event. Is there an option to do this with rightClick?

any workaround...

Charts

answered on 12 May 2014

1 answer

71 views

What am i doing wrong in my code :(

hi all, I don't know what am I doing wrong here, its a pretty straight forward things. autocomplete is not showing anything. 





moviesuggestions =

new kendo.data.DataSource({

autoSync: true,

transport: {

read: function (options) {

theMovieDb.search.getMovie({ "query": $("#seriesname").val(), search_type: "ngram" },

function (data) { //success

options.success($.parseJSON(data).results);

}, function (data) { //error

options.error($.parseJSON(data).results);

});

}

});

autocomplete = $("#seriesname").kendoAutoComplete({

datasource: moviesuggestions,

dataTextField: "title",

suggest: true

});

AutoComplete

answered on 12 May 2014

7 answers

118 views

[Solved] Mobile "View" Issue - Navigation

Hi there,

I just recently updated to the Q1 2014 update, and I am having a problem with navigation.

All of my views are setup on different HTML pages and I usually just navigate to that HTML page and it picks up the view from that page and uses it as the current view. This all used to work fine.

But now when I navigate to an HTML page with a view on it, it picks it up as the current view for display, but I am unable to interact with the page (click buttons or anything else on the page..).

Also, when I hit the back button, it no longer takes me back to the previous view (even though the URL hash changes). However, this does allow me to start clicking buttons again on the current view, but it doesn't take long for things to get messed up and the views to start breaking once again.

Is there a correct way to handle navigation when views are on multiple pages like this?

Any help on this issue would be greatly appreciated, as it is holding me back from updating at all.

Thanks,
Mitchell.

General Discussions

answered on 12 May 2014