Telerik Forums
Kendo UI for jQuery Forum
1 answer
72 views

The drowdownlists with (client & serverside) searchbox needs 2 keystrokes to start searching...

So when I set the focus on a dropdown, for example with the tab.. I need one keystroke to open the dropdown and a second one to actually set the character in the searchbox en start searching.. 

Is this a common problem in Kendo?

(when I focus the dropdown with a click, the dropdown opens automatically, so then there is no problem)

 

Georgi Krustev
Telerik team
 answered on 09 Aug 2016
1 answer
624 views

Here is the situation.

I'm working in a custom editor template for the kendo scheduler.

I have a model with a string field called "itemType".

 The form fields associated with item type are checkboxes.

 

Issue: I want to evaluate whether or not the checkbox should be checked when the editor window is opened.  In order to do this, the most logical thing (in my mind) would be to have some kind of expression to evaluate this.  I tried the following template and I get "Uncaught ReferenceError: Invalid left-hand side in assignment".

 

Here is the template:

1.#for (var i=0; i<itemTypeList.length; i++){#
2.<input name="itemType" type="checkbox" value="#= itemTypeList[i].Code #" data-type="text" data-bind="checked: itemType=='#= itemTypeList[i].Code #'"> #= itemTypeList[i].Description #
3.# } #

Stefan
Telerik team
 answered on 08 Aug 2016
2 answers
241 views

"Unhandled exception at line 1362, column 66 in Function code

0x800a1391 - JavaScript runtime error: 'ParameterSet' is undefined."

I'm going to include as little code as possible to demonstrate what things look like:

>>View <<

@(Html.Kendo().Grid<Web.Models.ModelingJobViewModel>()
...
 columns.Bound(c => c.ParameterSet).ClientTemplate("#=ParameterSet.Name#");
...

>>View Model <<

public class ModelingJobViewModel
...
   [UIHint("ParameterSetEditor")]
   public JobParameterSetViewModel ParameterSet {get; set;}
...

>> "Property" view model <<

public class JobParameterSetViewModel
...
   public int Id {get; set;}
   public string Name {get; set;}
...

>> Controller <<

...
  public ActionResult Index()
...
   ViewData["parameterSets"] = repo.SelectAll().Select(e=>new DropdownListItem() { Name = e.name, Id = e.Id}).OrderBy(e => e.Name);
...

>> Custom Editor (ParameterSetEditor) <<
@model Web.Models.ModelingJobViewModel

@(Html.Kendo().DropDownListFor(m => m)
    //.Name("ParameterSet")
    .DataValueField("Id")
    .DataTextField("Name")
    .BindTo((System.Collections.IEnumerable)ViewData["parameterSets"])
)

The initial view and the edit action buttons work fine.  But when "Add" is clicked, I get the error listed above.

It's probably something stupid, but I've spun my wheels long enough and need to throw this out into the forum to see if anyone has an answer. Help!

Thanks in advance!

 

Dave
Top achievements
Rank 1
 answered on 08 Aug 2016
5 answers
947 views

Hi,

I'm implementing Kendo ui grid with AngularJS and Spring Boot Java and can't find any examples on how to implement server side paging or grouping with AngularJS. In my AngularJS controller, I have a a dataSource object which is like this:

 

  var dataSource = new kendo.data.DataSource({
        transport: {
             read:{
                  url:'myData'
             }
        },
        pageSize: 20,
         serverPaging: true,
         serverFiltering: true,
         serverSorting: true,
         schema: {
            total: "total"
         }
 });

$scope.mainGridOptions = {

     dataSource: dataSource,

     pageable: true,

     columns: [.......]

}

 

Do I need to do anything on the server side for server side paging to work? How is server side paging different from client side paging? Right now it's not working for me.

 

Thanks,

Ning

Boyan Dimitrov
Telerik team
 answered on 08 Aug 2016
1 answer
132 views

How can I retrieve cell values using the UI for php before the spreadsheet is rendered?

I am building a spreadsheet dynamically in php and need to read values from cells.

Stefan
Telerik team
 answered on 08 Aug 2016
1 answer
272 views

I want to reference to the object of my child grid and refresh the child grid with a new ID in the filter. When I reference to the child grid of the Kendo-Grid I get an undefined object.
HTML

<div kendo-grid="customerGrid" k-rebind="mainGridOptions" options="mainGridOptions" k-on-filter-menu-init="filterInit(kendoEvent)">
            <div k-detail-template>
                <div id="tabstrip" kendo-tab-strip="tabstrip">    
                    <ul>
                        <li class="k-state-active">СЧЕТА КЛИЕНТА</li>
                        <li ng-disabled="dis" ng-click="loadDetailAcc()">Полная информация по счету</li>
                        <li ng-disabled="dis" ng-click="loadDetailGrid()">Просмотр событий по счету</li>
                    </ul>
                    <div>
                        <div>
                            <div kendo-grid="detailGrid" k-options="detailGridOptios"></div>
                        </div>

JAVASCRIPT/ANGULARJS

$scope.loadDetailGrid = function () {    
    console.log($scope.detailGrid);// undefined
    $scope.detailGrid.dataSource.read(); //error
};
 
             $scope.detailGridOptios = {
                dataSource: {
                    transport: {
                        read: '/api/HomeApi/GetAccountEvent',
                        dataType: "json"
                    },
                    pageSize: 3,
                    filter: { field: "UniqueAccontCode", operator: "eq", value: id }
                },
                autoBind: false,
                height: 180,
                pageable: true,
                columns: [
                {
                    field: "IDUser",
                    title: "Идентификатор пользователя",
                    width: "120px"
                },
                {
                    field: "UniqueAccontCode",
                    title: "Номер счета",
                    width: "120px"
                }, {
                    field: "LastActData",
                    title: "Дата последнего действия",
                    width: "120px"
                }, {
                    field: "Text",
                    title: "Текст",
                    width: "120px"
                }
                ]
            };

 

 

 

Boyan Dimitrov
Telerik team
 answered on 08 Aug 2016
1 answer
136 views

I have two input in the screen. Do you know why the format of values I get from this two input are different?

"orderDate": "2016-08-04T07:00:00.000Z",

"dueDate": "2016-08-15T2:00:00.000+10:00",

 

<input autocomplete="off" kendo-date-time-picker="" k-options="ngDateTimeOptions" data-qtype="datetime" k-format="'g'" k-parse-formats="'yyyy-MM-ddTH:mm:ss.fffzzz'" id="OrderDateAutoField" name="orderDate" ng-blur="ngBlur($event);" ng-focus="ngfocus($event);" k-ng-model="ngData.salesOrderHeaders[0].orderDate" required="" tabindex="1505" focusableobjectuid="viewfield_e7b20a53cc5546bbb7ef94571005aab6" data-role="datetimepicker" type="text" class="k-input" role="combobox" aria-expanded="false" aria-disabled="false" aria-readonly="false" style="width: 100%;">

<input autocomplete="off" kendo-date-time-picker="" k-options="ngDateTimeOptions" data-qtype="datetime" k-format="'g'" k-parse-formats="'yyyy-MM-ddTH:mm:ss.fffzzz'" id="DueDateAutoField" name="dueDate" ng-blur="ngBlur($event);" ng-focus="ngfocus($event);" k-ng-model="ngData.salesOrderHeaders[0].dueDate" tabindex="1506" focusableobjectuid="viewfield_9cf644d0913e49c4a7a374349f94e2a6" data-role="datetimepicker" type="text" class="k-input" role="combobox" aria-expanded="false" aria-disabled="false" aria-readonly="false" style="width: 100%;" aria-activedescendant="aa5d221d-3ca9-491e-8655-46f52119e200_cell_selected">

Thanks
Georgi Krustev
Telerik team
 answered on 08 Aug 2016
2 answers
184 views

Hi,

I have something to build, but not sure of it's really possible with the scheduler. We have items that are planned for a calendar week and have a specified duration. Now I want to show them in a pool and drag n drop them into the different days of the week for a finer grade of planning. I attached a picture for illustration what I mean.

Best Regards

Benjamin

 

Simon
Top achievements
Rank 1
 answered on 08 Aug 2016
1 answer
287 views

Hi,

I use the upload Control in a editor template in my telerik mvc grid - as you can see in the attached Picture. Upload works but I also want to

have an initial file if it is saved in the DB - so that I can use upload remove to delete it - but I have to set the file in the onEdit Event on client of the grid but this does'nt work (see Code)

  • is it not possible to use MVC Upload Control and set a file(s) in Javascript?
function onEdit(e) {
        var files = [
            { name: "file1.doc", size: 525, extension: ".doc" },
            { name: "file2.jpg", size: 600, extension: ".jpg" },
            { name: "file3.xls", size: 720, extension: ".xls" },
        ];
        $("#Vorlagenname1_WordvorlageUpload").kendoUpload({
            files: files
        });
    }

 

Dimiter Madjarov
Telerik team
 answered on 08 Aug 2016
35 answers
1.6K+ views

Is it possible to install Kendo UI Professional as npm module?

I see there's a git repository with Kendo UI Professional Bower package but i can't find Kendo UI Professional npm ​package.

 Thanks.

Tony
Top achievements
Rank 1
 answered on 08 Aug 2016
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
Licensing
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?