Questions on Kendo UI for jQuery Forum

2 answers

172 views

I have a grid with a Modal popup editor in place. Window opens correctly but when I add a numerictextbox widget with an Event code in place it doesn't open the popup window it displays the content at the bottom of the grid. (see attachment...) If I remove the Events code then the popup window displays correctly. I tried with Kendo sample code and the same happens.

@(Html.Kendo().NumericTextBoxFor<Decimal>(m => m.qto_subtotal)
.Spinners(false)
.Decimals(2)
.Events(events => events.Change("qto_total_calc")
)
)

Any ideas,

Regards

NumericTextBox

answered on 02 Jul 2014

1 answer

73 views

Enable Cascading Drop-Downs When Loading Data

Hello, I'm using the cascading drop-downs on a basic form (using bootstrap). There are a total of 4 of them, and when someone is submitting a new form they work great. The problem I've run into is when I want to load the form with data from a database to edit. Currently what happens is the first two drop-downs are enable, but the other two aren't. They all have the correct values selected, but I just can't change them unless I drill down again.

Is there a way to enable a cascading drop-down list if the page is being loaded with the values selected?

I've tried to do it using things like:
$("#DDLName").prop('enable', true); or $("#DDLName").attr('enable', true); but it doesn't work.

Thanks in advance!

David

DropDownList

answered on 02 Jul 2014

1 answer

317 views

Kendo grid refresh problem

Scenario is:

Each selection of the node in kendo treeview, dynamically adds tab in kendo tabstrip control. Each tab is populated with kendo grid control.

Content of a grid is populated using angular directive.

$scope.performTreeSelect = function(selectedBB, updateMapper, breadCrumb, tabText) {

var tree = $('#bb-tree').data('kendoTreeView'); // $scope.treeView

// tabstrip start

var tabstrip = $("#tabStrip").kendoTabStrip().data("kendoTabStrip");

$scope.bbDataSourceFactory.push({});

var bbDataSourceFactoryIndex = $scope.bbDataSourceFactory.length - 1;

if (updateMapper) {

bulletinBoardService.bbDataSourceMapper.push({"factoryIndex":bbDataSourceFactoryIndex, "selectedBBId":selectedBB,"breadCrumb":breadCrumb,"tabText":tabText  });

}

var bbDirectiveHTML =

'<div style="padding-left: 60px;"><div><p>' + breadCrumb + '</p></div>' +

'<display-basket grid-id="' + selectedBB +'" actions="bbActions" uids="uids" grid-options="bbOptions" grid-data-source-factory="bbDataSourceFactory[' + bbDataSourceFactoryIndex + ']" grid-data-source-options="bbDataSourceOptions">' +

'</display-basket>'+

'</div>';

var bbDirective = angular.element(bbDirectiveHTML);

tabstrip.append({text: tabText, content: ''});

angular.element(document.getElementById("tabStrip")).append(bbDirective);

$compile(bbDirective)($scope);

};

We have an option to click a refresh button and the following procedure in the controller of the kendo treeview is called:

Here is the code that handles events fired from the directive:

$scope.$on('actionClick', function(e) {

bulletinBoardService.selectedBBId = e.targetScope.gridId;

$scope.uids = e.targetScope.uids;

switch (arguments[1].ev) {

case 'refresh':

$scope.refresh(arguments[1].gridId);

break;

}

});

$scope.refresh(arguments[1].gridId); calls the following function:

var populateGrid = function (selectedBB) {

if ( selectedBB ) {

for (var i=0; i< bulletinBoardService.bbDataSourceMapper.length; i++){

var it = bulletinBoardService.bbDataSourceMapper[i].selectedBBId;

if (it == selectedBB){

$scope.bbDataSourceFactory[bulletinBoardService.bbDataSourceMapper[i].factoryIndex ] = function () {

return CBPmWebAPI.BulletinBoardDocumentsDataSource( selectedBB, bulletinBoardService.bbDataSourceOptions );

};

break;

}

};

2. Directive displayBasket:

link: function ( scope, element, attrs ) {

element.prepend( bsktDirModule.formActionsDisplayHTML( scope.actions ) );

element.removeAttr("set_on_click");

$compile( element.contents() )( scope );

scope.$watch( 'gridDataSourceFactory', function ( gridDataSourceFactory, oldgridDataSourceFactory ) {

if ( gridDataSourceFactory ) {

// Set the grid's data source to the result of invoking the factory

var grid = $( '#' + scope.gridId ).data( 'kendoGrid' );

// GRID IS UNDEFINED - WHY?????

if (grid)

{

grid.setDataSource( gridDataSourceFactory() );

scope.uids = [];

}

});

},

When we click the refresh button in the directive following code is executed (Note msg is "refreshed"):

$scope.handleClick = function(msg) {

$scope.$emit('actionClick', {ev: msg, gridId: $scope.gridId});

};

Initially grid variable is not defined, but after clicking refresh button which is rendered within the directive grid variable is defined. Why does it happen?

Thanks,
Ivan

Grid

answered on 02 Jul 2014

4 answers

1.6K+ views

Datetimepicker: default time?

Is there a way to enforce a default time selection when a user selects a date? Currently, when a user selects a date, "12:00 AM" is displayed in the textarea. Is there a way to set it up so it might be something like "11:30 PM"?

DatePicker

answered on 02 Jul 2014

2 answers

110 views

Menu not closing when items removed dynamically

Hi,

I am removing items from my menu dynamically. Its working fine, but menu does not close after removal.
Please find attached sample indicating the issue. Please let me know how to fix it.

Thanks a lot.

Menu

answered on 02 Jul 2014

1 answer

1.8K+ views

ComboBox prevent typing

I have been trying to figure out what properties need to be set to prevent users from typing in their own values in the combobox. The best solution I came up with to this point was capturing the keypressed event and prevent the value from being placed in the combobox. Is there a better solution?

The behavior I desire is to only allow the user to use the combobox to select a value. I know that I can handle it through validation but I do not want to let the user type in the component at all.

Thanks
Dave

ComboBox

answered on 02 Jul 2014

1 answer

103 views

Extra Characters

Hello,

Is there a way to allow extra invalid characters to be formatted? For example "070120145sd4gf65wg" should format to (in my case) "07/01/2014". The strange thing is that kendoValidator accepts it in the back end, but I don't know how to allow it in kendoDatePicker's parseFormats so that the display will show "07/01/2014" and not the invalid one because the validator somehow "accepts" it and doesn't display "Invalid date". Thanks!

DatePicker

answered on 02 Jul 2014

7 answers

929 views

Custom Validator on a cell, get Value from a different cell

I'm currently trying to write a validator that checks the current cell value depending on a value of a none editable cell in the same row. How do I get access to that value in the validator? I tried to mock up an example with some pseudo code.

Custom Validator

Grid

answered on 02 Jul 2014

5 answers

501 views

XSS prevention

I am using kendo binding and want to filter all user input and be able to escape for output. Is there a value converter that has "from/to" type functionality? So that when data comes "from" user it can be filtered and when data is going "to" user it can be escaped? If there is no converter, can the binding be extended for this type of functionality?
I am aware of #: # for HTML encoding to display values. According to OWASP different encoding techniques are needed depending on the context (https://www.owasp.org/index.php/XSS_%28Cross_Site_Scripting%29_Prevention_Cheat_Sheet). What other encoding techniques are available for other bindings, ie attribute?

MVVM

answered on 02 Jul 2014

7 answers

385 views

Get current minimum and maximum ticks

Hi,
I've been looking for it everywhere.
I have a need to look at the minimum and maximum axis values during zoom and pan functions.
I can't get to it though...
How is it done?

Charts

answered on 02 Jul 2014