Telerik Forums
Kendo UI for jQuery Forum
0 answers
267 views

When handling cell data with model.set when "save" event is bound to kendo grid.

model.set calls the "save" event again. Is it possible to prevent model.set from calling a "save" event or counting cell data?

When I use methods like model.property = value to process the data I need to refresh() and

it won't show in the grid unless I initialize the desired focus, so I'd like to find another way.

I'm not good at writing in English, so please forgive me.

Thank you

jayuob
Top achievements
Rank 1
 asked on 09 Nov 2021
1 answer
186 views

I am developing an application for a school entrepreneurial project and am using:

kendo.timezones.min.js

kendo.silver.mobile.min.css

kendo.silver.min.css

kendo.common.min.css

kendo.all.min.js

in the web app. I am wondering if this is legal, as the app will be a subscription-based app so that users can pay for a subscription to use the app. I don't currently have a license or anything from kendo UI, so I am not sure if this is legal.

This is my first time using Kendo UI, so I am not sure how anything works!

Any help will be appreciated!

Neli
Telerik team
 answered on 09 Nov 2021
3 answers
215 views
Good morning, I have seen the "Change" event, but it detects even when a cell is clicked. What I would like to know is if there is an event that detects when there is a change in content, add data and delete it, make merge, change color, etc.
Thank you for your attention
Saby
Top achievements
Rank 1
Veteran
Iron
 answered on 08 Nov 2021
0 answers
152 views

Hello,

In my solution, I use AngularJs and package @progress/kendo-ui@2018.2.704.

Today I updated the package to latest version and I encountered weird issue regards to kendo dropdownlist.

In place where we use brackets and property name like {{property}}, kendo instead of displaying property value shows {&zeroWidthSpace;{property}&zeroWidthSpace;}.

Does anyone know what was changed and produced that issue and how I can fix that?


Damian
Top achievements
Rank 1
Iron
 asked on 08 Nov 2021
1 answer
280 views

I've implemented a boxplot chart with the six values, and I'm using the outliers field to display comparison data - formatted in another colour and sufficiently large, it looks great.

However the feedback from the client is that they would like the outlier value to display in the tooltip when hovering over the box and whisker chart. Is there any way this can be done?

Georgi Denchev
Telerik team
 answered on 08 Nov 2021
1 answer
607 views

Hi

I am trying to load the OrgChart in jquery using the example provided in documentation but for some reason whenever it tries to load the datasource by invoking the control kendoOrgchart method it gives the error:

Im referencing the below files in my project.

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="../assets/kendo/kendo.all.min.js"></script>
    <script type="text/javascript" src="../assets/kendo/kendo.dataviz.min.js"></script>
    <link rel="stylesheet" href="../assets/kendo/kendo.common.min.css" type='text/css'  />
    <link rel="stylesheet" href="../assets/kendo/kendo.default.min.css" type='text/css'  />

 

Get the error on below line:

$('#orgchart').kendoOrgChart({
        dataSource: data
    });

Please advise what could be the problem.

Thanks

Martin
Telerik team
 answered on 08 Nov 2021
1 answer
161 views

Hi

For example, I want to change Tags options when press button.

I know Kendo has method and set option but I changed your some Tags options in my project and your setOption method does not work in all of Tags. so, I want setOption function codes. can you help me?

Thanks

Neli
Telerik team
 answered on 08 Nov 2021
1 answer
178 views

Hi All,

Currently we are using kendo grid in one of the application developed in  Outsystem tool, we have a grid with the column- Select(used checkbox),ID, column3,..............

In order to achieve some functionality, when user clicks on get selected Record (button) we need the checkbox value(true or false) and the first column value (ID).

Can anyone help me on this please?

 

 

Thanks

Raj

Neli
Telerik team
 answered on 05 Nov 2021
1 answer
895 views

Hi, I'm using the kendo form to build an 'order form'.

The form has pre-existing Vendors to select which cascades to a list of pre-existing Sites (Customers).
However, I also need to be able to add sites - which I have done via a POST method.

The issue that I am facing is that after I have done this, I can't figure out how to refresh the 'SiteCode' MultiColumnComboBox - nothing I have tried is able to get the control to populate with the new data, even though i am able to see the new data in the local array that it's being stored in.

I have tried multiple methods of implementing the transportation layer

  • Using 'read()' on varying objects (can't figure out which one is correct for a form object) to no effect
  • Setting the SiteCode dataSource to a secondary "filtered" list which is filled by the VendorCode select event
  • Using 'serverfiltering' and a standard kendo remote dataSource but unfortunately I don't believe the API I am working with is compatible with the server filtering options (I can only filter by adding a parameter to the url e.g. '&fltFilterName=FilterValue')

    Below are the two main objects I am concerned with:
{
    field: "VendorName", editor: "MultiColumnComboBox", label: "Partner/Vendor Name:", validation: { required: true },
    delay: 0,
    editorOptions: {
        placeholder: "Select vendor",
        dataTextField: "VendorName",
        dataValueField: "VendorCode",
        height: 300,
        columns: [
            { field: "VendorName", title: "Vendor Name:", width: 300 },
            { field: "VendorCode", title: "Vendor Code:", width: 150 },
            { field: "TerritoryCode", title: "Territory Code:", width: 150 },
            { field: "TerritoryName", title: "Territory Name:", width: 300 },
        ],
        filter: "contains",
        dataSource: slData.partners,
    },
},
{
    field: "SiteName",
    label: "Site Name:",
    delay: 0,
    validation: { required: true },
    editor: "MultiColumnComboBox",
    editorOptions: {
        autoBind: false,
        placeholder: "New site name",
        dataTextField: "SiteName",
        dataValueField: "SiteName",
        cascadeFrom: "VendorName",
        height: 400,
        columns: [
            { field: "VendorCode", title: "Vendor Code:", width: 200},
            { field: "SiteCode", title: "Site Code:", width: 200 },
            { field: "SiteName", title: "Site Name:", width: 300 },
            { field: "warning", width: 200,
                template: '<span style="padding: 8px 9px !important;" class="badge-general badge-#:data.Status#">#:data.DaysRemaining# Days Remaining</span>',
                headerTemplate: ' '
            }
        ],
        filter: "contains",
        dataSource: slData.sites,
        select: selectSiteName,
        noDataTemplate: $("#noDataTemplate").html(),
        },
        dataBound: function() {
            initSiteStatusBadges()
        }
    }
},
The attempt at using the native datasource went something like this:

dataSource: {
    transport: {
        read: createDataURL("Order", "CustomerVendorSite", `&fltVendorCode=${getFormVendorCode()}` ) , 
        dataType: "json",
        cache: false,
    },
    filter: { field: "SiteCode", operator: "eq", value: e.data.SiteCode }
},

In addition, I'm not sure what I'm doing wrong but the "autoBind: false" property doesn't seem to be doing anything.

I hope you can help - I've been stuck on this for hours and I'm at wits end!

Thanks,
Ryan
Neli
Telerik team
 answered on 02 Nov 2021
2 answers
2.0K+ views

Hi, 

within the columns definition of my grid I want to be able to call a function as the template.

currently I have:

 {field: 'recommended', title: 'Recommended', template: '# if(recommended)' + '{# <span class=\"glyphicon glyphicon-ok\"></span> #}' + 'else{# <span class=\"glyphicon glyphicon-ok\"></span> #}#'},

and I would like to have

 {field: 'recommended', title: 'Recommended', template: generateFlagTemplate(recommendedFieldValue)},

defining the function as

function generateFlagTemplate(field){
    return kendo.template("# if (field)" + "{# <span class=\"glyphicon glyphicon-ok text-success\"></span> #}" + "else {# <span class=\"glyphicon glyphicon-remove text-grey\"></span> #}#");
}

how can I pass the 'recommended' field value to the function?

I would like to have the function because the same template will be used in different places and saves me from having to duplicate my code.

 

thanks

Neli
Telerik team
 answered on 02 Nov 2021
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
Drag and Drop
Application
Map
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
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?