Questions on Kendo UI for jQuery Forum

2 answers

172 views

I am having issues in passing the Parameters to my Webservice. I am passing two parameters that my WS is expecting in the code as:

var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "http://localhost/ws/MobileWS.asmx/GetMenuItems",
dataType: "json",
contentType: 'application/json; charset=utf-8',
data:
}
q: { 'MenuID': '5', 'VersionID': '2' }
}
}
},

The parameters are passed with special characters as:
http://localhost/ws/MobileWS.asmx/GetMenuItems?q%5BMenuid%5D=5&q%5BVersionID%5D=2

How can I clean it up to get it as:
http://localhost/ws/MobileWS.asmx/GetMenuItems?Menuid=5&VersionID=2

Thanks,
Chandu

Data Source

answered on 13 Nov 2012

1 answer

94 views

Remote View Navigation Loses Header/Footer & Styles

Hi,
I'm using a remote view to navigate to an different .aspx page, and it's works fine if the hyperlink is in the footer tabstrip (shows header/footer & styles on remote view). However, using the same link on the actual page (in the view), it will navigate, but no header/footer or styles.
Is this possible?
Thanks
Tom

General Discussions

answered on 13 Nov 2012

1 answer

307 views

Remove Datepicker icon

Is there a way to prevent the styling around the input tag associated with a Datepicker? I do not want the icon or the surrounding border which is wrapped around the input. It also sets some inline styles on the input which is preventing me from styling the input using classes.

DatePicker

answered on 13 Nov 2012

0 answers

115 views

Text("") for Command.Destroy doesn't work

Hi,

When I am calling following method I am still getting "Delete" text in the Delete/Destroy button.

c.Command(command => command.Destroy().Text("")).Width(90);

The only workaround it is to use space in Text(" ")

c.Command(command => command.Destroy().Text(" ")).Width(90);

Is this is a bug?

Grid

asked on 13 Nov 2012

0 answers

104 views

Newbie - Creating a simple form

Hi,

Im fairly new to Kendo UI and have managed to build grids successfully but what i want to do next is have a detailed form page based on what record is clicked on the grid. I know popups and inline editing can be done but i have other linked tables (i.e. notes and status history) which i want to display as grids based on the ID passed on the details page along with a simply client form.

Heres where im at. Currently if you double click on a record in the grid it goes to a details page passing the id of the client in the URL. e.g. edit.php?id=1. I want then 3 windows:

Window 1 - a form with the clients details on so they can be updated (cant do this)
Window 2 - Client notes displayed as a grid (I can do this)
Window 3 - Client status history displayed as a grid (I can do this)

I tried the tutorials on dataSource binding but am not sure if i need to be using a custom listView, gridView or Observable. These seem a little to much for what i want. i just want a form that populates based on the ID passed un the URL, that can be updated using the jSon dataSource which i already have setup.

and advise would be great

thanks

Data Source

asked on 13 Nov 2012

3 answers

261 views

How to pass upload files to MVC action

Hi,

I use Ajax.BeginForm to add new article. How can I pass uploaded files together with Save action
to save new Article firts and after that save files into database?
I use
@(Html.Kendo().Upload()
.Name("file")
)
inside form.

Thx
Tomaz

Upload

answered on 13 Nov 2012

0 answers

189 views

Grid editing values with a dropdown selection

I just got started with Kendo UI - thinking about switching from Telerik MVC controls. Right off the bat, editing in grids seems like a nightmare. Hopefully someone can help me out here.

Lets say I have a simplified domain model of:

public class User

{

public Guid UserId { get; set; }

public string Name { get; set; }

public Guid TimeZoneId { get; set; }

}

And then I try to make a view model that has to serve as both an EditModel and ViewModel (because of a Kendo limitation? see further below)

public class UserViewModel

{

public Guid UserId { get; set; }

public string Name { get; set; }

public Guid TimeZoneId { get; set

; }

   public string TimeZoneName { get; set; }

}

Okay, so lets say I pass a list of UserViewModels to the view and sneak in a list of TimeZoneModels to the ViewBag.

I then add this to my view:

<%: Html.Kendo().Grid(Model.Users)

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.UserId);

columns.Bound(p => p.Name);

columns.Bound(p => p.TimeZoneName);

columns.Bound(p => p.TimeZoneId).EditorTemplateName("TimeZoneId");

columns.Command(command => { command.Edit(); command.Destroy(); });

})

.Editable(editable => editable.Mode(GridEditMode.InLine))

.DataSource(dataSource => dataSource

.Ajax()

           .Model(model => 

           {

               model.Id(p => p.UserId);

           })

.Read(read => read.Action("EditingInline_Read", "Grid"))

.Update(update => update.Action("EditingInline_Update", "Grid"))

.Destroy(update => update.Action("EditingInline_Destroy", "Grid")))

%>

With an edit template named TimeZoneId.ascx

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>

<% Html.Kendo().DropDownList()

.Name("TimeZoneId")

.DataValueField("TimeZoneId")

.DataTextField("Name")

.BindTo(ViewBag.TimeZones).Render();

%>

Okay, here's where it gets fuzzy.

1. First off, when clicking edit for this, It edits inline great. When switching to Popup however, the editor template is not used. What gives?
2. Secondly, how do you manage this properly? I needed a TimeZoneName to show the name in the grid, but in order to preserve a timeZoneId when creating or editing a user, I need to have a TimeZoneId field on the model as well. So, how do you show just the TimeZoneName when displaying while hiding the TimeZoneId. Then hiding the TimeZoneName when editing and showing the TimeZoneId with a dropdown. It doesn't appear this is thought through very well here. How is everyone else handling this?

-Levi

Grid

asked on 13 Nov 2012

2 answers

275 views

Number of elements in the valueAxis

Hi,

I'm using a line graph with one serie:
(piece of the json object)
series:[
{
name:"Orange Tree",
data:[0.981422,0.981422,0.981422,0.981422,0.981422]}],
valueAxis:{labels:{format:{0}%}}

As you can see the value of the data is constant; but when the chart is rendered in the screen I get a lot of labels in the valueAxis:
1.2 1 0.8 0.6 0.4 0.2 0

How can I control the number of labels in the value axis?

Thank

Charts

answered on 13 Nov 2012

1 answer

154 views

Custom edit popup for grid result in "TypeError: source.unbind is not a function"

Hi, All.
Could you help me to resolve the problem "TypeError: source.unbind is not a function" whith popup editor for grid?
I do the page for edit user roles. The row grid present information about user and popup editor is used for editing user properties and user roles.
To show the list of roles in popup editor I add source template for Roles which show roles as list of checkboxes. The problem is that jscript error occur after click cancel button.
Here it is the demonstration of the problem: http://jsfiddle.net/grenal/KGsSL/73/.
To reproduce error. Push edit button in grid and push cancel in pop up dialog. I expected dialog closing, but it does't.

Grid

answered on 13 Nov 2012

1 answer

116 views

Grid - Skip on Edit Tabbing

Is it possible to skip the on edit tabbing. I have a grid with image columns (that are a links). The databound column is a boolean (so normally it would be a checkbox). I want it to click and change the value. I've written code to help me with this but it brings up a side affect that changes the values when I tab through the columns. Here is example of the code I'm using (it's not exact).

OnDataBound:
$("#ReportGrid").keydown(function (ee) {
if (ee.which == 9) { // tab
ee.stopPropagation();
ee.preventDefault();
}
});
$('#ReportGrid').find('td.toggleImages').click(function (ee) {
var grid = $('#ReportGrid').data("kendoGrid");
grid.editCell($(this).parent());
});
OnEdit:
if (e.container.hasClass('toggleImages')) {
var acCell = $(e.container).find('a');
e.model.set(acCell.attr('name'), changeStyle(acCell)); //changeStyle changes the visual and flips the state.
}

If I place a break pint on each of these and hit "tab" to move into the image cell the OnEdit triggers before the KeyDown event.

Thoughts?

Grid

answered on 13 Nov 2012