Questions on Kendo UI for jQuery Forum

3 answers

127 views

Hi *,

I'm writting an application with Kendo UI, which schould build a https connection to a server. The application runs pretty well in the simulator, but after the installation on a mobile device (Android 4.1.2), the application is not able to build an Internet connection, namely a connection to the target server.

I use the following code to build the connection:

var check = new XMLHttpRequest();

check.open("GET", "https://IP:PORT/test" ,false);

check.setRequestHeader("Authorization", utils.getServerAuthString());

check.onreadystatechange = function () {

if (check.readyState == 4) {

if (check.status == 200) {

utils.saveServerData();

} else {

utils.showError("status:" + check.status);

}

check.send(null);

From the mobile device, I always receive a value "0" as Status, namely "Status: 0" (See line 9).

By the ways, I also use the kendoui remote datasource to get data; however, it is not working too on the mobile device; see the following code.

viewModel: kendo.observable({

datasource: new kendo.data.DataSource({

transport: {

read: {

cache: false,

url: URL,

dataType: "json",

beforeSend: function(req) {

req.setRequestHeader('Authorization', utils.getServerAuthString());

}

})

I hope you can help me.

Best regards,

General Discussions

answered on 17 Oct 2013

1 answer

102 views

Drag & Drop Scoping issue.

I am running into a strange issue with using Kendo Drag & Drop with a JQuery UI widget made through the Jquery UI widget factory.

I am creating two kendoDropTargetAreas with the the same filter on two different containers. Each one is scoped to its own context - yet no matter what I do it always executes the functions bound to the events on the first context created.

For example:

I have two widgets - Widgets A & B. Both have their own draggables and dropTargetAreas.

Yet whenever I drag and drop something on Widget B - it triggers Widget A dropTargetArea events.

No other widget behaves this way - the other kendo widgets work and are scoped correctly..

Drag and Drop

answered on 17 Oct 2013

3 answers

166 views

ListView + data-type="group" + MVVM issue

There appears to be an issue with nested bindings when the ListView is in grouped mode in 2013.2.918. It manifests itself as the first item in a group not binding properly (or first 2 if there are two top-level items etc). Is this a known issue? If not I can provide more detail.

ListView (Mobile)

answered on 17 Oct 2013

1 answer

111 views

Editable Template with Inline Editor

I'm attempting to put an inline editor inside a scheduler editable template. It works fine with two caveats that I'm hoping for help with.

1. Is there a way to make the editor toolbar popup out to the side instead of on top or somehow force it to stay on top while trying to edit. Currently, it will go underneath the editor template when I try to select something inside the inline div.

2. in IE8, the toolbar breaks that I have are not working with the inline editor, they work with the regular editor and are fine in IE9. The inline demo has too few tools in it to see if a break works there with IE8 or not.

Thanks!

Scheduler

answered on 17 Oct 2013

1 answer

111 views

Grid Invalid detail template

Hi Telerik Team,
I've have grid using external detail template. This is explained in web demos in here http://demos.kendoui.com/web/grid/detailtemplate.html

I'm trying to do exactly same functionality with Java Server Pages. Here is my JSTL code:

<script type="text/x-kendo-template" id="${attribute.name}-template">

<div class="${attribute.name}-tabstrip">

<ul>

<c:forEach var="attributeGroup" items="${mlib:attributeGroupSortByName(attribute.definition.templateObject.attributeGroups)}" varStatus="stat">

<li <c:if test="${stat.index == 0}">class="k-state-active"</c:if>>${attributeGroup.name}</li>

</c:forEach>

</ul>

<c:forEach var="ag" items="${attribute.definition.templateObject.attributeGroups}">

<div>

<ul>

<c:forEach var="attribute" items="${mlib:sortAttributesByOrder(ag.attributes)}">

<li><label>${attribute.definition.desc.text}:</label>#= ${attribute.name} #</li>

</c:forEach>

</ul>

</div>

</c:forEach>

</div>

</script>

And my JS looks like this:

detailTemplate: kendo.template($("#class_refs-template").html()),

detailInit: function( e ) {

var detailRow = e.detailRow;

detailRow.find(".class_refs-tabstrip").kendoTabStrip({

animation: {

open: {

effects: "fadeIn"

}

});

}

My html looks like this:

<div class="class_refs-tabstrip">

<ul>

<li class="k-state-active">Header Description</li>

<li >Others</li>

<li >system</li>

</ul>

<div>

<ul>

<li><label>Description:</label> #= foo# </li>

<li><label>Description:</label> #= bar# </li>

<li><label>Description:</label> #= foo# </li>

<li><label>Description:</label> #= bar# </li>

<li><label>Description:</label> #= foo# </li>

</ul>

</div>

...

I cant figure out what is happening here? If I remove #= ${attribute.name} # from my JSTL then template is workin but values are not binded to placeholders.

Grid

answered on 17 Oct 2013

5 answers

101 views

Filter issue

Hi

when i filter the grid data using more than 1 column , sometimes the filter menu stays intact for certain column.

How to correct this?

Grid

answered on 17 Oct 2013

1 answer

100 views

Hi Do we have something like Rad Editor?

Do we have something like Rad Editor?

to Edit the Web content

General Discussions

answered on 17 Oct 2013

3 answers

110 views

Tabstrip getting in the way during form input

I have noticed new, somewhat annoying behaviour in my application since updating to the iOS7 theme and latest KendoUI mobile build. Basically when I tap an input field on the form, it jumps up ready to accept text, but the navigation tabstrip remains displayed, and gets in the way.

Is there any way to have the tabstrip not jump up when clicking an input field?

Thankyou.

Regards

General Discussions

answered on 17 Oct 2013

1 answer

57 views

endlessScroll or loadMore for grouped data

is this possible? it seems to just display random ungrouped items instead of the grouped list. does it require additional parameters?

ListView (Mobile)

answered on 17 Oct 2013

2 answers

182 views

Grid not populating data

Hi All,

I'm new to KendoUI so please bear with me. I've a Kendo gird on a view as below:

@(Html.Kendo().Grid<VehicleDetails>()
.Name("grdVehicleDetails")
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
.Model(model => model.Id(obj => obj.VehicleID))
.Read(read => read.Action("ReadVehicleDetails", "Detail"))
)
.Columns(columns =>
{
columns.Bound(p => p.VehicleNo).Title("Vehicle Number").Width(200);
columns.Bound(p => p.VehicleBrand).Title("Brand name").Width(200); ;
columns.Bound(p => p.VehicleTypeCode).Title("Vehicle type").Width(200);
columns.Bound(p => p.VehicleColor).Title("Vehicle Colour").Width(200);
}
)
.ColumnMenu()
.Filterable()
.Pageable()
.Sortable(Sortable => Sortable.AllowUnsort(true).SortMode(GridSortMode.SingleColumn))
.Resizable(resize => resize.Columns(true))
.Reorderable(reorder => reorder.Columns(true))

)

and controller code is

public ActionResult ReadVehicleDetails()
{
JsonResult jsonResult = null;

using (HttpClient httpClient = new HttpClient())
{

tskResponse = (httpClient.PostAsJsonAsync(Utility.Utility.GetServiceConnectionUri() + "Detail" + "/GetVehicleDetails", vehicleDetails));

if (!tskResponse.IsFaulted)
{
HttpResponseMessage response = tskResponse.Result;

response.EnsureSuccessStatusCode();

string data = response.Content.ReadAsStringAsync().Result;

IEnumerable<VehicleDetails> lstValue = new List<VehicleDetails>();

lstValue = JsonConvert.DeserializeObject<IEnumerable<VehicleDetails>>(data);

jsonResult = Json(lstValue, JsonRequestBehavior.AllowGet);
}
}
return jsonResult;
}

and json data what I am receiving is in this from

[{"VehicleID":"a1e5c8a1-2edc-4b52-9080-61f1e2cde35b","CardHolderID":"00000000-0000-0000-0000-000000000000","VehicleTypeCode":"4W","VehicleNo":"456217879","ChasisNo":null,"VehicleColor":"Red","VehicleBrand":"Msruti","IsInsured":false,"InsuranceValidityDate":"\/Date(-62135596800000)\/","CreatedDt":"\/Date(-62135596800000)\/","ModifiedDt":"\/Date(-62135596800000)\/"},

{"VehicleID":"16791925-4510-44b9-87a8-86843fbf1dc6","CardHolderID":"00000000-0000-0000-0000-000000000000","VehicleTypeCode":null,"VehicleNo":null,"ChasisNo":null,"VehicleColor":null,"VehicleBrand":null,"IsInsured":false,"InsuranceValidityDate":"\/Date(-62135596800000)\/","CreatedDt":"\/Date(-62135596800000)\/","ModifiedDt":"\/Date(-62135596800000)\/"},

{"VehicleID":"c849aedb-7612-4706-95a6-8b6ad17c0dd4","CardHolderID":"00000000-0000-0000-0000-000000000000","VehicleTypeCode":"4W","VehicleNo":"456217879121","ChasisNo":null,"VehicleColor":"Red","VehicleBrand":"Maruti","IsInsured":false,"InsuranceValidityDate":"\/Date(-62135596800000)\/","CreatedDt":"\/Date(-62135596800000)\/","ModifiedDt":"\/Date(-62135596800000)\/"},

{"VehicleID":"a0d19492-fefe-4fbc-9e4d-8be203b65b3f","CardHolderID":"00000000-0000-0000-0000-000000000000","VehicleTypeCode":"4W","VehicleNo":"1234567895461","ChasisNo":null,"VehicleColor":"Red","VehicleBrand":"Mahindra","IsInsured":false,"InsuranceValidityDate":"\/Date(-62135596800000)\/","CreatedDt":"\/Date(-62135596800000)\/","ModifiedDt":"\/Date(-62135596800000)\/"},

{"VehicleID":"2e88a5cd-f618-4b0b-ada6-ae402746b163","CardHolderID":"00000000-0000-0000-0000-000000000000","VehicleTypeCode":"2W","VehicleNo":"13213","ChasisNo":null,"VehicleColor":"white","VehicleBrand":"maruthi","IsInsured":false,"InsuranceValidityDate":"\/Date(-62135596800000)\/","CreatedDt":"\/Date(-62135596800000)\/","ModifiedDt":"\/Date(-62135596800000)\/"},

{"VehicleID":"4c805d81-42af-4b93-b54f-afd05ddbead5","CardHolderID":"00000000-0000-0000-0000-000000000000","VehicleTypeCode":"4W","VehicleNo":"123asdasd4asdasd","ChasisNo":null,"VehicleColor":"Red","VehicleBrand":"Maruti","IsInsured":false,"InsuranceValidityDate":"\/Date(-62135596800000)\/","CreatedDt":"\/Date(-62135596800000)\/","ModifiedDt":"\/Date(-62135596800000)\/"}]

Please can someone kindly point out where i'm going wrong.

Many Thanks

Grid

answered on 17 Oct 2013