Telerik Forums
Kendo UI for jQuery Forum
1 answer
101 views

I tried a few ways to refresh / re-render it, but none worked for me.  

Here is an example: http://dojo.telerik.com/oGaJi

- if you press the "Toggle View" button, it will show the scheduler via the ng-show, but it doesn't render properly

- if you set $scope.switchVal = true; by and re-run it, the scheduler will render as it should

 

Helen
Telerik team
 answered on 24 Mar 2016
1 answer
905 views

parametermap never get executed In my grid. I was wondering ifim doing something wrong here.

var dataSource = {

                transport: {
                    read: function (options) {
                        var success = function (response) {
                            options.success(response);
                        };
                        _this.get('PopulateGridData')(success, options.data);
                    },

                    parameterMap: function (data, type) {
                        if (type === "read") {
                            return kendo.stringify(data);
                        }
                    },
                },
                pageSize: gridPageSize,
                schema: gridSchema,
                serverPaging: true,
                serverSorting: true,
                serverGrouping: true,
                serverFiltering: true,
            };

            var gridOptions = {
                dataSource: dataSource,
                columns: gridColumns,
                editable: gridEditable,
                pageable: {
                    refresh: true, //if set to true, it will show refresh button,clicking on that will make the grid to refresh                  
                    numeric: false,
                    previousNext: false,
                    messages: {
                        display: "Loaded {0}-{1} from {2} data items"
                    },
                },
                height: gridHeight,
                scrollable: {
                    virtual: true,
                },
                groupable: true,
                filterable: true,
                sortable: {
                    mode: "multiple"
                },

            };

          var grid = Ember.$("#kendo-grid").kendoGrid(gridOptions).data('kendoGrid');

Nikolay Rusev
Telerik team
 answered on 24 Mar 2016
1 answer
126 views

I am using Kendo UI v2015.1.318 for angularJs. When filtering with the build-in header filter with 'contains' filter , some records are duplicated.

It is a consistent behavior for specific records but does not happen to the others.

See attached screenshots.

 

BTW - I cannot upgrade to a new version. Any workaround?

Nikolay Rusev
Telerik team
 answered on 24 Mar 2016
3 answers
172 views
Hi!
I have a listview that is using a template.
I want to show a > sign aligned to the right so the user know that if he/she presses the item, a new listview will be presented.
I have tried adding > sign by using a div tag but it is not looking good.
Is there any other way to do this so it looks like the one visible when your not using templates?

My template looks like the :
<script type="text/x-kendo-template" id="feedTemplate">
   <div style="float:right">
        >
    </div>
    <img class="item-image" src="${ImageUrl}" />
    <h3 class="item-title">${Title}</h3>
    <p class="item-description">${Description}</p>
    <a href="\\#" data-role="button" class="delete">Delete</a>         
</script>
Alexander Valchev
Telerik team
 answered on 24 Mar 2016
4 answers
430 views
I am using a scheduler with an Agenda View and all day events ONLY. There are no events that have times. My goal is to control the order by which the all day events appear.

I designate an event by a resource which can be one of two types:
1 - red
2 - blue

In the agenda view I want to order the All Day events by date (default) and then by my resource types (list all of type 1, then list all of type 2). The data is pre-sorted before going to the control by Date, then by Type, but it appears as though the scheduler randomly adds the All Day events by day and not in the order they arrived.

What can I do to achieve my goal?
Georgi Krustev
Telerik team
 answered on 24 Mar 2016
1 answer
1.2K+ views

I'm having a few problems while using kendo grid.

I'm trying to add an empty where the user can add rows to it. 
The grid only have 2 rows (ProductCode and ProductQuantity). 

On insert new row, or on editing an existence one, the user should only be able to introduce vales in the ProductCode. The ProductQuantity will be updated using a service.

The following code represents what I've done so far. 

I've added required: false and editable: false  to the ProductQuantity.

I've tried to catch the add event but nothing seems to work.

var dataSource = new kendo.data.DataSource({
    batch: false,
    autoSync: false,
    data: [],
    pageSize: 20,
    schema: {
        model: {
            id: "ProductID",
            fields: {
                ProductCode: { type: "string", validation: { required: true } },
                ProductQuantity: { type: "number", validation: { required: false, editable: false } }
            }
        }
    },
    edit: function (e) {
        if (e.model.isNew() == false) {
            $('[name="ProductQuantity"]').attr("readonly", true);
        }
    },
    change: function (e) {
        if (e.action == "itemchange") {
           //do something
        }
    }
});
 
$("#ap-grid").kendoGrid({
    dataSource: dataSource,
    pageable: false,
    height: 550,
    toolbar: ["create"],
    columns: [
        { field: "ProductCode", title: "Product Code" },
        { field: "ProductQuantity", title: "Quantity" },
                                   { command: ["edit", "destroy"], title: " ", width: "250px" }],
    editable: "inline",
});

How can Iachieve this?

Thanks In advance

Daniel
Telerik team
 answered on 24 Mar 2016
4 answers
768 views

Hi,

I have the following Problem: I have a Grid with remote Data Binding via Ajax request. When the Parameters for the Request Change and I call the read() Function again I also have to change the total Value, but the Data Request doesn't send the Total. This is done by a second Request that I send with a angular $http request. When I then call The Total Function it doesnt update and has some strange behaviour:

Total Method:

total: () =>
  return $scope.collectionSize

success Callback of getTotal request:

$scope.collectionSize = response.data
console.log "next log should be: " + $scope.collectionSize
console.log "but is: " +  $scope.grid.dataSource.total()

and the Console log on initial and second requests:

next log should be: 53
but is: 0
next log should be: 3
but is: 53

If I Call a $apply in the getTotal it says digest already in Progress. The Grid is initialised with the angularjs feature.

On initial load the Grid says ... of 53 Items.

On second Data load it says ...of 53 Items again.

And on the third call it then says ... of 3 Items.

So it is always one load behind, except on the initial load.

Nikolay Rusev
Telerik team
 answered on 24 Mar 2016
1 answer
133 views

Hi,

I'm trying to append an "opened" class to the k-master-row tr when it's clicked and remove it when it's closed so I can do some css styling to the nested grid's parent row. Is there a way to fire a javascript function when you expand or collapse a hierarchical grid or an easier way to do this?

Kevin
Top achievements
Rank 1
 answered on 23 Mar 2016
2 answers
89 views
I have a grid that is either "readable" or "modifyable". This depends on the buttons a user clicks. If they click "readable", the grid should NOT display Insert, Edit, Delete buttons. If they click "modifyable", the grid SHOULD display the buttons. Is there a way to change the toolbar buttons without recreating the grid?
Andy
Top achievements
Rank 1
 answered on 23 Mar 2016
3 answers
421 views

Hello.

Is it possible to incorporate the pager into the grid toolbar, via template, and still keep all the functionality of the pager (i.e. not having to write the functions for changing pages etc.).

 

Best regards,
Kalli

Maria Ilieva
Telerik team
 answered on 23 Mar 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
Licensing
ScrollView
Switch
TextArea
BulletChart
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
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?