Questions on Kendo UI for jQuery Forum

2 answers

245 views

KendoUI launch a new modal window with content from a controller -> view

Hi,
I have been trying to launch a window from a base page and the launch window content view will have to be from an action.
With the below code block, I'm getting a blank window, please help in this regard.
fyi... I have converted my existing application to KendoUI using the tool menu upgrade wizard.

<div id="divDocsUploadWindow">
    @(Html.Kendo().Window()
        .Name("DocsUploadWindow")
    .Title("Customer")
     .Draggable()
    .Resizable()
    .Width(736)
    .Visible(false)
    .Modal(true)
    )
</div>
the jquery portion:
$("#btnOpenDocs ").click(function () {
        var windowWidget = $("#DocsUploadWindow").data("kendoWindow");
        windowWidget.refresh({
             url: "@Url.Action("UploadViewAction", "UploadController")"
        });
        windowWidget.center();
        windowWidget.open();
    });

view:
@model Models.UploadFile
@{
    ViewBag.Title = "Upload";
}
<h2>_Upload</h2>
<label>test</label>
@(Html.Kendo().Upload()
        .Name("attachments")
        .Multiple((bool) ViewData["multiple"])
        .Async(async => async
            .Save("Save", "Upload")
            .Remove("Remove", "Upload")
            .AutoUpload((bool) ViewData["autoUpload"])
        )
    )

Thanks,
Subbu.

Window

answered on 31 May 2013

1 answer

144 views

Grid Caption positioning

Hey Guys,

I'm binding a grid to a table (using the kendo-knockout) library and my table has a caption. Unfortunately when the binding takes place the caption is no longer in the right place. It stays on the content table thus appearing between the headers and the main table content.

So..
<table>
<caption>Caption</caption>
<thead>...</thead>
<tbody>...</tbody>
</table>

Get's rendered as

Headings
Caption
Data

rather than

Caption
Headings
Data

as you might expect.

Is there any way to have captions supported. I can easily overcome this by having my caption above the table in a span or some such but I'd really like to keep my html as semantic as possible.

Chris

Grid

answered on 31 May 2013

1 answer

457 views

Grid popup editor. How to update field value on drop down list change

I have a grid set up with my datasource and working properly with popup editing. My popup has two drop down lists and a number field. What I would like to do is set the value of the number field to a specific value when the user makes their selection from the first drop down list, essentially pre-populating the number value to "highest entered value for the user selected item + 5".

Is there a way to hook up to the "change" event for the drop down list in the popup editor and as part of the function for the change event, query the current dataset bound the grid to retrieve a value, then set that value to the numeric field in the popup editor?

Robert

Grid

answered on 31 May 2013

3 answers

117 views

Kendo UI Mobile & Photoswipe

Hi ,
I'm trying to build a image gallery with options on swipe the image to the next image and prev image location of an array of images.

The best next thing i could find was the following http://www.webresourcesdepot.com/image-gallery-for-mobile-and-touch-devices-photoswipe/
which does the job perfectly on any browser and with custom toolbar where you can add options for close and etc.
The problem is when i compile the kendo application for ipad 2.0 using phonegab and the latest xcode version the gallery opens fine but i have no event custom listeners except the ones the gallery supports.
I mean if on the toolbar i attach a div with a ID and i try call that id onclick or on tap the event doesnt triggers.
The gallery appends classes on the body and adds some html as well.

So i cant find a relative solution to this problem , is there any other gallery someone could suggest to use that runs on kendo ui mobile?

General Discussions

answered on 31 May 2013

1 answer

6.0K+ views

How to load window content from PartialView

Hi
I'm using Kendo window in my MVC application. I was wondering if there is any way to fill the content of the window from partialView ?
For example I have a partial view stored in file PartialViewSample.cshtml

@model Product

@using(Html.BeginForm("InsertProduct","Product"))

{

Html.TextBoxFor(val => val.Name);

Html.TextBoxFor(val => val.Id);

}

and in some other place I would like to load this content to kendo window.

<button id="addButton">Add</button>

<script type="text/javascript">

$(document).ready(function () {

var window = $("#window").kendoWindow({

height: "200px",

modal: true,

title: "Centered Window",

visible: false,

width: "200px"

}).data("kendoWindow");

});

If the user clicks the button I would like to load content of the window. I was trying to do this that way

$("#addButton ").click(function () {

var window = $("#window").data("kendoWindow");

window.content("@Html.Partial("PartialViewSample ",new Product()).ToHtmlString()");

window.center();

window.open();

});

Unfortunatelly it doesnt work. Is there any way to load content of the window from using Html.Partial or sth like that ?

Window

answered on 31 May 2013

1 answer

183 views

How to: Display grouped data from datasource using listview Template

Hello Telerik,
I have a kendo datasource that will load the following json data

[{"pedidoId":1,"supervisorId":"manuel","vendedorId":"1","clienteId":"1","total":12345.0000,"hora":"12:00"},{"pedidoId":2,"supervisorId":"manuel","vendedorId":"1","clienteId":"1","total":54321.0000,"hora":"12:06"},{"pedidoId":3,"supervisorId":"luis","vendedorId":"2","clienteId":"2","total":4521.0000,"hora":"12:10"}]

Using Mobile ListView Template, I want to display only the grouped data, for example:
<li>supervisorId = manuel, Total = 66666 </li> (that is the result of 12345+ 54321
<li>supervisor Id = luis, Total = 4521 </li>

Please refer to my attach files for the complete code.

Thank you for your help.

ListView (Mobile)

answered on 31 May 2013

3 answers

184 views

populating an observable with with single object as opposed to a collection of objects

i am populating multiple observables and binding them to grids without much problem. for example i have code like this that i am using to populate a grid:
var viewModel = kendo.observable({
partsSource: new kendo.data.DataSource({
transport: {
read: {
url: "/api/Parts",
dataType: "json"
}
}
})
});

this is calling a service that returns IEnumerable<Part>. if i only want to return a specific part i call my service like this /api/Parts/7 and i know from fiddler that it returns that single part but i can't get it populate my observable.

i guess the issue is that the service now returns only <Part> and not the enumerable. in fiddler it looks identical to the data used in the examples that seem to work flawlessly but i can't seem to find the proper syntax with remote data.

any ideas? thanks!

MVVM

answered on 31 May 2013

2 answers

35 views

Grouped data for every series

Good morning

I have 2 separate data sources with the same length and same values for the category field.
[{"category":"a","value":1},{"category":"b","value":2},{"category":"c","value":3}]
and
[{"category":"a","value":2},{"category":"b","value":3},{"category":"c","value":4}]

Is it possible to apply these data sources to series1 and series2 on the same line chart?

Thanks.
Raido

Charts

answered on 31 May 2013

5 answers

446 views

ASP.NET MVC model binding

Hi! We want to use treeview with strongly-typed model binding (not AJAX).

This is our TreeView:

@(Html.Kendo().TreeView().Name("treeviewDepartments")

.BindTo(Model.Departments, (NavigationBindingFactory<TreeViewItem> mappings) =>

{

mappings.For<AddDepartmentTreeModel>(binding => binding.ItemDataBound((item, dapartment) =>

{

item.Text = dapartment.Name;

})

.Children(department => department.Departments));

})

)

We would like to add new node using this function.

function addDepartment()

{

var treeView = $("#treeviewDepartments").data("kendoTreeView");

var selectedNode = treeView.select();

// passing a falsy value as the second append() parameter

// will append the new node to the root group

if (selectedNode.length == 0) {

selectedNode = null;

}

treeView.append({

text: "New department"

}, selectedNode);

}

Is it way to bind and submit to server dynamically added treeview nodes with model?
Thanks!

TreeView

answered on 31 May 2013

7 answers

677 views

MVVM vs Knockout

I just had a quick glance at the MVVM section of the docs today so I may be missing something. But the Kendo UI MVVM looks a lot like KnockoutJS implementation. Is it the same code base?

That would explain why there was KnockoutJS support from the early beta's before release.

MVVM

answered on 31 May 2013