Questions on Kendo UI for jQuery Forum

0 answers

82 views

Regional Dates

Kendo web grids have the great format feature for dates that can be used like this:

columns: format: "{0: MM/dd/yyyy"}

Maybe there is an easy way to get this formated into the regional settings that are local to the browser - maybe something involving the dateTime.toLocalString.

My questions:

1. Is there a built in telerik solution to this?
2. Has anybody solved this another way with some basic client-side only solution?

thanks.

Grid

asked on 08 Nov 2012

0 answers

95 views

Menu "url" property to load html fragment through ajax

Hello,

is there a way to use the "url" property of a menu item to load an html fragment or a page or a partial page inside a specific div through ajax?

Thank you!

Menu

asked on 08 Nov 2012

0 answers

88 views

Can you use data-bind in a KendoGrid template?

Basically, I have a kendo Grid (created via .kendoGrid({ .. }) and wondering if there is a way to use data-bind attribute within the template. Or am I limited to using # and $?

Ex:
$('#grid').kendoGrid({
dataSource:myDataSource, // array of observables
rowTemplate: '<tr><td>Test</td><td><span data-bind="visible: isFooVisible, html: foo"></span></td></tr>'
...etc, etc
}

I know that I can equally create the grid via MVVM bind, but there seem to be a lot of unknown 'data-' attributes I'd have to add to the view to configure it properly.

Grid

asked on 08 Nov 2012

1 answer

48 views

Calling Grid in Window makes duplication of requests.

When a grid is a content of window in Kendo, Read(read=>read.Data("data").Action("method","controller")
makes two requests. How can I fix this?

Grid

answered on 08 Nov 2012

1 answer

212 views

Kendo Grid Inside Kendo Panel Bar

I added Kendo grid with toolbar inside kendo panelbar.I am getting white background color inside dropdown items after changed the background color to black.I changed panel bar backgroundcolor and grid background colors.
Even though I am getting white background color.

Could you please give suggestion on this.

PanelBar

answered on 08 Nov 2012

2 answers

109 views

Building a Tablet Dashboard

Trying to figure out a good strategy for building similar GUI to this.
https://www.mint.com/how-it-works/anywhere/ipad/

The main target in this case is actually Android Tablets but both would work.

My main headache is how to layout items within one view so they stack as nicely as in this example. I would like to mix Charts with lists etc.

I suspect it would be easier with Web but then I can't really make native app out of it, can I?

All ideas are welcome.

General Discussions

answered on 08 Nov 2012

2 answers

529 views

RequestStart event: how to get html element

Hello,

I am currently migrating from Telerik MVC, and I haven't found the answer for my problem in the migration documents.

I have a treeview which originally used the OnDataBinding event, which I have now mapped to the RequestStart event of the datasource. Now, in my javascript handler, i originally had something simliar:

onDataBinding: function(e) {

            e.preventDefault();

            var div = $(e.target).closest(MyDivSelector);
	    ...
}
Since originally it was a jquery event object, i was able to check the e.target for the html element of the sender. However,
with Kendo events, I don't find anything similar (inside e.sender).
What can I use to get the html element of the sender?

TreeView

answered on 08 Nov 2012

0 answers

93 views

Pre-select menu item on menu load

Hello,
is there a way to programmatically select a menu item on menu load?
I mean something like that: after the kendoMenu has been initialized I would like to invoke the "select" event on an item.
Is it possible?

I am using a custom function:

navigationMenu_selectItem("myPage"

);

function navigationMenu_selectItem(id) {

$("#navigationMenu").find("#" + id).addClass("k-state-selected");

$("#contentPane").load("pages/" + id);

}

Is there a better/simpler way?
Thank you!

Menu

asked on 08 Nov 2012

1 answer

317 views

kendoDropDownList.refresh() can't work, is it a bug?

$("#selectCategory").kendoDropDownList({

	dataTextField: 'Name',

	dataValueField: 'Id',

	dataSource: data

});

var selectCategory = $("#selectCategory").data("kendoDropDownList");

s

electCategory.dataSource.read();

selectCategory.refresh();

DropDownList

answered on 08 Nov 2012

1 answer

107 views

Cascade Combobox problemo

Hello.
Ive got two comboboxes:
-first one:

@(Html.Kendo().ComboBox()

.Name("Dim1")

.DataTextField("Barcode")

.DataValueField("Barcode")

.Filter(FilterType.StartsWith)

.DataSource(action => action.Read(read => read.Action("GetStockLocationsForComboBoxAjax","StockLocation")).ServerFiltering(true))

.MinLength(3)

)

-second one:

<script type="text/javascript">

function onAdditionalData() {

return { Barcode: $("#Dim1").val() };

}

</script>

@(Html.Kendo().ComboBox()

.Name("Dim2")

.DataTextField("Barcode")

.DataValueField("Barcode")

.Filter(FilterType.StartsWith)

.DataSource(action => action.Read(read => read.Action("GetStockLocationsForComboBoxAjax","StockLocation").Data("onAdditionalData")).ServerFiltering(true))

.MinLength(3)

.CascadeFrom("Dim1")

)

Here is my read action signature:

[HttpGet]

public JsonResult GetStockLocationsForComboBoxAjax([DataSourceRequest] DataSourceRequest request, string text, string Barcode)

When im putting some data in Dim1 ComboBox its sending it to controller with no problem, the child combobox (Dim2) becoming enable and everythings ok. But when Im starting to putting data in second combobox (Dim2) its sending only the parent data (Barcode from Dim1) and no Dim2 data:/
When im putting data in Dim2 I want to have Dim1 data under "Barcode" parameter and Dim2 data under "text" parameter.
What am I doing wrong?
Please help me!
I hope ive described it enough clearly.

Thanks!

ComboBox

answered on 08 Nov 2012