Questions on Kendo UI for jQuery Forum

3 answers

164 views

Hi everybody!

I decided to slap this new Editor over an existing text area and see how it goes.

I have a .aspx page with a text box

<asp:TextBox ID="txtCreativeNotes" runat="server" Rows="5" TextMode="MultiLine" Width="420px" ClientIDMode="Static"></asp:TextBox>

So I

$(document).ready(function () {

$("#txtCreativeNotes").kendoEditor();

and it worked perfectly!

Then, I submitted the form using normal .aspx posting.

but on refresh the data renders in the editor as

<span style="color:#880015;">This is </span><strong><span style="font-family:'Courier New',Courier,monospace;color:#880015;">sparta</span></strong>

(This is also exactly what it looks like in the SQL database.)

Editor

answered on 31 May 2012

2 answers

158 views

Getting clicked-on chart element

Hi there,

Your chart documentation refers to the ability to get the DOM element associated with the series element just clicked on in the seriesClick event. However, in the example of a bar chart, it seems that the element you get is the SVG highlight element rather than the underlying bar element. I want to be able to change the style of the selected bar in the master chart in a master/detail chart scenario so is there any other way of accessing the actual bar element?

Cheers, Andrew.

Charts

answered on 30 May 2012

0 answers

119 views

Controls inside editor.

EDIT: I'm not wondering if this is possible anymore. :)
As long as designMode is on, I'm never going to get the behavior I'm looking for.

Wondering if this is even possible:

We're trying to use the editor as sort of a rudimentary form builder. I'd love to give people placeholders for the Kendo controls inside the editor. Say, for example, that they wanted to insert a date picker. To get a control formatted like a Kendo UI date picker, I'd have to insert something like this:

<span class="k-widget k-datepicker k-header" style="width: 150px;">

<span class="k-picker-wrap k-state-default k-widget">

<input id="dp" class="k-input" style="width: 150;" readonly="readonly">

<span class="k-select" unselectable="on">

<span class="k-icon k-icon-calendar" unselectable="on">select</span>

</span>

The problem with that of course is that they can mess up those span tags, drag the icon around, etc.

Is there any way to make that control un-editable inside the editor? Any other options?

Thanks!

Editor

asked on 30 May 2012

1 answer

132 views

Offline Web App - contentUrl

I currently have a 2 pane splitter ... the second pane has a relative reference to an html snippet for the contents of the 2nd pane.

$("#splitter").kendoSplitter({
panes: [
{ collapsible: true, resizable: false, size: "300px" },
{ collapsible: false, resiable: false, contentUrl: "content.htm" }

I am attempting to create a single page offline web application ... I've added an offline.manifest to the project and confirmed all the resources listed download successfully (using Chrome v19).

The initial rendering of default.htm succeeds; however, subsequent refreshes of default.htm hang on the xhr get of content.htm.

At this point I've kept everything connected and it appears the mere presence of item(s) (either default.htm or content.htm in the app cache) is fouling up the xhr get.

I've attached the necessary collateral for a repro ... any help is greatly appreciated as we are simply trying to figure out how to best structure our markup, etc. to support this particular application using Kendo.

Splitter

answered on 30 May 2012

0 answers

66 views

Binding to aggregate value of datasource

Please forgive if this is a double post. I posed this question in the original thread in the "Preview Forum Thread" which is no longer accessible in the forum listing. So I thought I'd repost in an active forum.

I've been trying to display aggregate values in my charts. Both a pie chart and a bar chart. The basic idea is that I grab one table of data and then aggregate it into different displays. Via searching I've found an example for doing this in a pie chart. Basically we need to build our own series rather than being able to bind to the aggregate sum.

here's the post
http://www.kendoui.com/forums/dataviz/general-discussions/aggregate-pie-chart.aspx#2066234
here's the related jsfiddle
http://jsfiddle.net/valchev/VzWdk/

I've managed to get it also working for bar charts as well

http://jsfiddle.net/yf9cF/

Any plans on making this feature available where we can bind to aggregate values when we group data?

Regards,

Chris

Charts

asked on 30 May 2012

1 answer

325 views

Binding to aggregate value of datasource

Please forgive if this is a double post. I posed this question in the original thread in the "Preview Forum Thread" which is no longer accessible in the forum listing. So I thought I'd repost in an active forum.

I've been trying to display aggregate values in my charts. Both a pie chart and a bar chart. The basic idea is that I grab one table of data and then aggregate it into different displays. Via searching I've found an example for doing this in a pie chart. Basically we need to build our own series rather than being able to bind to the aggregate sum.

here's the post
http://www.kendoui.com/forums/dataviz/general-discussions/aggregate-pie-chart.aspx#2066234
here's the related jsfiddle
http://jsfiddle.net/valchev/VzWdk/

I've managed to get it also working for bar charts as well

http://jsfiddle.net/yf9cF/

Any plans on making this feature available where we can bind to aggregate values when we group data?

Regards,

Chris

Charts

answered on 30 May 2012

11 answers

525 views

Aggregate Pie Chart

Is it possible make a pie chart
with aggregate count.

For example:

var Data = [

{ "Name": "Marks S.", "FavoriteColor": “Red”},

{ "Name": "Hanna M.", "FavoriteColor ": “Blue” },

{ "Name": "Brad A.", "FavoriteColor ": “Blue” }

];

categoryField : FavoriteColor

field: count (aggregate)

<div id="example" class="k-content"><br

>        

<

div class="chart-wrapper"

<div id="chart">

</

div

</div>

<script>

var Data = [{ "Name": "Marks S.", "FavoriteColor": "Red"

},

 {

"Name": "Hanna M.", "FavoriteColor": "Blue"}, { "Name": "Brad A.", "FavoriteColor": "Blue"

}];



function

createChart() {

 $(

"#chart"

).kendoChart({

 theme: $(document).data(

"kendoSkin") || "default"

,

title: {text:

"Aggregate Example"

},

legend: {position:

"bottom"

},

dataSource: {data: Data,

             aggregate: [{ field:

"FavoriteColor", aggregate: "count"

}],

             group: { field:

"FavoriteColor"

} 

	    },

series: [{ type:

"pie"

,

field:

"#= count#"

,

categoryField:

"FavoriteColor"

}],

tooltip: {visible:

true

,

template:

"${ category } - #= value#"

}});

}





 $(document).ready(

function

() {

setTimeout(

function

() {

  

createChart();

$("#example").bind("kendo:skinChange", function (e) {

createChart();

}); }, 100);

});

</script>

</div>

Regards,
Have a Nice day

General Discussions

answered on 30 May 2012

4 answers

272 views

Custom editor value not sticking

I'm trying to get a custom editor (DropDownList) to work, but am not having any luck. I have the following setup:

Grid:
DataSource: a remote GET request that works fine
In the grid's datasource, I have a field called ProjectId that is set to editable and of type "number"

The grid displays all of the data just fine. When I click on a cell to switch it into edit mode, I'm showing a drop down that remotely gets a list of projects to display, based on the value of the ClientId field for that row. The code is below:

var projectsDataSource = new kendo.data.DataSource({

transport: {

read: {

url: "/ProjectsDataUrl";

dataType: "json"

}

})

function projectsEditor(container, options) {

if (options.model.ClientId !== null) {

projectsDataSource.transport.options.read.data = {

clientId: options.model.ClientId

};

projectsDataSource.read();

return ($("<input name='ProjectId' data-bind='value:" + options.field + "' />")).appendTo(container).kendoDropDownList({

dataSource: projectsDataSource,

autoBind: false,

dataTextField: "Name",

dataValueField: "Id",

optionLabel: "Select Project"

}).data("kendoDropDownList");

}

};

I'm only showing the editor if the ClientId field is not null. The drop down list displays fine, but after making my selection and clicking away, the underlying data does not get updated. I'm really not sure what I'm doing wrong here.

Grid

answered on 30 May 2012

0 answers

110 views

Q2 Webinars

I noticed that some Telerik Q2 Webinars were coming up on new features etc of several of the product lines including the web AJAX/MVC packages....but doesn't look like there's anything for Kendo UI. Is there a plan for a Q2 webinar for Kendo?

Thanks,
Eric

General Discussions

asked on 30 May 2012

1 answer

131 views

Line chart reverse:true not working

I am trying to reverse the valuesAxis from 0 to 40 upside down but it doesn't work
This is my js source:

valueAxis: {
            reverse: true,
            max:40,
            min:0,
            labels: {
                format: "{0}"
            }
        }

Charts

answered on 30 May 2012