Trying to figure out a way to add headers to upload request. any help please?

Kendo UI mobile CSS v2012.2.710
tested on iPhone 4s IOS 5.1.1 and Chrome v19.0.1084.46 on Win7

There's always a gap at bottom, any solution?

Also, the input will be doubled on Android while on focus.

Demo: http://jsbin.com/ageruw/7

Hello to everyone, I'm getting trouble with odata and datasource. I've an entity wich has a lot of date time fields wich are exposed by a grid. When I try to make an update i got this error: 
 
The field xxxx cannot be converted to DateTime etc etc...... string is not a valid date time value.  
Looking to POST request I've seen that the key /value pairs have this format: 
"Expiry_Date":"/Date(-6847804800000)/" 
I got this exception:
 "type": "System.FormatException", "stacktrace": " in System.DateTimeParse.Parse(String s, DateTimeFormatInfo dtfi, DateTimeStyles styles)\r\n in System.Convert.ToDateTime(String value, IFormatProvider provider)\r\n in System.String.System.IConvertible.ToDateTime(IFormatProvider provider)\r\n in System.Convert.ChangeType(Object value, Type conversionType, IFormatProvider provider)\r\n in System.Data.Services.Serializers.JsonDeserializer.ConvertValues(Object value, String propertyName, Type typeToBeConverted, DataServiceProviderWrapper provider)" 

Below there is the datasource and grid definitions:




Here the service:

With the following template content for my list view...
<div class="list-view">
  <input type="text" data-bind="value:shoppingList_main" name="shoppingList_main" required="required" validationMessage="required" />
               <span data-for="shoppingList_main" class="k-invalid-msg"></span>
               <br />
  <input data-role="datepicker" type="text" data-bind="value:shoppingList_date" name="shoppingList_date" required="required" validationMessage="required" />
               <span data-for="shoppingList_date" class="k-invalid-msg"></span>
                <div class="edit-buttons">
               <a class="k-button k-button-icontext k-update-button" href="\\"><span class="k-icon k-update"></span>Save</a>
             <a class="k-button k-button-icontext k-cancel-button" href="\\"><span class="k-icon k-cancel"></span>Cancel</a>
        </div>
            </div>

...
I get a date picker on my display and when I edit an item, it sets the display, and it sets the value in my datasource object, but the ajax request to the server doesn't send the date property...

 Here is my datasource and list View js....

<script>
	jQuery(function () {
	shoppingLists_datasource = new kendo.data.DataSource({
	pageSize:4,
	schema:{
	model: {
	id: 'familyShoppingList_id',
	fields: {
	familyShoppingList_id: { editable: false, nullable: true },
	shoppingList_main: { editable: true},
	shoppingList_date: { editable: true}
	}
	}
	},
	transport:{
	read:{
	url:'/apps/wpd/apps/shopping/index.cfc?method=getShoppingLists',
	dataType: 'json'
	},
	create:{
	url:'/apps/wpd/apps/shopping/index.cfc?method=saveShoppingList',
	dataType: 'json'
	},
	update:{
	url:'/apps/wpd/apps/shopping/index.cfc?method=saveShoppingList',
	dataType: 'json'
	},
	destroy:{
	url:'/apps/wpd/apps/shopping/index.cfc?method=removeShoppingList',
	dataType: 'json'
	}
	}
	})
	})
	</script>
	<script>
	var shoppingLists_listView;
	jQuery(function () {
	shoppingLists_listView = jQuery("#shoppingLists").kendoListView({
	dataSource: shoppingLists_datasource,
	template: kendo.template($("#viewTemplate").html()),
	editTemplate: kendo.template($("#editTemplate").html())
	})
	.delegate(".k-edit-button", "click", function(e) {
	shoppingLists_listView.edit($(this).closest(".list-view"));
	e.preventDefault();
	})
	.delegate(".k-delete-button", "click", confirmDel)
	.delegate(".k-update-button", "click", function(e) {
	shoppingLists_listView.save();
	e.preventDefault();
	})
	.delegate(".k-cancel-button", "click", function(e) {
	shoppingLists_listView.cancel();
	e.preventDefault();
	})
	.data("kendoListView")
	})
	</script>

...

Any idea how to get this working round  trip w/ the datePicker? For now I just required the field, and used a date pattern, but date picker would be a much better option

Hi
Greeting!!
I am facing an issue of focus in grid view, scenario like:

1. Developing an financial portal, there is a watch list and consists of scrips in grid.
2. Select grid and press any key for invoking new window and when window is closed then FOCUS shifted and does not go back to grid again,
Please help me to resolve the issue.

Thanks in advance

Regards
Manash 
 

Hi
Greetings!!
In Tabstrip we are facing an issue of focus, scenario is:

1. we have 3 tabstrip, A, B,C
2. by default focus is in Tab A,
3. when data pushed from backend to Tab B, then the focus is not shifting from A to B automatically, so unable to view the data displayed in Tab B because of no indication. So please help me to resolve the issue.

Thanks in advance.

Regards
Manash

Hi,

Does the Panelbar widget support multiselect?

Regards,
Sarvesh

I have a kendo Window with an order entry screen at the time of page load. At the bottom , i have a dock menu. On the click of the dock menu the same window comes to the front, but a new instance is not created. the code is as below.
window at page load:
<div id="window" style="width: 1200px;">
               <span class="Orders">
                    <div id="Workspace">
                        <div id="tabstrip" style="width: 1200px; height: 260px;">
                        <ul>
                            <li class="k-state-active">Equity </li>
                            <li>Futures </li>
                            <li>Options </li>
                            <li>CFD </li>
                            <li>Forex </li>
                        </ul>
                        <div>
                            <span class="Equity">
            </span>
        </div>
    </div>
</div>
</span>
</div>

the new instance of this window should open up on a click of button which is as below
function OpenOrderEntry() {
            var window = $("#window")
            if (!window.data("kendoWindow")) {
                // window not yet initialized
                window.kendoWindow({
                    width: "1300px",
                    height: "280px",
                    modal: false,
                    resizable: true,
                    actions: ["Minimize", "Maximize", "Close"],
                    title: "OrderEntry"
                });
            } else {
                // reopening window
                window.data("kendoWindow")
            .open(); // open the window
            }
        }

i need some help as i need multiple instances of the same window.

Hello,

I'm using the ASP.NET MVC helpers for KendoUI, and have version 2012.2.710.340 included in my project. I'm trying to add a toolbar to the grid, so the user can filter the data. I have copied code form the sample, but it's not working.

My grid markup in the Razor view looks like this...

@(Html.Kendo().Grid(Model)
           .Name("AllTickets")
           .DataSource(ds => ds.Server().Model(m => m.Id(t => t.ID)))
           .ToolBar(toolbar => toolbar.Template(
             @<text>
                Site:
                @(Html.Kendo().DropDownList()
                                                  .Name("SiteFilter")
                                                  .DataTextField("SiteName")
                                                  .DataValueField("ID")
                                                  .OptionLabel("Any")
                                                  .DataSource(dataSource => dataSource.Read("GetSitesForView", "Home"))
                                                  .Events(events => events.Change("change"))
                    )
              </text>
                                 ))
           .Columns(cols => {
             cols.Bound(t => t.ID).Title("ID").Title("Ticket ID").Filterable(true).Width(50);
             cols.Bound(t => t.Site).Title("Site").Filterable(true);
             cols.Bound(t => t.DhrNumber).Title("DHR Number").Filterable(true).Width(100);
             cols.Bound(t => t.Room).Title("Room").Filterable(true);
             cols.Bound(t => t.ShortSummary).Title("Ticket Description").Filterable(true);
             cols.Bound(t => t.Status).Title("Ticket Status").Filterable(true).Width(80);
           })
    )

The grid itself displays fine, but the toolbar doesn't. You can see how it looks here...


As you can see, I have a text box instead of a dropdown.

Anyone any ideas? I've spent hours on this, and just can't see what I've done wrong.

Thanks

Please help me i want to use time picker in editable grid