Questions on Kendo UI for jQuery Forum

2 answers

104 views

same data source, different widgets, specific page size for grid

I have a list of data that I want to use both in a grid and in a dropdownlist simultaneously. On the grid, I want it to have a pageSize of 10, but on the dropdownlist I want it to have all of the data items.

I don't want to specify two data sources for the same data just to get different page sizes. How would I set only the grid pageSize independent of the dataSource?

Thanks in advance,
Matt

Grid

answered on 23 Aug 2012

2 answers

131 views

Editor in Grid

Hi,

Is it possible to use kendoEditor in the Grid popup editor?

Thanks
Safak

Editor

answered on 23 Aug 2012

1 answer

312 views

How to set axisCrossingValue to always be maximum value?

Hi, I'm trying to make a line chart that uses two y-axes, one on the left side of the chart and one on the right.

Originally I got it to work by using the length of values in the datasource, like this:

axisCrossingValue: [0, datasource.data().length] }

However, this doesn't work when I interpolate the missing values on the chart, as there can be many more categories on the x-axis than there are elements in the data array. I end up getting an axis hanging out somewhere in the middle of the chart.

Does anyone know a way I can get the number of categories on the x-axis WHILE instantiating the chart?
Or would I have to access the number of categories and change the axisCrossingValue after the chart has been built and call refresh()?

Thanks for any ideas!
Erik

Charts

answered on 23 Aug 2012

0 answers

103 views

Remove CSS Formatting?

Greetings,

We already have CSS formatting for our numeric textbox, how would we otherwise remove the built in / default CSS formatting? When I initally wire up the numeric text box, we see a battle between teh KendoUI css and our very own.

NumericTextBox

asked on 23 Aug 2012

2 answers

759 views

Accessing (model) values of selected row

How do I access the (model) values of a selected row using the new 2012 Kendo UI Web? I.e. in the change event of a Kendo grid.

Where do I find more resources on this topic and also on models in the 2012 version? I haven't found the answers in the datasource or grid documentation/demos sections.

Grid

answered on 23 Aug 2012

0 answers

148 views

Scrollable iframe or alternative

I need to load html & css from a remote page into a view. I've tried using and iframe with the following code

<div data-role="view" data-layout="app" data-title="about" id="viewid">
<iframe src="http://easytrip.fusio.net/easytrip.htm"></iframe
</div>

But the iframe isn't scrollable in a mobile browser. Is there a way of making the iframe scrollable or a different method of loading a remote page into a view and have it scrollable?

General Discussions

asked on 23 Aug 2012

1 answer

220 views

Remote Validation Similar to Unobtrusive jQuery Validation

I was wondering if it is possible to use Kendo's Validation to achieve something similar to Microsoft's Unobtrussive ValidatIon:
http://weblogs.asp.net/jgalloway/archive/2012/03/23/asp-net-web-api-screencast-series-part-5-custom-validation.aspx

In Kendo I can attach data attributes to my form fields in much the same way that I can with Unobtrussive Validation. However with The latter, I can also do this:
$.validator.unobtrusive.revalidate(form, validationResult);

Which makes it possible to display server validations by building up a list of Field names and their associated errors. Example of validationResult:
{"Author": "Author is too long! This was validated on the server."}

Is such a feature possible in Kendo? If not, I could see it as a useful addition for the future. We can validate 95% of what we need to do on the client, but something like this would be great for server validations such as checking for duplicates in the data store, etc.

Validation

answered on 23 Aug 2012

2 answers

103 views

Magic data breaks pie chart

If I place the following on my page, no graph is displayed:

This issues appears to be that I'm passing 2568 as a data value nothing is rendered. Is there a reason for this?

<script>
function createBuildingChart() {
            $('#buildingChart').kendoChart({
                theme: $(document).data('kendoSkin') || 'default',
                dataSource: { data: graphDataBuilding },
                chartArea: { height: 250, width: 218 },
                legend: { position: 'bottom', visible: true, margin: { left: 1, right: 1 }, labels: { font: '10px Arial' }, border: {width:1, color:'black', dashType:'solid'} },
                series: [{ type: 'pie', field: 'Value', categoryField: 'Text', padding: 0}],
                tooltip: { visible: true, template: '<strong>${ category }</strong>: ${ value }' },
                seriesColors: ["#4575B4", "#D53E4F", "#F46D43", "#FDAE61", "#FEE08B"]
            });
        }
</script>
<script type='text/javascript'>var graphDataBuilding = [{ 'Text': 'Active', 'Value': 2568 }];createBuildingChart();</script>

Charts

answered on 23 Aug 2012

0 answers

84 views

Repopulating grid fails

I'm using the following ajax request to refresh the grid, but I always get an empty grid. I'm not able to find what I'm doing wrong.

$(document).ready(function () {

$(document).on("click", ".ceva", getNextState);

});

function getNextState(e) {

var grid = $("#Grid").data("kendoGrid");

var ID = $(e.currentTarget).attr('id');

var orderID = $(e.currentTarget).attr('data-ID');

var urlCon = "Idea/NextState?state=" + ID + "&iD=" + orderID;

$.ajax({

type: "POST",

url: urlCon,

contentType: "application/json; charset=utf-8",

success: function (data) {

var x = data;

grid.dataSource.data(data);

grid.refresh();

},

error: function () {

alert("something went wrong");

}

});

I'm trying to achieve a way to remove a row from the table after I trigger the NextState method for that row. Is there a better way to do that then refreshing the grid's data source?
Thanks in advance.

Grid