Questions on Kendo UI for jQuery Forum

3 answers

303 views

tapstrip encoded dataSource dataTextField

hi,
i'm using a dataSource for my kendoTapStrip, the dataTextField needs to be encoded for each tab.
is it possible to apply a global setting in the config to encode all tab text fields?

cheers,
dave

TabStrip

answered on 03 Sep 2012

5 answers

353 views

[Solved] Get the name of a graph that has been clicked

I am trying to get the chart to work in a way I need.

Lets say I have the following chat

@(Html.Kendo().Chart()

.Name("chart")

.Title("Number 1")

.Legend(legend => legend

.Position(ChartLegendPosition.Bottom)

)

.Series(series => {

// series.Column(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");

series.Column(new double[] { 67.96, 68.93, 75, 74, 78,77,12,19,99,79 }).Name("Rating");

})

.CategoryAxis(axis => axis

.Categories("1", "2", "3", "4", "5","6","7","8","9","10")

)

.ValueAxis(axis => axis

.Numeric().Labels(labels => labels.Format("{0}"))

)

.Tooltip(tooltip => tooltip

.Visible(true)

.Format("{0}")

).Events(events => events

.SeriesClick("onSeriesClick")

)

As you can see I have the series click event hooked up. If I click on the series I can see

Object

category: "6"

dataItem: 77

element: jQuery.fn.jQuery.init[1]

isDefaultPrevented: function (){return g}

preventDefault: function (){g=!0}

sender: n.extend.init

series: Object

value: 77

__proto__: Object

I have clicked on the 6th column within the graph to get the above result.

Can I get access to the graph's name that has been clicked on? I am building a page that could have many graphs on it so I am wanting to build a reusable function.
Ideally somehow I would like to get the name of the graph that's been clicked on.

Thank you

Charts

answered on 03 Sep 2012

1 answer

358 views

Aligning Menu right using MVC wrappers

I have a menu at the top of my web application that is working and looks good. However, I would like all of the items in the menu to align to the right side of the page. Is there a way to do this using the MVC wrappers? Or, do I need to enclose the menu in a <div> that is floated right, or some other CSS trick.

Thanks

Menu

answered on 03 Sep 2012

3 answers

158 views

[Solved] row template

hi,
how can I add a select or better a dropbox/combobox in a row template?

http://jsfiddle.net/mDHtW/3/

thanks

MVVM

answered on 03 Sep 2012

6 answers

730 views

[Solved] How to prevent the first binding on page load of ListView MVC

Hi,

I'm Using ListView MVC Wrapper and i want to prevent the first binding on page load

i try to use e.preventDefault() in the RequestStart of the DataSource Event of the ListView, this is not working
i cant fint .AutoBind(false) Like the DropDownList control Has....

i didnt find nothing in the documentation or forums both ListView and DataSource

Thanks

var g_firstLoading = true;

function ListView_RequestStart(e) {

if (g_firstLoading) {

e.preventDefault()

g_firstLoading = false;

return;

}

ListView

answered on 03 Sep 2012

1 answer

87 views

Display the column when inline edit is used.

Hi,
I am using Kendoui grid, in this i need to hide the field when it is in display mode,

But when i click on edit button it should show the column.

Example:-

In disaplymode it shows 6 column,

and in edit mode shows 7 columns.

Please send me related sample code.

Thanks in Advance.

Grid

answered on 03 Sep 2012

1 answer

236 views

Grid filter for date field issue.

When you want to filter a date field, it pops up the date picker and lets you select the date.
When you selected the date it displays 'MM/dd/yyyy' which I believe is the US format although I've set my locale to be en-AU. I checked my OS locale as well and the it's date format is dd/MM/yyyy which is Australian standard.
Could any one tell me what am I missing?

Thanks in advance,

I found similar thread that's not been answered. the link is
http://www.kendoui.com/forums/ui/grid/problem-with-filtering-data-on-server-and-german-date-format.aspx

Joon Choi

Grid

answered on 03 Sep 2012

1 answer

133 views

How can i get e.dataitem,when set type:group?

Hi,
I test a sample in it as follows
http://jsfiddle.net/7WVqL/120/
List1 trigger click event ,e.dataItem has value.
But List2 hasn't.
How can i use list2 trigger click event to let e.dataItem has value?

ListView (Mobile)

answered on 03 Sep 2012

2 answers

70 views

resource leak in popup edit sample

I have found out that the popup editor example for the grids leaks resources. See the following sample:
http://demos.kendoui.com/web/grid/editing-popup.html

It creates a new "k-window" object every time the "Edit" button is clicked. Thus clicking the Edit button and editing multiple items populates the DOM with many "k-window" nodes which are added and are not cleaned up. You can observe this easily by using the object inspector of Chrome or a similar tool. This could cause problems on a mobile browser with memory constraints. Surely Kendo should reuse the same kendo window each time or destroy the old before creating a new one? Can anyone suggest a workaround for this bug?

Grid

answered on 03 Sep 2012

0 answers

348 views

Checkbox disabled in KendoUI grid

Hi there,
I have grid inside a TabStrip and the grid has a boolean column which is shown as checkbox... this is perfectly fine. But now my concern is even though my grid's editable property is set to true the check box is disabled. i tried adding the checkbox using a template column.
I am getting this error: Inline markup blocks (@<p>Content</p>) cannot be nested. Only one level of inline markup is allowed. Below are the two ways i tried setting the checkbox column.

columns.Template(p => @<text><input type="checkbox" value="" #= @p.Approved?checked="checked":"" # /></text

>).Width(60).Title("").HeaderHtmlAttributes(new { style = "background-image:url(../../Content/ImagesAite/th_appr.png); " }).HtmlAttributes(new { style = "text-align:center" });<

br

>     columns.Bound(p => p.Approved).Width(60).Title("").HeaderHtmlAttributes(new { style = "background-image:url(../../Content/ImagesAite/th_appr.png); " }).HtmlAttributes(new { style = "text-align:center" });<

br>

Also the alignment of the checkbox column is left aligned even though i set the text-align property of the column to center. Also i would like to know to fix the height of the grid rows.... is it possible to switch off word wrapping....

Thanks in advance

Grid

asked on 03 Sep 2012