Questions on Kendo UI for jQuery Forum

1 answer

203 views

Possible bug with the upload control inside kendo window

Hello there,

I was trying to use the upload control inside a kendo window and I noticed that when a file is selected, the file name together with a remove button will be listed 4 times under the file list. I'm using the mvc wrapper but it seems like this is the issue with either the window or the upload widget itself. Please let me know if you need more info on this. Below is the code.

Thank you,

@(Html.Kendo().Window()

.Name("window")

.Content(@<text>

@(Html.Kendo().Upload()

.Name("files")

)

</text>)

.Draggable()

.Resizable()

.Width(600)

)

Upload

answered on 17 Aug 2012

0 answers

103 views

IE8 No such interface

I keep getting this exception when I do a kendo.bind
No Such Interface (IE8)
So this exception is triggered while doing a kendo.bind.
The root cause is not in the kendo code is really something in jQuery

Sizzle.contains = function (a, b) {
try {
return a !== b && (a.contains ? a.contains(b) : true); <-- Exception is here
}
catch (err) {
return false;
}
};
I patched my jquery file. It seems to be related to the Kendo Tabs because binding works great in all other pages not using tabs I think is it related with the enabled property of the tab control being bound.
Well I hope this can be fixed, I don't like patching my jquery :)

MVVM

asked on 17 Aug 2012

2 answers

284 views

[Solved] Grid Add/Update field display...

How can I change the fields that display for an Add/Update? For an add I need to have 4 fields display and for an edit I need to only display 2. I tried creating a template usercontrol but it is showing up for both an add/update. I tried modifying the viewmodel and that is applying the changes to both the add/update also.

Grid:

@(Html.Kendo().Grid(Model)

.Name("CodeManager")

.Columns(columns =>

{

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

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

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

})

.ToolBar(toolBar => toolBar.Create())

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

.Sortable()

.Scrollable()

.Groupable()

.Pageable()

.Filterable()

.DataSource(dataSource => dataSource

.Ajax()

.Events(events => events.Error("error_handler"))

.ServerOperation(false)

.Model(model =>

{

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

model.Field(p => p.CodeID).Editable(false);

model.Field(p => p.Title).Editable(false);

})

//.Read(read => read.Action("GetPersons", "CodeManager", new { classifications = @ViewBag.SelectedCatgory }))

.Update(update => update.Action("EditingCustom_Update", "CodeManager"))

.Create(update => update.Action("EditingCustom_Update", "CodeManager"))

)

.Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("_CodeEditor"))

)

Control:

public ActionResult Index(string classifications = "")

{

ViewData["Category"] = classifications;

ViewData["Classifications"] = new SelectList(Classifications.List, "ClassificationText", "ClassificationText", classifications);

var codModels = new List<CodeModel>();

ViewBag.SelectedCatgory = classifications ?? "Type";

if (Request.HttpMethod == "POST")

{

var model = _codeRepository.Search(classifications).ToModel();

return View(model);

}

return View(codModels);

}

Model:

blic class CodeModel

{

public string CodeID { get; set; }

public string Title { get; set; }

public string Status { get; set; }

public bool Active { get; set; }

public string Category { get; set; }

public int UserID { get; set; }

}

Thanks
Dennis

Grid

answered on 17 Aug 2012

1 answer

115 views

Cant access the WCF Web Api Service on Android

Hi There,

I was testing out the demo introduction project for android downloaded from here. As I was thinking that this will be my starting point for a mobile application for my Web application on Telerik MVC 2. But the mobile application cant seems to work. If I access teh Web Api service through Chrome it working fine. attached file has the output of the chrome for service.

But on the emulator I cant access the service and its just keep on loading. I have checked and found that the request is not reaching the service.

Any help will be appreciated.

Thanks Syed

General Discussions

answered on 17 Aug 2012

2 answers

153 views

[Solved] <Object> Tag Hides Sub Menu Items

Hi,

I am currently in the process of migrating from the MVC controls to the Kendo UI.
For the MVC controls, there was a work around to the old IE bug where menu sub items were hidden behind object tags. This work around can be seen below.

if ($.browser.msie) {

var oldFxPlay = $.telerik.fx.play;

$.telerik.fx.play = function () {

var target = $(arguments[1]);

if (target.is(".t-menu .t-group") && !target.find("iframe").length) {

target.append("<li style='width:100%;height:100%;z-index:-1;position:absolute;top:0;left:0;'>" +

"<iframe src='#' frameborder='0' style='width:100%;height:100%;z-index:-1;position:absolute;'></iframe>" +

"</li>");

}

oldFxPlay.apply(this, Array.prototype.slice.apply(arguments));

};

}

I now need something similar for the Kendo UI menu. Is there anything available?

Many thanks in advance for your support.

Menu

answered on 17 Aug 2012

4 answers

1.8K+ views

[Solved] Kendo UI Window, disable background scrolling

I have a model Kendo window that gets displayed on a large page. The window contains a scrollable grid. Whenever I hit the end of scrolling in the grid, the main webpage scrolls and the window stays where it is. Is there anyway that can be fixed?

Window

answered on 17 Aug 2012

0 answers

208 views

Date picker in grid's popup

I'm curious if it's possible to place a date picker in the popup when I'm creating a new entry in the grid.
The actual problem: I have a table with two DateTime columns which are required for each new entry. I'm showing the data from the tables in a kendo ui grid for which I'm using popup editable mode.
What I need: a way to format the dates entered by users (example: MM/dd/yyyy not the full date time - which is like Fri Aug 17 2012 13:23:53 GMT+0300 (GTB Daylight Time)).

Is there a way to modify what should be entered in DateTime fields?

Grid

asked on 17 Aug 2012

0 answers

107 views

In cell editing and Popup edit (master - detail like)

Hello,

I was wondering if it is possible to have both inline cell editing, and popup editing with the edit button in the same grid? The reason i want to do this, is because i have lots of columns in my table, and want to narrow the amount of columns down to only the basics and edit those with the inline cell editing, and have a sort of detail-view with a popup that displays all the fields in a custom template.

Also, is it possible to make the cell editing work with double click?

Hope anyone can help!
Thanks in advance.

-Danny

Grid

asked on 17 Aug 2012

7 answers

531 views

Autocomplete data-role...and input array :)

Whats the best way to specify autocomplete on an input in my view such that I can define the datasource which will populate it? A method in the observable somehow perhaps?

So question #2
If this is my markup structure
<div>
<input data-role="numerictextbox" />
<input data-role="autocomplete" />
<input data-role="numerictextbox" />
<input /> //Click this, adds a new row
<input /> //Click this, deletes this row
</div>

How could that get bound to my model?...I'm not sure I understand the whole binding to an array...if this is even doable?

MVVM