Telerik Forums
Kendo UI for jQuery Forum
2 answers
194 views

Hi,

Is it possible to modify uploadUrl to upload selected file to SharePoint picture library?

 

Is it possible to handle this upload process manually somehow (view custom function)?

Plamen
Telerik team
 answered on 26 Jun 2018
2 answers
278 views

Hi there, 

So as my title says Im trying to bind an MVVM attribute to a Grid command button, its a custom command if that makes a difference. The reason being is that one of my commands is to 'Setup' a record, but setting up a record is dependent on the status of another field that is in the MVVM.

Please advise on how I can proceed, I see there have been a few post about this a couple years ago before without resolution. Everyone just seems to be falling back to using jQuery, but i dont want to have to do that.

Thanks,
Grant

Grant
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 26 Jun 2018
1 answer
867 views

Hi,

I've just implemented the read, update, create, destroy events for my datasource which fire ajax calls to their respective endpoints triggered by buttons on a Kendo UI Grid. However, if I create a record in the grid (and subsequently the datasource) I can see it hitting the end point, if I then delete the same record it does not trigger the destroy event. If a record is created, the page is refreshed then the delete event fires when the button is pressed. I tried adding a datasource read and sync to the success component of the ajax call but this caused an indefinite loop of reading and syncing without completing the required task.

Could you please let me know how I can force the delete trigger to fire even if the datasource assumes the record is only stored locally.

Thanks,

Ben

Stefan
Telerik team
 answered on 26 Jun 2018
2 answers
132 views

I'm working on a project which uses a button to open a kendo window. Inside this kendo window is a splitter which splits the window vertically  50%. On the left side is a kendo treeview control and on the right, a gridview will appear via the treeview's select event. This works but only once. I then have to refresh the page to get it to work again. I'm not sure why this is. I'll include some example code below. Thank you for your help. 

Here's the HTML for the window and the grid 

<div id="example">
   <div id="window">
            <div id="horizontal" style="height: 100%; width: 100%;">
               <div id="left-pane">
                  <div class="component-tree-view k-content">
                     <div id="treeview-left"></div>
                    </div>
                 </div>
               <div id="grid">      
               </div>
    
            </div>
      
         </div>
</div>

 

This is the javascript to initialize the the splitter and the window 

$(document).ready(function() {
 
   $("#horizontal").kendoSplitter({
      panes: [
          { collapsible: true },
          { collapsible: false },
          { collapsible: true }
      ]
   });
 
       var myWindow = $("#window");
 
 
 
        myWindow.kendoWindow({
            width: "1500px",
            title: "Parts Group",
            height:"500px",
            visible: false,
            actions: [
                "Close"
            ],
        }).data("kendoWindow").center().open();
    });

 

And this is my select event for the treeview to initialize the grid.

function onselect(e) {
 
   //initializing the grid here
   $("#grid").kendoGrid({
      toolbar: [
        { template: kendo.template($("#template").html()) }
      ],
      dataSource: {
         data: filteredData,
         schema: {
            model: {
               fields: {
                  ComponentId: { from: "ComponentId", filterable: true, },
                  Description: { from: "Description", filterable: true, }
               }
            }
         }
      },
      selectable: true,
      change: onChange,
      allowCopy: true,
      height: 500,
      scrollable: false,
      sortable: true,
      refresh: true,
      columns: [
          { field: "ComponentId", title: "Component Id", template: "#=test(data)#", filterable: true },
          { field: "Description", title: "Description", template: "#=description(data)#", filterable: true }
      ],
   });
   
}

 

Perrin
Top achievements
Rank 1
 answered on 25 Jun 2018
3 answers
201 views

Hello,

My company wants to start using the Kendo UI Scheduler component. They have given me a set of functional requirements about how they want to use the component. My question is, are all these requirements possible in this component, while staying as close as possible to the original component.

- Plan items in the week view, while having very specific day time slots. When a new item is created, it should fit inside one class of 50 minutes. However a item can be made short/longer manually.
See screenshot Timetable Group - adjusted. If swapping the axis around would make things easier, that would be possible!

- Items are moveable (Drag and Drop) and resizeable. Like here: https://demos.telerik.com/kendo-ui/scheduler/move-resize

- Work with different Groups, like group the data on 'classroom', 'teacher' or 'student group'. All in combination with the first requirement, of course. Like here: https://demos.telerik.com/kendo-ui/scheduler/resources-grouping-horizontal

- PDF Export

Please advise.

Kind regards,

Maries Koole

Dimitar
Telerik team
 answered on 25 Jun 2018
1 answer
342 views
Hello guys.

I'm porting kendo-ui to jquery to work in a practical and quick way in google golang.

The work can be followed here: https://github.com/helmutkemper/telerik

I have a problem in the dataSource validation module.

dataSource -> Schema -> Model -> Fields -> Validation

What are all validation rules? In some examples, there are the minimum, maximum, required fields .... But what are all the fields? What are the rules?
Nencho
Telerik team
 answered on 25 Jun 2018
1 answer
305 views

For the cell content in a treemap, in addition to the title text I would like to have a secondary piece of data that is centered in the cell. 

It would also be nice if the font size of the centered item changes with the size of the cell  (i.e. big cell == big font, small cell == small font)

Are either of those things possible?

 

Stamo Gochev
Telerik team
 answered on 25 Jun 2018
3 answers
4.2K+ views
When filtering on a date column in the grid, the dates are filtered by time as well as by date. This creates a problem when trying to filter with "equals to". 
I can easily remove the time from the date object in the grid and this fixes the filtering.
However, I might need to display the time in the date object in the grid. 

How can I have the dates filtered while ignoring the time, or alternatively display the date with the time, but filter with a date object without the time?

Thanks
Alex Hajigeorgieva
Telerik team
 answered on 25 Jun 2018
5 answers
613 views

Hello

I'm trying to display google maps into a KendoUI Mobile view. The map doesn't appear and there is also no error in the console. Do I have to consider something special?

My working code so far:

<!DOCTYPE html>
<html>
<head>
    <title>My App</title>
 
 
</head>
 
<script>
 
    function initMap() {
        var location = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('showmap'), {
            zoom: 4,
            center: location
        });
    }
 
    $(document).ready(function() {
 
        app = new kendo.mobile.Application($(document.body), {
            skin: 'flat',
            transition: 'slide',
            initial: "mapview",
            init: function () {
                initMap();
            }
        });
 
    });
</script>
 
<body>
 
<!-- View map -->
<div id="mapview" data-role="view" data-layout="default">
    <div>Some text</div>
    <div id="showmap"></div>  // <-- Should display google maps
</div>
 
</body>
</html>

(Replace "YourAppKey" with your app key of google maps)

My project heavily depends on google maps. So I hope there is a solution to display google maps (in a view).

Regards

Ivan Danchev
Telerik team
 answered on 22 Jun 2018
1 answer
158 views

We've giving our users a list of items to pick from when reviewing previously submitted data.  The statuses they can pick from are Pending, Approved and Rejected.

We're seeing very weird behavior when someone activates the pick list in the A column and displays the options but does not choose a value. They then visit another page on the site.  Then when they return to the spreadsheet to select a value again, the button to open the pick list appears when the cell is selected, but when clicked, the button does not display the list of options.  Actually, nothing happens when you click the dropdown button. The only way to remedy this issue is to logout of the application, log back in and then visit the table again.

We are not setting any login/account related criteria on the button, just providing the 3 options to choose from. I've tried replicating this using a DOJO on your site and wasn't able to get the same results.

Here is the JSON we're using to populate the spreadsheet.  Is there something wrong with my configuration or do you think there might be a bug in your code?

spreadsheet.fromJSON({"sheets":[{"frozenRows":1,"name":"Lot Tracking","rows":[{"cells":[{"value":"Status"}]},{"cells":[{"value":"Rejected","color":"#D0021b","bold":true,"validation":{"allowNulls":false,"dataType":"list","comparerType":"list","from":"{ \"Pending\", \"Approve\", \"Reject\" }","showButton":true,"type":"reject"},"enable":true}]},{"cells":[{"value":"Rejected","color":"#D0021b","bold":true,"validation":{"allowNulls":false,"dataType":"list","comparerType":"list","from":"{ \"Pending\", \"Approve\", \"Reject\" }","showButton":true,"type":"reject"},"enable":true}]}]}]});

 

Thanks in advance for your help.

Greg

Veselin Tsvetanov
Telerik team
 answered on 22 Jun 2018
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?