Questions on Kendo UI for jQuery Forum

1 answer

74 views

After updating app to 2013.2.918 I get a blank white screen on IOS 7 after splash screen

Any ideas why after updating Kendo UI to 2013.2.918 I get a blank white screen after the splash screen fades. It works fine on Android and in a web browser.

Thank you,

-Steven

General Discussions

answered on 04 Nov 2013

4 answers

81 views

Reassigning a view model?

I am using Kendo UI MVVM system for my view models in Javascript, and I am loving it. But I am having an issue come up in situations where I want to set an ENTIRE view model to be filled with the data I get back from a server. For instance...

var viewModel = kendo.observable({

Name : null,

Properties : []

});

Let's assume for a moment that this has 17 or so more properties. Instead of doing this ...

viewModel.set("Name", $object.Name);

viewModel.set("Properties", $object.Properties);

over and over, is there a way to just set the entire thing to the data received?

MVVM

answered on 04 Nov 2013

0 answers

153 views

Selected Event?

...seems like a big omission to not have a selected event in the scheduler...no?

Or is it fired under another event?

ANSWERED HERE: http://www.kendoui.com/forums/kendo-ui-web/scheduler/click-or-select-event-.aspx

Scheduler

asked on 04 Nov 2013

3 answers

178 views

Error Deployment to Azure

I am running into an issue when trying to deploy our project to an Azure development emulator. Is there something specific that we need to be doing in order to deploy to Azure? The code compiles normally and runs under IIS.

The project is using Windows Azure Tools version 2.1.

I've checked the project settings and the Kendo dll is being copied locally, so it should not be missing from the Azure deployment.

The exception is:

Microsoft.WindowsAzure.ServiceRuntime Critical: 201 : Role entrypoint could not be created:
System.TypeLoadException: Unable to load the role entry point due to the following exceptions:
-- System.TypeLoadException: Method 'Insert' in type 'company.SchedulerEventService' from assembly 'company, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null' does not have an implementation.
---> System.Reflection.ReflectionTypeLoadException: Unable to load one or more of the requested types. Retrieve the LoaderExceptions property for more information.
at System.Reflection.RuntimeModule.GetTypes(RuntimeModule module)
at System.Reflection.RuntimeModule.GetTypes()
at System.Reflection.Assembly.GetTypes()
at Microsoft.WindowsAzure.ServiceRuntime.RoleEnvironment.GetRoleEntryPoint(Assembly entryPointAssembly)
--- End of inner exception stack trace ---
at Microsoft.WindowsAzure.ServiceRuntime.RoleEnvironment.GetRoleEntryPoint(Assembly entryPointAssembly)
at Microsoft.WindowsAzure.ServiceRuntime.RoleEnvironment.CreateRoleEntryPoint(RoleType roleTypeEnum)
at Microsoft.WindowsAzure.ServiceRuntime.RoleEnvironment.InitializeRoleInternal(RoleType roleTypeEnum)

The implementation:

using Kendo.Mvc.UI;

using System.Data;

using System.Linq;

using System.Web.Mvc;



public class EventViewModel : ISchedulerEvent

{

      //... getters and setters

}

public

class SchedulerEventService : ISchedulerEventService<EventViewModel>

{

public virtual void Insert(EventViewModel task, ModelStateDictionary modelState)

{

//... code emitted

}

public virtual void Delete(EventViewModel appointment, ModelStateDictionary modelState)

{

//... code emitted

}

public virtual IQueryable<EventViewModel> GetAll()

{

//... code emitted

}

public virtual void Insert(EventViewModel appointment, ModelStateDictionary modelState)

{

//... code emitted

}

public virtual void Update(EventViewModel appointment, ModelStateDictionary modelState)

{

//... code emitted

}

General Discussions

answered on 04 Nov 2013

1 answer

96 views

Q2 2013 Service Pack: box-sizing issue / question

I saw that the service pack now work when the box-sizing is set to border-box.

However, in kendo.common.less (line 5413) I see that content-box is still specified for k-widget.

Is the intent of the service pack to allow us to override this safely, or was this overlooked in the change to support border-box?

Thanks,
Gary

General Discussions

answered on 04 Nov 2013

1 answer

72 views

Image Browser Bug when adding new folder

I am using the image browser (from the editor) and it works just fine as long as the amount of items in the current folder is small. If you add a new folder and the number of items in the current window alphabetically means that a new entry with a name of New Folder requires a scroll down to find it there is a problem. The scroll action causes the Create Command to be executed and a New Folder is created without letting the user name the folder. Once the folder is named there is no way that I can find to rename a folder. This is a big limitation for an otherwise elegant control.

Is there some way to make the created New Folder appear at the top of the window or am I missing something. I have found that once you click the Add Folder button, if you click any key on the keyboard it will enter that value plus take you to the new folder without posting the name to the server. Then you can change the name, click Enter and the folder will be named what you want. This is extremely awkward and almost impossible to explain to a user.

Can someone tell me a way around this issue please?

Terry

Editor

answered on 04 Nov 2013

1 answer

83 views

bind to ENTIRE view model

I have a situation where I am wanting to observe the behavior of a view model as I am populating a form. I can do this with defining a lot of fields that look kind of like the model, and binding to them, but that is kind of messy.

I am currently accomplishing this with the following code;

(function ($) {

$.printJSON = function(value){

return JSON.stringify(value, undefined, 2);

}

})(jQuery);

var viewModel = kendo.observable({

// other fields etc

update: function (e) {

e.preventDefault();

$("#json_result").html($.printJSON(this));

}

});

<div style="width: 400px; float: left; padding-left: 15px;" >

<button data-bind="click: update" value="Update" >Update</button>

<pre id="json_result">

</pre>

</div>

So you click the button, and it runs the function to draw the view model JSON to the screen, all nice and formatted.

But this still requires a button click. While that isn't that big of a problem for me, since this isn't something I need for a lot of situations, is there any way to actually do this and have it update when the view model changes in any way? I tried to just bind to the function and it never updates without an explicit call, I tried binding right to the view model, and that didn't work either.

MVVM

answered on 04 Nov 2013

1 answer

78 views

databound templated listview with external links

Hi,

We have a listview in kendo ui mobile using the flat theme bound to an array of items.
Each item in the list has an external URL that needs to be opened when the item is clicked on.

This works but the problem is that if the list is scrolled through the link that was touched opens as soon as the scrolling stops.
It should not open the link when doing a scrolling action only from the tap.

Other list views that navigate to internal views do not have this issue - the scrolling is just detected as a scroll action and the navigation is only done when the item is tapped.

here is the data template for the list

<a class="faqListQuestion" href="${url}" data-rel="external" >${title}<br /><span class="notificationDates">${date}</span></a>

</script>

Is there something wrong with my template or some other workaround for this issue?

Thanks
Gavin

General Discussions

answered on 04 Nov 2013

2 answers

165 views

Sending values to action

Hi,

how do I send the current multiselect values to an asp.net mvc 4 action, as a IEnumerable<int>?

I have:

@(Html.Kendo().MultiSelect()

.Name("Fields")

.DataTextField("Name")

.DataValueField("Id")

.Value(ViewData["tagslist"] as IEnumerable<int>)

.Filter(FilterType.Contains)

.Placeholder("...")

.Events(e =>

{

e.Change("change_field");

})

.DataSource(source => {

source.Read(read =>

{

read.Action("ShowFields", "Folders");

});

})

And I want to send the selected id's to an action which updates a model bound treeview:

<div id="tree">

@(

Html.Kendo().TreeView()

.Name("treeview")

.ExpandAll(true)

.TemplateId("treeview-template")

.DragAndDrop(true)

.BindTo(Model)

.Events(events => events

.DragEnd("onDragEnd")

)

)

</div>

This is my action to create the new model for the treeview:

public ActionResult Index(IEnumerable<int> fieldTags,int id = 1 )

{

IEnumerable<TreeViewItemModel> kendoModel = new List<TreeViewItemModel>();

SopFolder kendoStartFolder = db.SopFolders.Where(r => r.Id == id).Take(1).Select(r => r).ToList()[0];

kendoModel = CreateKendoTree(kendoStartFolder, fieldTags);

var SopFields =

db.SopFields

.Select(r => new

{

Value = r.Id,

Text = r.Name

});

List<int> tagslist = new List<int>();

foreach(var tag in SopFields)

{

tagslist.Add(tag.Value);

}

ViewData["tagslist"] = tagslist;

if (Request.IsAjaxRequest())

{

return PartialView("_Tree", kendoModel);

}

return View(kendoModel);

}

So I need to do the following things:

1. Get the MultiSelect currently selected id's data passed to the server as an IEnumerable<int> into the index action with ajax request
2. Replace the content within the tree div with the new loaded treeview (if ajaxrequest, the action returns a partial view).

I am having trouble with number 1. Please give me some advice on how to solve this.

Thanks!

Best regards,
Marcus

MultiSelect

answered on 04 Nov 2013

1 answer

142 views

ListView contains ListView contains Grid

In my implementation, I have a Kendo ListView contains another inner ListView. Each item in the inner ListView is an editable Kendo Grid. So, it is ListView->ListView->Grid relationship. The data binding works and view looks good initially.

But our requirement is to allow user to add new Grid (new item) inside the inner ListView by clicking a button, so I assigned an editable template to the inner ListView (by doing .Editable(editable => editable.TemplateName("SomeEditorTemplate"))). But it didn't work, it throws "invalid template" exception. I found that if the item inside the inner ListView is a TextBox instead of a Grid, then it works.

So, my questions is:
Does Kendo ListView support this kind of scenario (ListView contains ListView contains Grid)? If so, how can I add a new Grid item inside the inner ListView? I will appreciate if you can post a sample project or sample code.

Thanks!

Jie

ListView

answered on 04 Nov 2013