or
_footer: function() { var that = this, aggregates = that.dataSource.aggregates(), html = "", footerTemplate = that.footerTemplate, options = that.options; if (footerTemplate) { html = $(that._wrapFooter(footerTemplate(aggregates || {}))); if (that.footer) { var tmp = html; that.footer.replaceWith(tmp); that.footer = tmp; } else { if (options.scrollable) { that.footer = options.pageable ? html.insertBefore(that.wrapper.children("div.k-grid-pager")) : html.appendTo(that.wrapper); //CHANGE: Have scroll event move .k-grid-footer-wrap var scrollables = that.footer.children('.k-grid-footer-wrap'); that.content.bind('scroll', function () { scrollables.scrollLeft(this.scrollLeft); }); } else { that.footer = html.insertBefore(that.tbody); } } } }, _wrapFooter: function(footerRow) { var that = this, html = "", columns = that.columns, idx, length, groups = that.dataSource.group().length, column; if (that.options.scrollable) { //CHANGE: Add extra div with .k-grid-footer-wrap html = $('<div class="k-grid-footer"><div class="k-grid-footer-wrap"><table cellspacing="0"><tbody>' + footerRow + '</tbody></table></div></div>'); that._appendCols(html.find("table")); return html; } return '<tfoot>' + footerRow + '</tfoot>'; },
$(document).ready(function () { $("#autoComplete").kendoAutoComplete({ minLength: 2, dataTextField: "LastName", dataValueField: "NetworkId", template: '<img src=""> <h3> ${data.LastName} ${data.FirstName} </h3> ${data.Office}', dataSource: new kendo.data.DataSource({ severFiltering: true, serverPaging: true, transport: { read: { // the remote service URL url: "http://localhost:8080/EmployeeService.svc/employees?callback=?", // JSONP is required for cross-domain AJAX dataType: "jsonp", // additional parameters sent to the remote service data: { filter: function () { return $("#autoComplete").data("kendoAutoComplete").value(); } } } } }), change: function () { this.dataSource.read(); } }) });$(document).ready(function () {
$("#mtdSales").kendoRadialGauge({
gaugeArea: {
background: "green",
border: {
color: "black",
width: "1"
},
height: "200px" //// <--- Here's the issue
},
pointer: {
value: 324436.84,
color: "#CECEFF"
},
scale: {
minorUnit: 50000,
majorUnit: 50000,
startAngle: -30,
endAngle: 210,
max: 500000,
labels: {
position: "inside",
color: "white"
},
ranges: [
{
from: 0,
to: 250000,
color: "#CECEF0"
}, {
from: 250000,
to: 375000,
color: "#c20000"
}, {
from: 375000,
to: 450000,
color: "#ffc700"
}, {
from: 450000,
to: 500000,
color: "#006400"
}
]
}
});
});
If I want to compile my app to run as native on IOS and Android using phonegap (and not run it remotely from a web site), which parts of the Kendo Suite can I use?
Is it just the Kendo mobile functionality? Or can I use other widgets from the other parts of the suite?
Many Thanks
Matt
var ds = new kendo.data.DataSource({ transport: { read: { url: "http://localhost:3000/api/anagram", dataType: "jsonp", data: { format: 'html', rack: '---' } } }, group: 'length', pageSize: $('#pageSize').val(), page: $('#page').val(), sort: {field: 'word', dir: 'asc'}, schema: { data: 'words', total: 'count', model: { fields: { length: { type: 'number' }, word: { type: 'string' }, wordFormat: { type: 'string' } } } } //serverFiltering: true, //filter: { field: 'rack', operator: 'eq', value: 'ab-' }, //serverSorting: false,});function resultsBind() { console.log('Fetching...'); ds.fetch(function(){ console.log('Actually fetched'); console.log(ds.total()); console.log(ds.totalPages()); $("#grouped-listview").kendoMobileListView({ dataSource: ds, template: "#= wordFormat #", headerTemplate: "${value} Letters" }); $('.prefix').html(ds.total() + ' words found'); }); $('#apply').click(function(){ var p = $('#page').val(); var ps = $('#pageSize').val(); ds.query({ page: p, pageSize: ps }); }); }{"words":[{"length":3,"word":"azo","wordFormat":"<em>a</em>zo"},{"length":2,"word":"bo","wordFormat":"<em>b</em>o"},{"length":3,"word":"coz","wordFormat":"<em>c</em>oz"},{"length":2,"word":"do","wordFormat":"<em>d</em>o"},{"length":2,"word":"go","wordFormat":"<em>g</em>o"},{"length":2,"word":"ho","wordFormat":"<em>h</em>o"},{"length":2,"word":"jo","wordFormat":"<em>j</em>o"},{"length":2,"word":"lo","wordFormat":"<em>l</em>o"},{"length":2,"word":"mo","wordFormat":"<em>m</em>o"},{"length":2,"word":"no","wordFormat":"<em>n</em>o"},{"length":2,"word":"od","wordFormat":"o<em>d</em>"},{"length":2,"word":"oe","wordFormat":"o<em>e</em>"},{"length":2,"word":"of","wordFormat":"o<em>f</em>"},{"length":2,"word":"oh","wordFormat":"o<em>h</em>"},{"length":2,"word":"oi","wordFormat":"o<em>i</em>"},{"length":2,"word":"om","wordFormat":"o<em>m</em>"},{"length":2,"word":"on","wordFormat":"o<em>n</em>"},{"length":2,"word":"op","wordFormat":"o<em>p</em>"},{"length":2,"word":"or","wordFormat":"o<em>r</em>"},{"length":2,"word":"os","wordFormat":"o<em>s</em>"},{"length":2,"word":"ow","wordFormat":"o<em>w</em>"},{"length":2,"word":"ox","wordFormat":"o<em>x</em>"},{"length":2,"word":"oy","wordFormat":"o<em>y</em>"},{"length":2,"word":"so","wordFormat":"<em>s</em>o"},{"length":2,"word":"to","wordFormat":"<em>t</em>o"},{"length":2,"word":"wo","wordFormat":"<em>w</em>o"},{"length":2,"word":"yo","wordFormat":"<em>y</em>o"},{"length":2,"word":"za","wordFormat":"z<em>a</em>"},{"length":3,"word":"zoa","wordFormat":"zo<em>a</em>"},{"length":3,"word":"zoo","wordFormat":"zo<em>o</em>"}],"count":30,"input":"zo?"}[{"AddedOn":"\/Date(1333241309627-0400)\/","Batch":"20120331-A","Comment":"Sample","User":"paulm"}]$(function () { var dataSource = new kendo.data.DataSource({ type: 'jsonp', transport: { read: { url: '/api/BatchApi/GetOpenBatchList', dataType: 'jsonp' }, update: { url: '/api/BatchApi/Update', dataType: 'jsonp' }, destroy: { url: '/api/BatchApi/Delete', dataType: 'jsonp' }, create: { url: '/api/BatchApi/Create', dataType: 'jsonp' } }, batch: true, pageSize: 30, schema: { model: { id: "Batch_ID", fields: { Batch_ID: { editable: false, nullable: false }, Batch: { validation: { required: true} }, AddedOn: { type: "date", editable: false }, User: { editable: false }, Comment: { type: "string" } } } } }); $("#batchGrid").kendoGrid({ dataSource: dataSource, scrollable: true, sortable: true, selectable: 'row', toolbar: [{ name: 'create', text: 'New Batch'}], columns: [ { field: "Batch", title: "Batch" }, { field: "AddedOn", title: "Added On" }, { field: "User", title: "User" }, { command: ["edit"], title: " ", width: "100px" } ], editable: "popup" });});$(document).ready(function() {
var dataSource = new kendo.data.DataSource({
type: "jsonp",
transport: {
read: {
url: "<c:url value="/Control?command=ko.sp_getCourses"/>"
}
}
});
$("#autoComplete").kendoAutoComplete({
minLength: 3,
dataTextField: "name", // JSON property name to use
dataSource: dataSource
});
});