or
<div id="order_example" class="k-content"> <div id="grid"></div> <script> $(document).ready(function () { $("#grid").kendoGrid({ dataSource: { transport: { read: { url: "order.php" }, update: { url: "order_update.php" }, parameterMap: function(options, operation) { if (operation !== "read" && options.models) { return {models: kendo.stringify(options.models)}; } } }, schema: { data: "data", model: { id: "_id", fields: { description: {validation: {required: true} } } } } //pageSize: 10 }, batch: true, columns: [ {title: "ID", field: "_id"}, {title: "Description", field: "description"}, {command: "edit"} ], height: 450, navigatable: true, editable: "popup" }); }); </script> </div>transport: { read: { url: "order.php" }, update: { url: "order.php", type: "POST" }},Uncaught Error: Syntax error, unrecognized expression: tr:not(.k-grouping-row) > td:not(.k-hierarchy-cell,.k-detail-cell,.k-group-cell,.k-edit-cell,:has(a.k-grid-delete)) jquery-1.8.0.min.js:2Z.error jquery-1.8.0.min.js:2bg jquery-1.8.0.min.js:2Z.compile jquery-1.8.0.min.js:2bm jquery-1.8.0.min.js:2h.querySelectorAll.bm jquery-1.8.0.min.js:2Z jquery-1.8.0.min.js:2h.querySelectorAll.Z.matchesSelector jquery-1.8.0.min.js:2p.extend.filter jquery-1.8.0.min.js:2p.fn.extend.is jquery-1.8.0.min.js:2p.event.dispatch jquery-1.8.0.min.js:2p.event.add.g.handle.h jquery-1.8.0.min.js:2[DataContract] public partial class VMProject : VMRoot { public VMProject() {} public static VMProject GetById(object sender, int id) { return CallGetVMById<VMProject>("", id); } public static VMEntitySet<VMProject> AllVMProjectList(object sender) { return (VMEntitySet<VMProject>)CallGetVMAllList<VMEntitySet<VMProject>>(sender); } [DataMember] public String Name { get { return CallGetData<String>("Name"); } set { CallSetData ("Name", value); } } [DataMember] public VMEntitySet<VMProjectRegel> ProjectRegelList { get { return CallGetData<VMEntitySet<VMProjectRegel>>("ProjectRegelList"); } // set { CallSetData ("ProjectRegelList", value); } } }[DataContract] public partial class VMRoot : Viewmodel { public VMRoot() {} public static VMRoot GetById(object sender, int id) { return CallGetVMById<VMRoot>("", id); } public static VMEntitySet<VMRoot> AllVMRootList(object sender) { return (VMEntitySet<VMRoot>)CallGetVMAllList<VMEntitySet<VMRoot>>(sender); } [DataMember] public Int32 Id { get { return CallGetData<Int32>("Id"); } set { CallSetData ("Id", value); } } [DataMember] public DateTime CreatedOn { get { return CallGetData<DateTime>("CreatedOn"); } set { CallSetData ("CreatedOn", value); } } [DataMember] public Int32 CreatedBy { get { return CallGetData<Int32>("CreatedBy"); } set { CallSetData ("CreatedBy", value); } } [DataMember] public DateTime ChangedOn { get { return CallGetData<DateTime>("ChangedOn"); } set { CallSetData ("ChangedOn", value); } } [DataMember] public Int32 ChangedBy { get { return CallGetData<Int32>("ChangedBy"); } set { CallSetData ("ChangedBy", value); } } } [DataContract] public partial class VMProjectRegel : VMRoot { public VMProjectRegel() {} public static VMProjectRegel GetById(object sender, int id) { return CallGetVMById<VMProjectRegel>("", id); } public static VMEntitySet<VMProjectRegel> AllVMProjectRegelList(object sender) { return (VMEntitySet<VMProjectRegel>)CallGetVMAllList<VMEntitySet<VMProjectRegel>>(sender); } [DataMember] public Int32 Aantal { get { return CallGetData<Int32>("Aantal"); } set { CallSetData ("Aantal", value); } } [DataMember] public Decimal Prijs { get { return CallGetData<Decimal>("Prijs"); } set { CallSetData ("Prijs", value); } } [DataMember] public Decimal BTW { get { return CallGetData<Decimal>("BTW"); } set { CallSetData ("BTW", value); } } }var Project = kendo.data.Model.define({ id: "Id", fields: { DatumAanvang: { type: "date" }, DatumFaktuur: { type: "date" }, Name: { type: "string" }, CreatedOn: { "type": "date" }, CreatedBy: { "type": "number" }, ChangedOn: { "type": "date" }, ChangedBy: { "type": "number" } }});var dataSourceprojecten = new kendo.data.DataSource( { // the transport tells the datasource what endpoints // to use for CRUD actions schema: { model: Project }, transport: { read: { url: "../api/projectonderhoud/get", dataType: "json" } } });[ { "DatumAanvang": "\/Date(1345732135057+0200)\/", "DatumFaktuur": "\/Date(1345732135059+0200)\/", "Name": "Project onderhoud", "ProjectRegelList": [ { "Aantal": 99, "Prijs": 99.000000000000, "BTW": 1.000000000000, "Id": 101, "CreatedOn": "\/Date(1345732135085+0200)\/", "CreatedBy": 10, "ChangedOn": "\/Date(1345732135085+0200)\/", "ChangedBy": 10 } ], "Id": 1, "CreatedOn": "\/Date(1345732135060+0200)\/", "CreatedBy": 10, "ChangedOn": "\/Date(1345732135060+0200)\/", "ChangedBy": 10 }]var dataSourceprojecten = new kendo.data.DataSource({ // the transport tells the datasource what endpoints // to use for CRUD actions schema: { model: { id: "Id", fields: { DatumAanvang: { type: "date" }, DatumFaktuur: { type: "date" }, Name: { type: "string" }, CreatedOn: { "type": "date" }, CreatedBy: { "type": "number" }, ChangedOn: { "type": "date" }, ChangedBy: { "type": "number" } } } }, transport: { read: { url: "../api/projectonderhoud/get", dataType: "json" } }});<!DOCTYPE html><html><head> <title>Pull to refresh</title> <script src="../../../js/jquery.min.js"></script> <script src="../../../js/kendo.mobile.min.js"></script> <script src="../../content/shared/js/console.js"></script> <link href="../../../styles/kendo.common.min.css" rel="stylesheet" /> <link href="../../../styles/kendo.mobile.all.min.css" rel="stylesheet" /></head><body> <a href="../index.html">Back</a> <div data-role="view" data-init="mobileListViewPullToRefresh" data-title="Pull to refresh"> <header data-role="header"> <div data-role="navbar"> <span data-role="view-title"></span> <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a> </div> </header> <ul id="pull-to-refresh-listview"></ul></div><script id="pull-to-refresh-template" type="text/x-kendo-template"> <div class="tweet"> #= TrackName # </div></script><script> function mobileListViewPullToRefresh() { var lastID; var dataSource = new kendo.data.DataSource({ serverPaging: true, transport: { read: { url: "http://sharedove.cld.sr/sahreconf2012/_vti_bin/ShareDoveRestService/ShareDove.svc/anonymous/GetSessions", // the remove service url dataType: "jsonp" // JSONP (JSON with padding) is required for cross-domain AJAX }, parameterMap: function(options) { var page = options.page; var parameters = { q: "javascript", since_id: lastID //additional parameters sent to the remote service } return parameters; } }, change: function() { var item = this.view()[0]; if (item) { lastID = item.id_str; } }, schema: { // describe the result format data: "AllSessions" // the data which the data source will be bound to is in the "results" field } }); $("#pull-to-refresh-listview").kendoMobileListView({ dataSource: dataSource, pullToRefresh: true, appendOnRefresh: true, template: $("#pull-to-refresh-template").text() }); }</script><style scoped> .tweet { font-size: .8em; line-height: 1.4em; } .pullImage { width: 64px; height: 64px; border-radius: 3px; float: left; margin-right: 10px; } .sublink { font-size: .9em; font-weight: normal; display: inline-block; padding: 3px 3px 0 0; text-decoration: none; opacity: .8; }</style> <script> window.kendoMobileApplication = new kendo.mobile.Application(document.body); </script></body></html>@(Html.Kendo().Grid(Model.CustomerOrderDetails) .Name("CustomerOrder") .Columns(columns => { columns.Bound(p => p.TransitionSN).Width(70); columns.Bound(p => p.DateOfPurchase).Width(140); columns.Bound(p => p.CustomerName).Width(140); columns.Bound(p => p.BrandName).Width(140); columns.Bound(p => p.Qty).Width(50); columns.Command(command => { command.Edit(); command.Destroy(); }).Width(150); } ) .ToolBar(toolbar => toolbar.Create()) .Editable(editable => editable.Mode(GridEditMode.PopUp)) .Pageable() .Sortable() .Scrollable() .DataSource(dataSource => dataSource .Ajax() .Events(events => events.Error("error_handler")) .Model(model => model.Id(p => p.TransitionSN)) .Read(read => read.Action("NewCustomer_Read", "CustomerOrder")) .Create(update => update.Action("NewCustomer_Create", "CustomerOrder")) .Update(update => update.Action("NewCustomer_Create", "CustomerOrder")) .Destroy(update => update.Action("NewCustomer_Create", "CustomerOrder"))) )public ActionResult NewCustomer() { return View(new NewCustomer { CustomerAddress = "", CustomerEmail = "", CustomerName = "", CustomerCode = "", CustomerOrderDetails = SQLOrder.SelectAll() }); //return View(); } public ActionResult NewCustomer_Read([DataSourceRequest] DataSourceRequest request) { return Json(SessionNewCustomerRepository.All().ToDataSourceResult(request), JsonRequestBehavior.AllowGet); //return Json(SQLOrder.SelectAll().ToDataSourceResult(request), JsonRequestBehavior.AllowGet); } [AcceptVerbs(HttpVerbs.Post)] public ActionResult NewCustomer_Create([DataSourceRequest] DataSourceRequest request, CustomerOrder.Models.OrderDetails newcustomer) { if (newcustomer != null && ModelState.IsValid) { SessionNewCustomerRepository.Insert(newcustomer); } return Json(new[] { newcustomer }.ToDataSourceResult(request, ModelState)); }var treeSource = new kendo.data.HierarchicalDataSource({ schema:{ model:{ hasChildren:"HasChildren", children: "Items", id:"Id" } } $('#AjaxTreeView').kendoTreeView({ dataSource: treeSource, template: "#= item.Text # ", loadOnDemand: false, dragAndDrop: true, select: onSelect, drag: onNodeDragging});function onNodeDragging(e) { if (!isDropAllowed(e)) e.setStatusClass("k-denied");} <style> table,th, td { border: 1px solid silver; padding:0 2px; } </style> <p>This dynamic table:</p> <table> <thead> <tr><th>Col 1</th><th>Col 2</th></tr> </thead> <tbody> <tr><td>Data</td><td>ABC DEF</td></tr> <tr><td>Data</td><td>8/20/2012</td></tr> </tbody></table> <p>Would correspond to this dynamic filter table:</p><table> <thead> <tr><th rowspan="2">Field</th><th colspan="2">Filter 1</th><th rowspan="2">Logical Operator</th><th colspan="2">Filter 2</th></tr> <tr><th>Operator</th><th>Value</th><th>Operator</th><th>Value</th></tr> </thead> <tbody> <tr><th>Col 1</th><td>Contains</td><td>abc</td><td>Or</td><td>Contains</td><td>def</td></tr> <tr><th>Col 2</th><td>Is After</td><td>8/1/2012</td><td>And</td><td>Is Before</td><td>8/31/2012</td></tr> </tbody></table>