Questions on Kendo UI for jQuery Forum

3 answers

1.0K+ views

Updating the ViewModel after DataSource read

This seems like it would happen automatically but I'm not seeing it.

I send a viewmodel with my attributes to my controller. It makes the necessary update and returns a value or the model.

If I send back the model, will the datasource make the correct updates to the attributes that are now updated?

[EDIT]
After extensive debugging and a lot of searching on the forum for jewels of information I came across one that gave me an idea.

In order to make a change to your ViewModel: Model you have to go to your DataSource.change method. In here, you then create a function to get the data from the JSON result passed back from your controller. In my case, I am submitting my whole model and returning it with an updated value called YTM.

Here is a snippet of code that will help you:

change: function() { // subscribe to the CHANGE event of the data source

viewModel.data = this.view()[0];

viewModel.order.set("ResidualYield", viewModel.data.ResidualYield);

}

The ViewModel data attributes are stored in data. You can inspect this using the inspector in Chrome. What happens is that this will get the viewmodel. In my example, my viewmodel has a model called "order". I get a handle to this and then set it from the return JSON in viewModel.data. If someone has a better "best practice" let me know. This took me several days to figure out because of the lack of good documentation.

MVVM

answered on 04 Sep 2012

1 answer

140 views

[Solved] Integration / Using KnockoutJS with Kendo

Hi,

Can I know whether KendoUI provides this KnockoutJS to kendoUI integration for Grid as well?

I am referring to this example http://demos.kendoui.com/web/integration/index.html

Can this integration be done for Kendo Grid as well? Is this only for the components given in this example? In this example it does not provide a grid integration.

Thanks in advance.

Grid

answered on 03 Sep 2012

2 answers

328 views

Please correct en-ZA number format

Hi

Please fix the number formatting for culture en-ZA as it is incorrect and not consistant with af-ZA. The af-ZA culture file has the correct formating.

kendo.culture.en-ZA.js Kendo UI Web v2012.2.710 uses i.e. a comma for the decimal point and a space for the thousands separator.
The error is for decimals, percentage and currency.

kendo.culture.af-ZA.js Kendo UI Web v2012.2.710 has the correct formating.

Thanks
Gareth

Globalization

answered on 03 Sep 2012

2 answers

1.1K+ views

How to load the nodes of a tree view dynamically from the database....

Hi,

Please suggest me a way to load the nodes of a tree view dynamically and also add nodes to the tree view and to save those nodes in the data base tables.........

Thanks in Advance,
Ruqsana.

TreeView

answered on 03 Sep 2012

3 answers

309 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

355 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

361 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

163 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

737 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

88 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