Questions on Kendo UI for jQuery Forum

3 answers

574 views

HI ,

I am using kendoUpload() in menual upload method, not auto upload. 1st i select file, it is correctly added after am upload another file, i select only one file but show one file more time in file selection.( i attached copy of this.)

use, autoupload: false,

Upload

answered on 02 Jan 2013

9 answers

787 views

DataSource relative URLs?

Hi, I am trying to put a relative URL against a read property in a dataSource but when the page is rendered, the dataSource always seems to be prefixing the URL with a '/' making it look from the root. Any way to get around this please?

Data Source

answered on 02 Jan 2013

5 answers

172 views

ListView data not rebound after navigation to another partial view

Hello,
First time data is bound okay via controller.

@(Html.Kendo().ListView<Models.InterfaceModel>(Model)
.Name("listView").Events(ev => ev.Change("onSelected"))
.TagName("div")
.ClientTemplateId("list-view-template")
.DataSource(dataSource => dataSource
.Model(model => model.Id("InterfaceId"))
.PageSize(6)
.Read(read => read.Action("ReadInterfaceListView", "Home"))
)
.Pageable()
.Selectable()
)

after I navigate to another partial view and return to the partial view with above kendo listview, data is not bound (though it IS sent from controller okay - I see it in debug Model is filled okay)

Any help would be appreciated.

Thanks

ListView

answered on 02 Jan 2013

1 answer

65 views

IE9 bug when collapsing a node

Using IE9, if you browse to http://demos.kendoui.com/web/treeview/animation.html and expand/collapse the “Decor” tree item, unwanted artifacts appear below the treeview

TreeView

answered on 02 Jan 2013

1 answer

94 views

The numeric pad key "." is blocked for "pl_PL" culture

The numeric pad key "." is mapped as "," for polish keyboards but when you enter a number in the numerictextbox the key is blocked by the widget. Is there a workaround for this problem?

NumericTextBox

answered on 02 Jan 2013

4 answers

527 views

CORS odata grid

Hello,
I am trying to visualize data from our company's server through Kendo Grid. The data itself is avabile through secure WCF service over HTTPS with authentication. Since the server is in another domain and we need the authentication, i have to use CORS. Without authentication it works just fine using jasonp, but unforunattely that's not an option for us. So my code looks something like this:

var DS = new kendo.data.DataSource({

type: "odataCors",

transport: {

read: {

url: "https://.../TestData",

crossDomain: true,

withCredentials: true,

beforeSend: function (req) {

req.setRequestHeader("Authorization", "Basic" + auth);

}

});

I am using odataCors extension, which i found somewhere here on the forums. Requestwise it looks allright and it works like it should when i call DS.read() - ajax sends OPTIONS message with Origin, server responds with adequate headers, ajax sends GET message with auth cookie and server returns valid jsonp odata.

Trouble begins when i want to attach this datasource to the grid. It doesn't work, it seems like it is processing a response from the OPTIONS response and not from the second one, which actually returns data.

Is there a way to make it work? Any help would be appriciated very much!
Thank you.

Grid

answered on 02 Jan 2013

1 answer

344 views

Hiding columns in ListView

How can I hide columns in Listview?

<script id="list-view-template" type="text/x-kendo-template">
<div class="product-view">
<dl>
<dd style='visibility:hidden'>${InterfaceId}</dd>
<dd>${InterfaceName}</dd>
<dd>${ViewName}</dd>
</dl>
</div>
</script>

Worked

But when I try to hide via JS:
$("#listView").kendoListView({
dataBound: function (e) {
$(".product-view dd:first").hide();
});

didn't work.

Any help would be appreciated. Thanks
Shabby

ListView

answered on 02 Jan 2013

1 answer

112 views

Data initialization attributes problem

I was playing with the Radial Gauge and wanted to use the data initialization attributes but it seems that kendoui ignores somehow other attributes I set:

<div data-role="radialgauge" data-pointer="{ value: 20 }"></div>

the attribute data-pointer is ignored and the gauge is set to the default 0.

LinearGauge

answered on 02 Jan 2013

5 answers

1.3K+ views

Using a partial view as the template for the popup editor

Is it possible to use a partial view (.cshtml) as the template for the grid's popup editor in Javascript? Essentially I want to set the "template" property of the "editor" from Javascript. I see that it's possible by using the MVC wrapper's HTML helper property TemplateName, but I don't want to use the helper. From what I see the helper creates a string version of the partial view and sets the "template" property as viewed in the resulting Javascript generated by the view engine.

editable: { mode: 'popup', template: 'can I set this value from JS?' },

Thanks,
Dave

Grid

answered on 02 Jan 2013

1 answer

201 views

Using Data Values in MVC Action call from a template

I am wondering if this can be done as I have not seen a specific example. What I would like to do is this:

<script type="text/x-kendo-template" id="template">

<div id="details-container">

<h2>#= EnterpriseImageFileName #</h2>

<h2>#=EnterpriseImageID#</h2>

<img src='@Url.Action("RenderImage", "Member", new { enterpriseImageID = #=EnterpriseImageID# }, @Request.Url.Scheme)'/>

</div>

</script>

<script type="text/javascript">

var detailsTemplate = kendo.template($("#template").html());

function showDetails(e) {

e.preventDefault();

var dataItem = this.dataItem($(e.currentTarget).closest("tr"));

var wnd = $("#Details").data("kendoWindow");

wnd.content(detailsTemplate(dataItem));

wnd.center().open();

}

</script>

However, the template value can't referenced from the Razor syntax. Is there a way to gracefully, get the value of #=EnterpriseImageID# and use it in the call to to Action?

As an FYI - this works but I would like to use the Action helper method if possible:

<script type="text/x-kendo-template" id="template">

<div id="details-container">

<h2>#= EnterpriseImageFileName #</h2>

<h2>#=EnterpriseImageID#</h2>

<img src='../RenderImage/?enterpriseImageID=#=EnterpriseImageID#' />

</div>

</script>

Templates