Telerik Forums
Kendo UI for jQuery Forum
0 answers
163 views

As the title says, my grid is appending the data -- instead of replacing it -- when I refresh the table.

As far as I can tell, this isn't the intended behavior from Telerik, but I also can't find any settings to set this behavior.

I didn't build these components -- someone else did like 5 years ago. However, I did do the update from 2018-2023 so it's entirely possible I simply missed something.

Kendo UI version ^2023.2.718

And here's my code.

 $('#CorrectiveActionsGrid').kendoGrid({
      toolbar: ['excel'],
      excel: {
        fileName: 'CorrectiveActions.xlsx',
        allPages: true,
      },
      dataSource: {
        type: 'aspnetmvc-ajax',
        transport: {
          read: {
            url: '/LoanAudit/GetAssignmentCorrectiveActions',
            type: 'GET',
            dataType: 'json',
            data: { assignedToId: $('#ddlEmployee').data('kendoDropDownList').value() },
          },
        },
        schema: {
          type: 'json',
          data: 'data',
          total: 'total',
          model: {
            id: 'id',
            fields: {
              id: { type: 'string' },
              loanNumb: { type: 'string' },
              questionText: { type: 'string' },
              note: { type: 'string' },
              status: { type: 'string' },
              caDueBy: { type: 'date' },
            },
          },
        },
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true,
      },
      selectable: true,
      change: function (arg) {
        const selected = $.map(this.select(), function (item) {
          return $(item).find('td').first().text();
        });
        const url = `/LoanAudit/CorrectiveAction/${selected}`;
        window.open(url, '_blank');
      },
      filterable: true,
      sortable: true,
      pageable: {
        refresh: true,
        pageSize: 10,
        pageSizes: [5, 10, 15, 20, 30, 'All'],
        buttonCount: 5,
      },
      columns: [
        { field: 'id', filterable: true, title: 'Corrective Action Id' },
        { field: 'loanNumb', filterable: true, title: 'Loan Number' },
        { field: 'questionText', filterable: true, title: 'Action' },
        { field: 'note', filterable: true, title: 'Reviewer Note' },
        { field: 'status', filterable: true, title: 'Status' },
        {
          field: 'caDueBy',
          filterable: true,
          title: 'Due Date',
          template: "#= (caDueBy == null) ? '' : kendo.toString(kendo.parseDate(caDueBy, 'yyyy-MM-dd'), 'MM/dd/yyyy') #",
        },
      ],
    });

Help?

Dave
Top achievements
Rank 1
 asked on 19 Sep 2023
1 answer
140 views

Hello, 

I need to disable the button that selects the entire sheet in SpreadSheet. I tried to hide it with CSS but the button remains active.

 

I have highlighted in yellow the button I am talking about in the screenshot below.

Thanks.

Hippolythe
Top achievements
Rank 1
Iron
 updated answer on 19 Sep 2023
1 answer
1.8K+ views
I have a form on a page with inputs. Some are kendo dropdownlists, some are basic html inputs, etc. That form uses a kendo validator. Normally when I want a field to be required I just add the required attribute to the input or select. That is what I'm doing here. Where the question arises is that as the user is doing other things on the page some of the fields in my form become not required or required again. How do I dynamically change the required state of a field in a kendo form after the form controls and validator have been initialized? Can I simply remove the required attribute from the basic html form element or must I do something more?
Zornitsa
Telerik team
 answered on 19 Sep 2023
1 answer
144 views

when load 

 

 

expected

 

 

Martin
Telerik team
 answered on 18 Sep 2023
1 answer
106 views
I have a Kendo Date Picker for AngualrJS and I would like to color the individual day cells for a given day within the month.

How do I do that?

I see the Angualr solution with ng-template, but how do I do that in AngualrJS?
Zornitsa
Telerik team
 answered on 18 Sep 2023
1 answer
336 views

I have a Kendo Date Picker for AngualrJS and I would like to color the individual day cells for a given day within the month.

How do I do that?

I see the JQuery solution, but how do I do that in AngualrJS?

Zornitsa
Telerik team
 answered on 18 Sep 2023
0 answers
142 views

whenever I am trying to add listWidth in Gantt chart it does not accept the width.

it always takes listwidth as zero.

surendra
Top achievements
Rank 1
 updated question on 18 Sep 2023
0 answers
127 views

Kendo spreadsheet keyboard navigation using arrow keys not  working properly for the last column. please refer below .

Amila
Top achievements
Rank 1
 updated question on 18 Sep 2023
0 answers
195 views

Hi 

I need create one measure for total sales amount Proportion by product category. For Example:

column                                    measure

Productcate ,  Productname  salesamount   amount%

A, A1               100,       58%

A, A2                50       29%

A, A3                 20    11%

A subtotal       170    73%

B, B1                 50    83%

B, B2                  10  17%

b subtotal       60    27%

Total               230  100%

 

How to design this code function?

Thanks.

James

 

james
Top achievements
Rank 1
 asked on 14 Sep 2023
0 answers
121 views

 

3 - have ability to make filter simpler(UI, remove group option)

the scenario - I want to have the filter be above the grid & be able to apply the filtering on the server to limit the result set, but at the same time, when the result set is limited give the user the ability to filter the grid on the client using grid row filter 

 

 

Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
 updated question on 14 Sep 2023
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
MultiColumnComboBox
Chat
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
BulletChart
Licensing
QRCode
ResponsivePanel
TextArea
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
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
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?