Questions on Kendo UI for jQuery Forum

0 answers

169 views

Hi,

I'm having trouble using the Fluent API to create my treeview. Both Template and CheckboxTemplate do not seem to affect my nodes that have been created through BindTo. Special characters in the templates are also resulting in their escaped source code representations such as "\u0027". Can you guys please provide some advice and perhaps an example of a databound TreeView created through the Fluent API that uses checkboxes? Thanks.

Reposted in the MVC forum. Sorry. Please delete this one.

TreeView

asked on 12 Sep 2012

2 answers

449 views

load the menu dynamically using datasource or json

hi,
I want to load the menu dynamically using Hierarchical data Source.can u provide some sample code to load menu dynamically using hierarchical data Source.

Menu

answered on 12 Sep 2012

2 answers

335 views

Disable Switch

Hi, how do I disable a switch in Kendo Mobile?

I am using the following html:
<input data-role="switch" id="KeepMeSignedIn" name="KeepMeSignedIn" type="checkbox" disabled="true"></input>

Thanks in advance

Switch (Mobile)

answered on 12 Sep 2012

6 answers

373 views

Pull to refresh with endless scrolling

Hi,

Is there a way to capture the 'pullToRefresh' event so I can clear out my 'pageSize / page' variables?

The issue is this:

If you have endless scroll enabled and scroll down to load the next page, when you scroll back up and drag down to activate the pull to refresh function, the ajax request is sent with the parameters used for the pagination.

var datasource = new kendo.data.DataSource( {

serverPaging: true,

pageSize: 30,

page: 1,

transport: {

read: {

url: url,

datatype: 'jsonp'

},

parameterMap: function (options) {

console.dir( options );

var parameters = {

st: ( options.page - 1 ) * options.pageSize

}

return parameters;

}

},

schema: {

data: function (data) {

return data;

},

total: function (data) {

return data.count; // total number of items

}

} );

I need to send an offset (st) rather than a page number to the database but regardless, when I pull to refresh, I'd like to reset those values.

Thanks!

ListView (Mobile)

answered on 12 Sep 2012

0 answers

115 views

Change Page Event

Hi,

How can I drive the change page event in a pageable grid ???

Thanks in advance

Grid

asked on 12 Sep 2012

0 answers

259 views

Pattern Match

I am using the pattern attribute to do validation on a textbox I am using ^http expression to make sure the text entered starts with http but it doesn't seem to work properly. The only valid input is http exactly here is the html being rendered -

<input class="k-textbox k-textboxAd1" id="id" name="name" pattern="^http" type="text" validationmessage="Please enter a valid URL it must begin with http(s)" value="" />

Am I doing something wrong?

Validation

asked on 12 Sep 2012

2 answers

848 views

Binding custom parameter map to WebAPI

Hi,

I've been having issues binding a custom parameter map to an ASP web api method. I basicly have a kendo grid with a delete button. But by default if I click the delete button it sends the whole data source model for the row as a request. I want it to send just the ID because thats all I need. While its set to the default and I have a viewModel as a input parameter for the web api delete method with the same properties as the data source model everything works fine. I wrote a parameter map that in case of destroy only sends the userID and observed the network request. The ID gets sent fine, but the web API method returns an error that the non nullable input parameter is a null. So it didn't bind right. Anybody had experience with this?

This is the important part of my data source, where you can see the model, parameter map and destroy method, I should note that I also tried using kendo stringify on the return for the parameter map that didnt help.

var viewModel = kendo.observable({

teamMembersSource: new kendo.data.DataSource({

transport: {

read: {

url: '@(Url.Action("Get", "TeamMembers", new { Area = "API" }))',

data: {

companyID: '@(((Signuper.WebApp.Infrastructure.SignuperProfessional)User).CompanyID)'

}

},

destroy: {

url: '@(Url.Action("Delete", "TeamMembers", new { Area = "API" }))',

type: "DELETE",

datatype: "json",

},

parameterMap: function (options, type) {

if (type == "destroy") {

return { ID: options.UserID };

}

else

return options;

}

},

schema: {

model: {

id: "UserID",

fields:

{

UserID: { type: "number"},

FirstName: {type: "string"},

LastName: {type: "string"},

Gender: {type:"string"},

CompanyID: { type: "number" },

EmailAdress: { type: "string" },

IsCompanyAdmin: { type: "boolean" },

DateOfBirth: { type: "Date" }

}

},

data: "TeamMembers",

total: "TotalCount"

},

This is the code for my web Api method, pretty simple:

public dynamic Delete(long ID)

{

var user = membership.GetProfessional(ID);

if (user == null)

return new { success = false, errors = "The user that is set to be deleted cannot be found" };

if (ID == ((Signuper.WebApp.Infrastructure.SignuperUser)User).UserID)

return new { success = false, errors = "You cannot delete the currently logged in user" };  // You cant delete your own user

if (((Signuper.WebApp.Infrastructure.SignuperProfessional)User).CompanyID != user.CompanyID)

return new { success = false, errors = "You cannot delete the user of a different company" };

membership.DeleteUser(ID);

return new { success = true, errors = "You cannot delete the user of a different company" };

}

And I've attached a picture with my http request, the response is: {"Message":"The request is invalid.","MessageDetail":"The parameters dictionary contains a null entry for parameter 'ID' of non-nullable type 'System.Int64' for method 'System.Object Delete(Int64)' in 'Signuper.WebApp.Areas.API.Company.Controllers.TeamMembersController'. An optional parameter must be a reference type, a nullable type, or be declared as an optional parameter."} One final thing to note is that i first named the parameter on the web api method and in the parameter map UserID instead of ID as it is now. When it's like that I get a different webAPI error saying simply that no webAPI method that matches my parameters can be found.

Thanks in advance to anybody that can help!

Data Source

answered on 12 Sep 2012

1 answer

155 views

Scatter Chart Date Axis Not Working

I tried doing the scatter chart date axis example locally (http://demos.kendoui.com/dataviz/scatter-charts/date-axis.html) and instead of the dates on the x-axis displaying nicely MM-YYYY form like in the example it just looks like a bunch numbers as can be seen in my screenshot.

Is there something special that has to be done to format the x-axis date labels that isn't being shown in the example?

My version of Kendo.DataViz is 2011.3.1129

Thanks

Charts

answered on 12 Sep 2012

2 answers

106 views

Format Array for CRUD so MVC ModelBinder can read it

I am sending over an array to my MVC Controller and it seems to match the signature. However the array from my data source maps the value as such:

allocations[0][key]=value

The model is looking for the following: allocation[0].key=value.

Is there a way to rewrite the way the array will send out its value to the controller?

Data Source

answered on 12 Sep 2012

5 answers

1.1K+ views

[Solved] Kendo Widgets MVVM validationMessage binding (multi-language site)

Hi all,

I'm wondering if anybody founds a work around for the binding of custom attributes to kendo widgets.

A very useful scenario for me would be the binding of the validator attributes like validaitonMessage or pattern. I'm working in a site that must be displayed in multiple languages, and I'm binding every label and localized rules to a model that controls the translation and how that input would behave based on the language.

Thanks

MVVM

answered on 12 Sep 2012