Questions on Kendo UI for jQuery Forum

4 answers

184 views

[Solved] Change event has allways backButtonPressed=true (args)

Hi!, i0m triying to use the event change to capture when user push the Backbutton but the event Change (args e.backButtonPressed) is allways true:

I'm missing something?

The app navigate when user push on link like this <a href="/#previsiones">Previsiones</a>

01.SAOO.Routes = function () {

02. var router = new kendo.Router({

03. root: "/",

04.

05. routeMissing: function (e) {

06.

07. },

08. back: function (e)

09. {

10.

11.

12. SAOO.theme.page.leftMenu.change(e.url);

13. },

14. change: function (e) {

15.

16.

17. if (SAOO.application.loaded==false)

18. {

19. SAOO.theme.page.leftMenu.change(e.url);

20. }

21.

22.

23.

24.

25.

26.

27. },

28. root: "/"

29. });

Thx!!

SPA

answered on 23 Nov 2016

6 answers

508 views

How to load complete directory sctructure

I am still new to Kendo UI, but so far my experience using the trial version in my ASP.NET MVC project has been positive.
Currently I'm trying to figure out how best to fetch a complete Directory structure (directory on the Server) and use TreeView to show the complete structure (like in Windows Explorer).

I have a Web API Service (still have to figure out this part) that will delivers the complete directory data to HTML client and gets loaded to TreeView finally.
So far after viewing the sample and reading the documentation, I'm still not clear on what approach to use in fetching the data and loading/binding the data to TreeView..
And this is most likely due to my limited knowledge of TreeView at this point.

Is there a more thorough example related to this topic?
I would appreciate any help or advice.

Thanks in advance.
Indy.

TreeView

answered on 23 Nov 2016

9 answers

469 views

DDL Binding in Edit Templete of Listview

I must be missing something, but I cannot seem to get a DDL to bind to remote data in the edit template of a listview...

Template and script below... Any help here?

<script type="text/x-kendo-tmpl" id="CompanyTemplateEdit">

...

...

<dt>State</dt>

<dd>

<input id="ddlState${CompanyID}" data-bind="value:State" name="State" />

#renderDDLStates(data)#

</dd>

<dt>Postal Code</dt>

<dd>

<input type="text" data-bind="value:PostalCode" name="PostalCode" required="required" validationMessage="required" />

<span data-for="PostalCode" class="k-invalid-msg"></span>

</dd>

</dl>

</div>

</script

$(document).ready(function () {

listView.kendoListView({

dataSource: CompanySource,

template: kendo.template($("#CompanyTemplate").html()),

editTemplate: kendo.template($("#CompanyTemplateEdit").html())

}).data("kendoListView");

});

var listView = $("#company_list");

var CompanySource = new kendo.data.DataSource({

transport: {

read: {

url: "/api/Company/" + $.cookie("C1AuthCompanyID"),

},

update: {

url: "/api/Company/" + $.cookie("C1AuthCompanyID"),

type: "PUT",

}

},

schema: {

model: {

id: "CompanyID",

fields: {

CompanyID: { editable: false, nullable: true },

ParticipantID: { type: "number" },

CompanyName: "CompanyName",

DBA: "DBA",

CompanyNumber: "CompanyNumber",

Street1: "Street1",

Street2: "Street2",

City: "City",

State: "State",

PostalCode: "PostalCode",

isApproved: { type: "boolean" },

isActive: { type: "boolean" },

isDeleted: { type: "boolean" }

}

});

function renderDDLStates(data) {

$("#ddlState" + data.CompanyID).kendoDropDownList({

dataTextField: "stateName",

dataValueField: "stateCode",

dataSource: [

{ stateName: "Texas", stateCode: "TX" },

{ stateName: "Pennsylvania", stateCode: "PA" }

]

});

}

DropDownList

answered on 23 Nov 2016

1 answer

5.0K+ views

Disable toolbar button on kendo ui grid

hi,

I have a kendo ui grid with toolbar ( with save button ) specified. Not i want to disable the button if the grid contains nothing and when the user clicks it since i'm in the process of processing the request to the server. It is possible? How can i do it? Thanks

Grid

answered on 23 Nov 2016

4 answers

678 views

[Solved] Upload button doesnt show up

Hello,

When I set the url of the async to a cross domain site (Amazon S3 Bucket) and set autoupload to false, the upload button won't show up after selecting files.

Upload

answered on 23 Nov 2016

2 answers

472 views

Dapicker intial value number (TimeStamp)

Hello,

how i do to set kendo ui date picker with number value (timeStamp) for example, k-ng-model="1477051763928".

it returns an error: TypeError: e.indexOf is not a function
at ve.parseDate (http://127.0.0.1:8081/js/libs/telerik.kendoui/js/kendo.all.min.js:9:18925)
at init._update (http://127.0.0.1:8081/js/libs/telerik.kendoui/js/kendo.all.min.js:22:10140)
at init.value (http://127.0.0.1:8081/js/libs/telerik.kendoui/js/kendo.all.min.js:22:8916)
at Object.<anonymous> (http://127.0.0.1:8081/js/libs/telerik.kendoui/js/kendo.all.min.js:66:1007)
at init.n.(anonymous function) (http://127.0.0.1:8081/js/libs/telerik.kendoui/js/kendo.all.min.js:65:29859)
at Object.d [as fn] (http://127.0.0.1:8081/js/libs/telerik.kendoui/js/kendo.all.min.js:65:26937)
at n.$digest (http://127.0.0.1:8081/js/libs/angular/angular.min.js:124:114)
at n.$apply (http://127.0.0.1:8081/js/libs/angular/angular.min.js:127:12)
at l (http://127.0.0.1:8081/js/libs/angular/angular.min.js:81:195)
at F (http://127.0.0.1:8081/js/libs/angular/angular.min.js:85:314)

Please, answer asap.

DatePicker

answered on 22 Nov 2016

5 answers

1.0K+ views

[Solved] Applying DataAnnotations on Grid Columns

Hi, is it possible to have the Grid widget to use DataAnnotations when binding columns, in particular the DisplayFormat attribute and the the Display(ShortName) property?

I know that the GridBoundColumnBuilder has a Format method, but it would be better to avoid repeating information.

Also, when present, it would be preferable to use the ShortName property for the header in order to reduce column widths.

Grid

answered on 22 Nov 2016

1 answer

150 views

Connecting Gantt with other kendo components

Hi. I want to create something like i showed on screen. Idea is to pick item from "List of items" panel and drop it in Gantt. Additional thing is to connect that panel below to Gantt to be able to display for example pins in the start and end of each component like showed on screen. My question is how to perform this in the best way and which kendo components I could use. Thanks

Gantt

answered on 22 Nov 2016

8 answers

197 views

Menu security trimming with areas having same controller names

Hi,

I've noticed that security trimming doesn't work when there's another controller with the same name in another area. We have one extra area currently in use, named "Mobile".

We correctly have the namespaces set up for each route, so the actions work fine otherwise between areas. For example our default route looks like this:

routes.MapRoute(

"Default",

"{controller}/{action}/{id}",

new { controller = "Home", action = "Index", id = UrlParameter.Optional },

new[] { "MvcApp.Controllers" } //namespace

);

Example menu:

@(Html.Kendo().Menu()

.Name("menu")

.Items(menu => {

menu.Add().Text("About").Action("About", "Home", new { area = "" });

}))

Security trimming won't work, unless our Mobile area's HomeController also has that same action (About()). If it's not there, authorize attribute won't work for the menu.

Menu

answered on 22 Nov 2016

3 answers

204 views

[Solved] TreeList Drag/Sort?

When dragging and drop, the row is added as a child. Is there an option to drop and it will sort? The Gannt Control already has that kind of function.

TreeList

answered on 22 Nov 2016