Telerik Forums
Kendo UI for jQuery Forum
0 answers
184 views

Hi team,

I often use the kendo custom download facility, works good usualy.

Now I have a problem with grid column grouping that seems broken due to the missing of chiplist component. (R2023.1.425).

But when you select all grid options in custom download, it does not select automatically the ChipList component. Please advise...

 

Another question please: what is the "DateInputCommon" entry. Should it be selected when taking any other date thing like "DatePicker" ?

 

Best regards,

Laurent.

Laurent
Top achievements
Rank 2
Iron
Iron
 asked on 08 Sep 2023
0 answers
166 views

Hi

I have tested the demo Scheduler Restriction and find its not giving accurate result when we manipulate date and time. I have added event with daily repeat occurrence (PFA the same 1.png) and open another event window with different date and time and change it manually with different date but same time whose already added (PFA the same 2.png)  , hit save then its added successfully. (PFA the same 3.png)  which is wrong according to this behaviour.  its works fine when we open popup window on same date but only change time manually, problem is with changing date and time both to different ones. Hope you understand this. please resolve this asap. 

Regards 

Pankaj

Pankaj
Top achievements
Rank 1
Iron
Iron
 updated question on 07 Sep 2023
1 answer
370 views

I am using the MVC helpers from telerik.ui.for.aspnetmvc.2023.2.829.commercial. When I do 

            @(Html.Kendo().Grid(Model.ServerColumnValues)
                .Name("NoKTableTd")
                .Selectable(select => select.Enabled(true).Type(GridSelectionType.Cell))
                .DataSource(dataSource => dataSource
                  .Server()
                  .Model(model => model.Id(p => p.Value1))
                )
                .Columns(columns =>
                {
                    columns.Bound(c => c.Value1).Width("200px").HtmlAttributes(new { Class = "ct" });
                    columns.Bound(c => c.Text).Width("200px").HtmlAttributes(new { Class = "rt" });
                })
                .Scrollable(scrolling => scrolling.Virtual(false).Enabled(true))
                .Sortable()
                .Pageable(paging => paging.Enabled(true)
                    .PageSizes(false)
                    .Input(false)
                    .Info(true)
                    .Numeric(false)
                    .PreviousNext(false)
                    .Messages(m => m.Display("Total Records: {2}")))
                .Groupable(grouping => grouping.Enabled(false))
                .Resizable(resize => resize.Columns(false))
            )

the grid cells are rendered without a k-table-td class:

<tr class="k-table-row k-alt k-table-alt-row k-master-row" role="row">
    <td class="ct" role="gridcell">1</td>
    <td class="rt" role="gridcell">These grid cells do not have a k-table-td class</td>
</tr>

When I do

            @(Html.Kendo().Grid(Model.AjaxColumnValues)
                .Name("NoHtmlAttributesClass")
                .Selectable(select => select.Enabled(true).Type(GridSelectionType.Cell))
                .DataSource(dataSource => dataSource
                  .Ajax()
                  .PageSize(250)
                  .ServerOperation(false)
                  .Read(read => read.Action("_IndexData", "Home", null))
                )
                .Columns(columns =>
                {
                    columns.Bound(c => c.Value1).Width("200px").HtmlAttributes(new { Class = "ct" });
                    columns.Bound(c => c.Text).Width("200px").HtmlAttributes(new { Class = "rt" });
                })
                .Scrollable(scrolling => scrolling.Virtual(false).Enabled(true))
                .Sortable()
                .Pageable(paging => paging.Enabled(true)
                    .PageSizes(false)
                    .Input(false)
                    .Info(true)
                    .Numeric(false)
                    .PreviousNext(false)
                    .Messages(m => m.Display("Total Records: {2}")))
                .Groupable(grouping => grouping.Enabled(false))
                .Resizable(resize => resize.Columns(false))
            )

the grid cells are rendered without the classes specified in their HtmlAttributes:

<tr class="k-table-row k-master-row" data-uid="fe1fd9d6-7894-4421-b257-80c6732bd2f0" role="row">
    <td class="k-table-td" role="gridcell">0</td>
    <td class="k-table-td" role="gridcell">These grid cells do not have their HtmlAttributes class</td>
</tr>

This case seems related to 

        function decorateCellWithClass(html) {
            var element = html;
            var classes = element.match(/class=["][^"]+/g);
            if (classes) {
                var cssClasses = classes[0].split('\"').pop();
                element = element.replace(cssClasses, cssClasses + " k-table-td");
            } else {
                element = element.replace("<td","<td class='k-table-td'");
            }

            return element;
        }
where the incoming html is 
"<td Class=\"ct\">"
and so the regex doesn't match. I've attached an example program which demonstrates both issues. I can certainly open this up as a support ticket if that is desired.
Ivan Danchev
Telerik team
 answered on 04 Sep 2023
1 answer
113 views

Hi 

I used the PivotGridV2 from Local Binding of data source. I want to change the measure name at demo sample, for example:  Sum change to Sumass, than I found error from browser  for "format error".  How to change the measure name of local binding data source?

 measures: {
                                "Sumass": { field: "Revenue", format: "{0:c}", aggregate: "sum"},
                                "Average": { field: "Revenue", format: "{0:c}", aggregate: "average" }
                            }
                        }
                    },
                    columns: [{ name: "Year", expand: true }, { name: "Sector" } ],
                    rows: [{ name: "Country", expand: true }],
                    measures: ["Sumass", "Average"]

 

James

Georgi Denchev
Telerik team
 answered on 04 Sep 2023
1 answer
181 views

This sample works till 2022 R3 SP1: https://dojo.telerik.com/EqaQuWAn

Some parts of our code has observable objects accessing functions using `get('functionName()')` format.

This no longer works since 2023 R1 and I cannot find any details about it in the change log. I don't know how to access docs for older versions either, but I do remember the docs suggesting this function access pattern.

Could you please help me find either the change log or older docs?

Martin
Telerik team
 answered on 31 Aug 2023
2 answers
623 views
It there a way to sroll a listbox to the bottom programmatically? I just want to scroll the box to the bottom, without selecting any element on the list.
hassan
Top achievements
Rank 1
Iron
 updated answer on 31 Aug 2023
1 answer
286 views

Hello kendo practitioners! Always a lot of help.
I am making a Kendo Grid in which only some columns can be edited.
It should work as shown in the picture below.

 

So I tried writing various editable methods like the code below, but it didn't work.


                columns: [
                        {
                            selectable: true,
                            width: "40px"
                        },{
                            field: "docno",
                            title: "Doc. No",
                        },{
                            field: "doctitle",
                            title: "Doc. Title",
                        },{
                            field: "rev",
                            title: "Rev",
                            editable: false
                        },{
                            field: "status",
                            title: "Status",
                            attributes: {editable: false}
                        },{
                            field: "genericDocIndex",
                            title: "Generic Doc Index",
                            attributes: {disabled: true}
                        }
                    ]
How should I write the code? Thanks for always helping me!
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
 answered on 30 Aug 2023
1 answer
237 views

 

I have a long running grid altering script that is fired by a custom button placed on the grid tool bar as so:

            toolbar: ["save", "cancel", { name: 'STMS', text: "Save To STMS" }, { name: 'RAS', text: "Save To RA" }, { name: 'OOS', text: "Clear OOS" } ],

 

The button firing function follows:

        $(".k-grid-OOS").click(function (e) {
            zeroOOS(e);
        });

 

The function follows:

    function zeroOOS(e) {
        var grid = $('#grid').data("kendoGrid");

        var selectedRow = grid.select();
        var selectedRowIndex = selectedRow.index();
        console.log(selectedRowIndex);
        var gridRows = grid.dataSource.data();

        kendo.ui.progress($('#grid'), true);

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

            var thisRow = grid.dataSource.data()[i];
            if (thisRow.Material_Name === "OOS") {

                thisRow.set("Temp", 0.0);
                thisRow.set("Gravity", 0.0);
                thisRow.set("Gross_Volume", 0.0);//
                thisRow.set("Tank_Level", 0.0);
                thisRow.set("Net_Volume", 0.0);
                thisRow.set("STMS_Observed_Volume", 0.0);
                thisRow.set("STMS_Water_Volume", 0.0);
                thisRow.set("Water_Level", 0.0);
            }
        };
    }

The "Waiting" cursor does not appear until AFTER the loop completes even though I requested it before.

I purposely left out turning it off just to see what was going on.  The result of the function changes records

in the grid and gives the user the opportunity to either save the changes or cancel and go back to original values.

I tried to "reload" the document just after calling for the cursor change but since the cursor changed after the loop

was completed the reload happened right after the cursor change and removed the changes made by the loop.

I figure this this a function of DOM but am not sure how to get around it.  Have seen and tried many javascript

recommendations but nothing so far seems to work.

 

There was a previous help doc from 2014 (http://dojo.telerik.com/@Kiril/ozuv) that works and does what I want so I tried

those commands in my function but do not get the same results.

 

Any clues would be much appreciated.

Thank you

Bill Lawler

Martin
Telerik team
 answered on 30 Aug 2023
1 answer
139 views

I have a kendo grid in JSTL format where I'm trying to override a filter choice for date (making the filter look for the span of an entire day like in this example. But setting a simple hardcoded filtergives no results in the kendo grid, even when there are results matching the filter:

let startOfFilterDate = new Date(2000,1,1,0,0,0) 
let endOfFilterDate = new Date(2000,1,1,23,59,59) 
var filter = { 
  logic: "and", 
  filters: [ 
    { field: "date", operator: "gte", value: startOfFilterDate }, 
    { field: "date", operator: "lte", value: endOfFilterDate } 
  ] 
}; 
e.sender.dataSource.filter(filter);

I've tried putting in various places...

1) <kendo:dataSource-change></kendo:dataSource-change

2) <kendo:grid name="search-result-grid" ... filterable="true" columnMenu="true" columnMenuInit="doFilter">

And then my "doFilter" method is pretty much the same as the given example linked to above.

If I console.log the dataSource.filter, it shows that the filters are there. But the datasource is not being updated/refreshed with the filter for whatever reason.

Georgi Denchev
Telerik team
 answered on 30 Aug 2023
1 answer
125 views

Hi,

We're using a custom binding to set columns from the view model, but we're experiencing some trouble using nested columns and headerTemplate.

I set up a dojo example where you can see the problem. It will occur if you uncomment the headerAttributes that's commented out.

Anyone have any idea how to get this to work properly?

Dojo example: https://dojo.telerik.com/ApIGimiv/2

Georgi Denchev
Telerik team
 answered on 28 Aug 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
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
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?