Is it possible to sort a listview?

Is there a way to check the current state of a kendoMobileDrawer to determine if the drawer is open or closed via a field or method on the object? If not - what's the recommended approach for determining this?

Hi, 

When the event is an all-day task, it will be showed on a top pane named "all day", that's good, but not enough.
I have a client whose events are all in all-day mode. So he need to hde the time area, only show the all day area above.

To tell what the time area I mean, I cut a screen shot, the time area is set red on it.

yours,
Ivan

Hi, I see the online demo, it likes that the scheduler get all data from the server, and filter them on the client side.
That's not a good idea when the time is long enough,and the  amount of data is very big.

I could think about is to send timestart and timeend paras to the datasource's read().

I know when the scheduler is initialized, I can use this:



So I send the query para from the read in the transport to the server, so the server will use this info to give back the right records. That's ok.

Now I wan't to know, how to reload the scheduler when it change to anoher month, week, or year.
1) when I change the scheduler to another month, week, or year, the datasource.read() will reload data from server automatically? I don't think so.
2) So what need I do to make it reload from server again? My point is to use this:

change: function(e) {
e.preventDefault(); //prevent popup editing
var dataSource = this.dataSource;
dataSource.read() // or somthing
}

I can't found anything in the document about this. So please tell me if this is the Right Way to do this.
yours,
Ivan

My API is returning the following JSON:

{
  "data": [
      {
      "BookingID": 1,
      "Driver": "John Doe",
      "VehicleID": 1,
      "Registration": "CHH708",
      "Fleet": "DN30",
      "Destination": "Akaroa",
      "Notes": "Going to ...",
      "StartTimezone": null,
      "Start": "2014/11/20 08:00",
      "End": "2014/11/20 11:00",
      "EndTimezone": null,
      "RecurrenceRule": null,
      "RecurrenceID": null,
      "RecurrenceException": null,
      "Pickup": false
      },
      {
      "BookingID": 2,
      "Driver": "Paul McCartney",
      "VehicleID": 2,
      "Registration": "DRF457",
      "Fleet": "DN30",
      "Destination": "Whangarei",
      "Notes": "Going to ...",
      "StartTimezone": null,
      "Start": "2014/11/19 14:00",
      "End": "2014/11/19 19:00",
      "EndTimezone": null,
      "RecurrenceRule": null,
      "RecurrenceID": null,
      "RecurrenceException": null,
      "Pickup": true
      }
  ],
  "success": true,
  "status": 200
}

how do I specidy in my model that what I'm after is inside "data" ?
I have the following:
dataSource: {
                            transport: {
                                read: {
                                    url: "http://mocksvc.mulesoft.com/mocks/9c484836-5464-4c75-b8e5-1f433e861bd1/bookings",
                                    dataType: "jsonp"
                                }
                             },
                            schema: {
                                model: {
                                    fields: {
                                        bookingId: { from: "BookingID", type: "number" },
                                        destination: { from: "Destination", type: "string" },
                                        registration: { from: "Registration", type: "string" },
                                        fleet: { from: "Fleet", type: "string" },
                                        driver: { from: "Driver", type: "string" },
                                        start: { type: "date", from: "Start" },
                                        end: { type: "date", from: "End" },
                                        bookedDateTime: { type: "date", from: "BookedDateTime" },
                                        pickupDateTime: { type: "date", from: "PickUpTime" },
                                        dropoffDateTime: { type: "date", from: "DropOffTime" },
                                        notes: { from: "Notes" },
                                        vehicleId: { from: "VehicleID"},
                                        pickup: { type: "boolean", from: "Pickup" },
                                        dropoff: { type: "boolean", from: "DropOff" },
                                        actions: { from: "BookingID", type: "number" }
                                    }
                                }
                            },

but it's not reading it...

I've already seen the post two days ago as well as several examples, but they all seem to point back to the Telerik page @ http://demos.telerik.com/kendo-ui/grid/editing-custom where the following grid is shown:

<%: Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.ProductName);
columns.Bound(p => p.Category).ClientTemplate("#=Category.CategoryName#").Width(160);
columns.Bound(p => p.UnitPrice).Width(120);
columns.Command(command => command.Destroy()).Width(90);
})
.ToolBar(toolBar =>
{
toolBar.Create();
toolBar.Save();
})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Pageable()
.Sortable()
.Scrollable()
.HtmlAttributes(new { style = "height:430px;" })
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(false)
.Events(events => events.Error("error_handler"))
.Model(model =>
{
model.Id(p => p.ProductID);
model.Field(p => p.ProductID).Editable(false);
model.Field(p => p.Category).DefaultValue(
ViewData["defaultCategory"] as Kendo.Mvc.Examples.Models.CategoryViewModel);
})
.PageSize(20)
.Read(read => read.Action("EditingCustom_Read", "Grid"))
.Create(create => create.Action("EditingCustom_Create", "Grid"))
.Update(update => update.Action("EditingCustom_Update", "Grid"))
.Destroy(destroy => destroy.Action("EditingCustom_Destroy", "Grid"))
)
%>
<script type="text/javascript">
function error_handler(e) {
if (e.errors) {
var message = "Errors:\n";
$.each(e.errors, function (key, value) {
if ('errors' in value) {
$.each(value.errors, function () {
message += this + "\n";
});
}
});
alert(message);
}
}
</script>


Maybe if I knew what #=Category.CategoryName# meant my issue would be solved. I have an integer value in my model. I'd like to show a combo box to allow users to change its current value to an acceptable value defined by another list of values.






  

I have Grid with the filterable.mode set to "row".   The text that shows in the filter dropdown is centered.  How can I make it left justified?

Hi, 

Is it possible for the Dropdownlist to list down a group of options like in html tags below.

Thank you. 

I'd love to be able to resize columns and freeze/lock a column.

Hello,
In your online demo, everything is ok.
But in my project, the backward and forward button's height is very small. 
Please check the attach image file.

yours,
Ivan