Questions on Kendo UI for jQuery Forum

1 answer

98 views

Hi All,

I tried virtual scrolling with kendo Grid. Client is complaining about scrolling effect is not smooth(horizontal and vertical scrolling) in Mobile devices(Android and IOS). So can you please help me how can i solve this issue with kendo grid.

Thanks,

Nirav

Grid

answered on 09 Apr 2015

5 answers

453 views

How to apply horizontal scroll bar to kendoMobileListView ?

Hi All,

I am trying add horizontal scroll bar inside kendomobileListview (with endless scrolling). But i am not able find any solution.

HTML Code:-

<div class="mobileListViewWrap deskNone">

<div id="siteVisitationEndlessScroll" class="mobileListView k-grid gridBrdr mobInfGrid">

<div id="siteVisitationEndlessScrollView" data-role="view" data-title="Company | Date | Reimbursement | Head Offices ">

<div data-role="header" class="mobileListViewHeader" >

<div data-role="navbar" >

<div class="wdth200px"><a class="k-link" href="#">Company</a></div>

<div class="wdth100px"><a class="k-link" href="#">Visit Date</a></div>

<div class="wdth160px"><a class="k-link" href="#">Reimbursement</a></div>

<div class="wdth160px"><a class="k-link" href="#">Head/Admin Offices</a></div>

</div>

<ul id="siteVisitationViewformobile" class="mobileListViewList"></ul>

<div id="noItemsToDisply">No items to display</div>

</div

</div>

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

<div class="fLeft wdth200px">#:CompanyName#</div>

<div class="fLeft wdth100px">#:getDateInCurrentTimezone(VisitDate)#</div>

<div class="fLeft wdth160px"></div>

<br><br>

</script>

Javascript :-

var app = new kendo.mobile.Application($("#siteVisitationEndlessScroll"));

Javascript code for Bind :-

$("#siteVisitationViewformobile").kendoMobileListView

({

dataSource: dataSource,

template: $("#siteVisitationTemplate").html(),

endlessScroll: true

});

I am able to workaround horizontal scroll bar with data-stretch="true" but it disables the scrolling. I want to implement mobileListView with Endless Scrolling. Please help me regarding this.

Thanks,
Nirav

ListView (Mobile)

answered on 09 Apr 2015

1 answer

143 views

cascading combobox working locally but not remotely

Hello, I'm trying to use the cascading combobox depicted in this demo in an MVC app

http://demos.telerik.com/kendo-ui/combobox/cascadingcombobox

everything seems to be working fine locally, but when i try to access the page from a different machine, the second drop down doesn't populate , it throws a 500 internal server error. Here is how i have it set up in my cshtml file and controller action. Could you please point me in the right direction. Thanks!

@Html.Kendo().ComboBox().Name("ddlService").Filter(FilterType.StartsWith).BindTo(new SelectList(Model.Services, "Value", "Text")).DataTextField("Text").DataValueField("Value").HtmlAttributes(new { style = string.Format("width:{0}px", 250) })

@Html.Kendo().ComboBox().Name("Ruleset").AutoBind(false).Enable(false).CascadeFrom("ddlService").DataTextField("Name").DataValueField("ID").Placeholder("Select Ruleset...").DataSource(source => { source.Read(read => { read.Action("Ruleset", "Rule").Data("filterRulesets"); }).ServerFiltering(true); }).Events(e => { e.Change("onRulesetChange"); })

function filterRulesets() {

return {

ruletypeId: $("#ddlService").val()

};

}

public JsonResult Ruleset(string ruletypeId)

{

List<RulesetModel> rulesetList = new List<RulesetModel>();

IEnumerable<Ruleset> lstRuleset = rulesetRepository.GetRulesetsByType(ruletypeId);

foreach (Ruleset ruleset in lstRuleset)

{

RulesetModel rm = Mapper.Map<RulesetModel>(ruleset);

rulesetList.Add(rm);

}

return Json(rulesetList.Select(r => new { ID = r.RulesetId, Name=r.RulesetName}), JsonRequestBehavior.AllowGet);

}

ComboBox

answered on 09 Apr 2015

1 answer

114 views

Scheduler selection and API

Hello everybody,

My company is looking for an interesting framework which includes, among other things, a scheduler. I am using the trial version for now and I have some issues with making it work with a REST server for the CRUD operations. Are there any examples for such an application ?

I also saw that it is possible to enable selections on the scheduler. I would like to create an event as soon as the selection is over (when the mouse click stopped). Right now, the user has to press enter to confirm the creation of a new event. Are such kind of customisations possible ? Are they easy to implement ?

By the way, I found this url in a thread on this forum : http://demos.kendoui.com/beta/web/scheduler/events.html Maybe you should hide it ;)

Thanks !

Scheduler

answered on 09 Apr 2015

1 answer

364 views

[Solved] Refresh (invalidate, repaint, redraw) one row

I am using tree list for internal messaging on my web page. If message is unread I mark entire row with bold. (I use column.template.):

columns: [

{

field: 'subject', title: Translate.Messages.Subject, template: '#if (!readed) {# <strong> #: subject #</strong># } else { # #: subject # #}#'

},

On click I show message details at the same time I would like to mark row as readed (remove strong). Is there an easy way to repaint/redraw one row. Of course I would first edit appropriate dataItem.

TreeList

answered on 09 Apr 2015

6 answers

465 views

Tab Index Issue with Numeric Text Boxes

Hi,

I have an issue with setting Tab Indexes for Numeric Text boxes on IPAD safari. would appreciate your feedback.

Beast regards

Shivanka

NumericTextBox

answered on 09 Apr 2015

5 answers

385 views

Grid dropdown filter not working on first try

http://demos.telerik.com/kendo-ui/grid/filter-menu-customization

I ran into an issue after upgrading to 2015.1.318 with a custom filter UI that uses a dropdownlist. The issue is manifested in the official demo as well. Try to filter the City column, pick any value and click filter. Nothing happens. Try again and select a different value, click filter, the filter is applied properly.

Grid

answered on 09 Apr 2015

3 answers

334 views

Converting Angular Routing to Kendo UI Routing

I am not very familiar with routing, so I appreciate any extra help with this (and some patience too - thanks!)...

I have an existing index.html and app.js file using Angular routing. I need to convert to Kendo UI routing to keep the SPA architecture.

Here is my app.js

var app = angular.module('App', [ 'ngRoute' ]);

var busyIndicator = new WL.BusyIndicator('content', {

text : "Loading ...",

bounceAnimation : false,

fullScreen : true,

minDuration : 3,

textColor : "black",

opacity : 1,

strokeOpacity : 0.25

});

app.factory("busyIndicator", function() {

return busyIndicator;

});

app.config([ '$routeProvider', function($routeProvider) {

$routeProvider.

when('/module', {

templateUrl : 'views/modules.html',

controller : 'ModuleController'

}).

when('/module/:moduleId', {

templateUrl : 'views/level.html',

controller : 'LevelController'

}).

when('/module/:moduleId/:levelId', {

templateUrl : 'views/quiz.html',

controller : 'QuizController'

}).

when('/rank', {

templateUrl : 'views/rank.html',

controller : 'RankController'

}).

when('/help', {

templateUrl : 'views/help.html',

controller : 'HelpController'

}).

when('/result', {

templateUrl : 'views/result.html',

controller : 'ResultController'

}).

when('/nick', {

templateUrl : 'views/nickname.html',

controller : 'NickController'

}).

when('/login', {

templateUrl : 'views/login.html',

controller : 'LoginController'

}).

when('/loginSuccess', {

templateUrl : 'views/loginSuccess.html',

controller : 'LoginSuccessController'

}).

otherwise({

redirectTo : '/login',

});

;

} ]);

Here is the index.html (code where the SPA is used):

..

<script src="js/app.js"></script>

</head>

<body>

<div ng-class="tabClass">

<div class="app_view ng-view">

</div>

</body>

...

I have read through some documentation and tutorials, but I am not sure how to begin this or what I should change.

Please let me know what I need to do to get this up and running.

Thanks!

SPA

answered on 08 Apr 2015

1 answer

169 views

Can there be a dynamic AppendTo?

In my MVVM template each repeated data item has a div where I want notifications to appear.

So do I have to make multiple kendoNotification objects for each repeater item, or can I just have one global one and set\change the appendTo object as needed?

Thoughts?

Notification

answered on 08 Apr 2015

1 answer

116 views

Minor issue with hidden fields

When the first field of the Treelist is hidden, the expand button will be appended to that hidden field, and thus never show.

The solution is easy: move the hidden field somewhere else, just not as first. However, it would be nice if this "issue" was resolved to prevent other people from looking everywhere ;)

TreeList

answered on 08 Apr 2015