Questions on Kendo UI for jQuery Forum

1 answer

284 views

Grid not populating from Datasource

Why is my grid still empty even though the datasource response is getting populated?

Controller method:

[HttpGet]

public ActionResult Search([DataSourceRequest] DataSourceRequest request)

{

DataSourceResult result = new DataSourceResult();

var data = new[] {

new { PartID=1, PartNumber="ABC123", Description="Part One" },

new { PartID=2, PartNumber="XYZ879", Description="Part Two" },

new { PartID=3, PartNumber="ZZZ999", Description="Part Three" },

};

result = data.ToDataSourceResult(request);

return Json(result, JsonRequestBehavior.AllowGet);

}

Client:

var dataSource = new kendo.data.DataSource({

transport: {

read: {

serverPaging: false,

serverSorting: false,

url: "@Url.Action("Search", "PartMaster")",

dataType: "json",

type: "GET"

},

schema: {

data: "Data",

model: {

fields: {

PartID: { type: "number" },

PartNumber: { type: "string" },

Description: { type: "string" }

}

},

requestEnd: function (e) {

var response = e.response;

var type = e.type;

console.log(type);

console.log(response.length);

}

});

function dataSourceError(e) {

console.log(e.status);

}

dataSource.bind("error", dataSourceError);

$("#resultsGrid").kendoGrid({

dataSource:dataSource,

height: 600,

scrollable: true,

sortable: true,

columns: [{ field: "PartID" }, { field: "PartNumber" }, { field: "Description" }],

dataBound: function (e) {

console.log(e);

}

});

Grid

answered on 20 Jun 2013

3 answers

448 views

DataSource Update/Edit destroy methods

To add an element to a kendo data source i used the .add() method. Similarly i want to update and remove an element in the data source.

I looked through the documentation for the data source and could not find .update()/.edit()/.destroy() methods. Can you please advise.

Data Source

answered on 20 Jun 2013

7 answers

182 views

Multi Select Within Kendo Window

Hi,

I'm using a multi select within a Kendo window. The Kendo window is configured in iFrame mode. In IE10 (only IE10) the multi select renders outside of the window. Other browsers don't seem to have this problem.

Here is a screen clip of the issue:
http://gregferguson.net/images/filezilla-ie10.PNG

Here is a JS Fiddle:
http://jsfiddle.net/u97tP/2/

Thanks,
Greg

MultiSelect

answered on 20 Jun 2013

3 answers

187 views

Create button with image displayed on right of text

I'm trying to create (in a navbar) a drop-down menu using a mobile button and popover. The button-styling works fine, but I cannot seem to add the image inside the button; the best I have gotten is to leave it to the right (and out outside) of the button.

Here is a jsfiddle
http://jsfiddle.net/raltman/LCh3E/1/

What is the best approach for making this work correctly?

Button (Mobile)

answered on 19 Jun 2013

4 answers

109 views

NumbericTextBox looks disabled in IE

I have a page where I set the value of the numerictextbox = '' (i.e. it is empty).

In Internet Explore, when someone clicks on the textbox, the cursor doesn't appear in it. The user can still enter numbers into the textbox. Once numbers are in the textbox it works fine.

The numerictextbox works just fine in Chrome and Firefox.

Does anyone have a suggestion on the cause of this issue or a fix. Thanks.

Charlie

NumericTextBox

answered on 19 Jun 2013

1 answer

76 views

Have Chart Tooltip Visible on Load

Hello,

Is there anyway to have the tooltip for the chart visible on load.

For example, if you look at the Kendo UI demos you will see an example of a pie chart with an exploded slice:
http://demos.kendoui.com/dataviz/pie-charts/local-data.html

If you hover over that slice, you get the tooltip hydro 22%. Is there anyway to make the tooltip for the exploded slice visible when the graph is initialized, or some way of permanently faking the mouseover on the slice.

Any ideas? Thanks in advance!

Charts

answered on 19 Jun 2013

1 answer

152 views

Remove specific file in Select event

Hi,

I'm using the upload control where the user is allowed to upload multiple files at the same time in async mode.

On the select event I check if the files are of the correct filetype, if any file is of the wrong type I stop the upload with e.preventDefault().

However I would like to just remove the file that isn't allowed and continue to upload the rest of the files. Is it possible to remove files from e.files in the select event?

Upload

answered on 19 Jun 2013

1 answer

99 views

Limit Concurrent Async Uploads

Hi there,

We use the Kendo Upload to allow customers to upload large number of files for processing. Some of our customers in countries with poorer internet have run into bandwidth restrictions when trying to upload a large number of files (i.e a 100 files) simultaneously.

To get around this, is it possible to set a upper limit on the number of async uploads that may be in progress at any given time?

Thanks in advance

Roberto Bonni

Upload

answered on 19 Jun 2013

8 answers

1.4K+ views

Custom Button Inside Grid Popup Template

Hi,

I'm using a grid with a custom popup template. I want to add a button to this template. I then want to react to the click event of this button.

My template is:
<script id="popup_editor" type="text/x-kendo-template">
<div class="k-edit-label">
<label for="SYSTEM_NAME">Name</label>
</div>
<div data-container-for="SYSTEM_NAME" class="k-edit-field">
<input type="text" class="k-input k-textbox" name="SYSTEM_NAME" required="required" data-bind="value: SYSTEM_NAME">
</div>
<div>
<button type="button" id="Test" class="k-button" onclick="test_fn()">Test</button>
</div>
</script>

And my JS
$("#Test").click(function (e) {
alert("clicked");
});

The problem is that the Click event of the button is never received. If I move the button from the template and directly onto a page it works fine. Am I missing something?

Grid

answered on 19 Jun 2013

1 answer

175 views

Parent row collapses when changing detail grid's page

Hi.

I use two-level hierarchical grid with asp.net helpers (server binding) and everything goes right, except one small issue. Changing the page of the detail grid causes its parent row to collapse once the data is reloaded. Same goes for sorting rows of the detail grid.

Grid code: http://pastebin.com/Wyrgf1yb

Is that a limitation of server binding? Or I'm using the grid helper wrong?

Thanks.

Grid

answered on 19 Jun 2013