Telerik Forums
Kendo UI for jQuery Forum
1 answer
136 views

I have built a small application using qrcode generation.

I have followed the examples, that are all great but miss only one thing:

All of them uses kendo.all.min.js as inclusion, and of course this is not a good choice for a web application because of performance issues.

I would like to have a list of the single javascript files I need for each widget, without the need to include kendo.all.js.

Is it possible to have a single file list for qrcode?

Simply using kendo.dataviz.qrcode.min.js is not enough and code is not generated.

Kind regards

 

Paolo

Dimiter Madjarov
Telerik team
 answered on 15 Feb 2016
1 answer
106 views

Hello,

I'm trying to implement my own drop down with custom controls on it, but cannot find proper control to that. In fact I would like achieve exactly the same result as Kendo Grid filter window. On on some button press it drop downs a popup (window) which automatically close if clicked outside the window, but allows usage, normal drop down list, multiselect, datepickers inside. So exactly what grid filter does. However I cannot find proper control to achieve that.

Could you advice?

Alexander Valchev
Telerik team
 answered on 15 Feb 2016
3 answers
131 views

Hello everyone,

I've tried to add a custom binding to a scatterLine chart, but chrome just throws an exception:

"Uncaught Error: The chartSeries binding is not supported by the Chart widget"

 

Is it possible to do something similar to the following?

<div id="mychart" data-bind="chartSeries: Series"></div>

 

kendo.data.binders.chartSeries = kendo.data.Binder.extend({
    refresh: function() {
        var serieses = this.bindings["chartSeries"].get();
  
        //my irrevevant stuff
  
        $(this.element).redraw();
    }
});
  
function GetAllPageElements () {
    var PrintChart = function () {
        $("#mychart").kendoChart({
                  //my irrevevant stuff
        });
    };
      
    PrintChart();
}
  
$(document).ready(function () {
    var ChartViewModel = new ViewModels.ChartVm();
    GetAllPageElements();
    kendo.bind($("#chartView"), ChartViewModel);
});

 Thanks for your help!

Joachim

Danail Vasilev
Telerik team
 answered on 15 Feb 2016
2 answers
392 views

Using the example found here: http://docs.telerik.com/kendo-ui/controls/charts/how-to/timeline-using-range-bars

I am trying to modify this to show a range across months instead of a single day. Below is the modified code where I am attempting to show one range from 01/14 - 03/14 and the other range from 03/14 - 06/14. I can get the vertical axis to show dates in the format I want (MM/yy), but I'm getting months showing up twice, so I'm hopefully assuming I just have things configured wrong. I would like to have a vertical line for each month; 01/14, 02/14, 03/14, etc. Can anyone point out what I should change or if the desired result is not really possible using this control?

 Additional question - should I be setting the to/from in the dataSource differently?

 Screenshot is attached of chart produced by this code

 <script>
    var data = [{
        id: 1,
        user: "Team A",
        from: new Date("2014/01/01").getTime(),
        to: new Date("2014/03/01").getTime()
      }, {
        id: 2,
        user: "Team B",
        from: new Date("2014/03/01").getTime(),
        to: new Date("2014/06/01").getTime()
      }];

      $("#chart").kendoChart({
        dataSource: {
          data: data,
          group: {
            field: "id",
            dir: "desc"
          }
        },
        series: [{
          type: "rangeBar",
          fromField: "from",
          toField: "to",
          categoryField: "user",
          spacing: -1
        }],
        valueAxis: {
          min: new Date("2014/01/01").getTime(),
          max: new Date("2014/08/01").getTime(),
          //majorUnit: 60 * 60 * 1000, // 60 minutes in milliseconds
          labels: {
            template: "#= kendo.toString(new Date(value), 'MM/yy') #"
          }
        },
        legend: {
          visible: false
        }
      });
  </script>

Alan
Top achievements
Rank 1
 answered on 12 Feb 2016
11 answers
5.4K+ views

I am trying to display a dropdownlist in the grid but the dropdown does not appear when it is clicked. Instead of seeing the "text" of the dropdown that corresponds to the numeric "value" (an enumeration) I am only seeing a "textbox" where the dropdownlist should appear. Another odd behavior happens when I randomly click on the grid the dropdown will appear intermittently.

Any help would be greatly appreciated.

Here is my razor grid:

@(Html.Kendo().Grid<CollectLiveEntities.Sensor>()
        .Name("SensorGrid")
        
    .Columns(columns => {
        columns.Bound(s => s.ID).Visible(false);
        columns.Bound(s => s.Name);
        columns.Bound(s => s.Register);
        columns.Bound(s => s.DataType)
            .Width(200)
           .ClientTemplate(Html.Kendo().DropDownList()
          .Name("Value")
          .DataTextField("Value")
          .DataValueField("Key")
          .DataSource(source => {
              source.Read(read =>
              {
                  read.Action("DataTypes", "Details");
              });
          }).ToClientTemplate()
                    .ToHtmlString()
           );
 
            
        columns.Bound(s => s.ReadWrite);
        columns.Bound(s => s.DataFormula);
        columns.Bound(s => s.DataSource);
    })
        .ToolBar(toolBar => toolBar.Save())
        .Editable(editable => editable.Mode(GridEditMode.InCell))
        .Pageable()
        .Sortable()
        .Scrollable()
        .DataSource(dataSource => dataSource
            .Ajax()
            .Batch(true)
            .ServerOperation(false)
            .Model(model =>
            {
                model.Id(s => s.ID);
                model.Field(s => s.ID).Editable(false);
            })
                .Read(read => read.Action("Sensors_Read", "Details", new { deviceID = @Model.ID } ))
                .Update(update => update.Action("Sensors_Update", "Details"))
        )
     )
Swati
Top achievements
Rank 1
 answered on 12 Feb 2016
4 answers
124 views
I have a list of tabs that force my scheduler to re-read it's datasource. This forces my resources datasource to update it's filter depending on which tab was selected. If I'm on a tab where the All Day cell has one event, the height of the All Day cell is twice as big which makes sense so I can create another even in that space. When I switch to another tab that filters out that event in the All Day slot, the All Day cell height returns to a normal height of 1 event, but I am unable to select the 7 am timeslot with my mouse. If I double-click the 7am timeslot, an All Day event creation will pop up. If I try to create an event and then cancel, the 7am timeslot will start working correctly again. If I switch to a different view like Month, the 7am slot will work again. It seems like the scheduler is not updating the cell "hitbox" when my scheduler reads from the datasource. Is there a way to fix this without switching views or creating/canceling events?
Devin
Top achievements
Rank 1
 answered on 12 Feb 2016
2 answers
95 views

Hello,

 I'm running into an issue where the default values configured on a model are not getting set up if arguments are provided to the constructor. Creating a new model without providing any arguments appears to work just fine. However, it appears that the model skips initializing its fields and default values arguments are provided. See http://dojo.telerik.com/aLOZe for a quick example of this behavior.

 Is there some way to get around this other than by making sure to provide values for all fields?

Thanks!

Brian Roth
Top achievements
Rank 1
 answered on 12 Feb 2016
4 answers
200 views

Hello,

 I use scheduler to show my events and I have events that should be shown for each year on a specific date.

I use yearly reference rule and everything works fine until even's date is not 29th February. In that case my event get's pushed to 1st March even if current year has that date.

 The only case in which my date doesn't get pushed to 1st March is if event's date is set to 29th February of the current year.

 

Is there any way to handle this as I didn't find any info regarding leap years in the documentation?

 

Thanks.

Josip
Top achievements
Rank 1
 answered on 12 Feb 2016
1 answer
10.7K+ views

Hi All,

I have a page with grid and command button that popup a kendoWindow (partial view) and parent viewModel is passed to the partial view.  Inside the kendoWindow, there is another grid which the user can select and delete the row.  The partial view and script below always give me this error  'TypeError: Cannot read property 'value' of undefined' and I can't figure out why.  Is there a way to solve this issue?  and applying kendo.bind in the partial view(the javascript below) cause more problems.

HTML

<div id="notes-dialog" title="Notes" style="display: none">
    <div id="grid"></div>
</div>

 

Javascript

  function display() {
        ds = new kendo.data.DataSource({
            pageSize: 20,
            data: viewModel.CurrentlyDisplayedNotes,
            autoSync: true,
            schema: {
                model: {
                    id: "Id",
                    fields: {
                        Id:{editable: false},
                        Notes: { editable: true, type:"string" }
                    }
                }
            }
        });

        var gridNotes = $("#grid").kendoGrid({
            dataSource: ds,
            pageable: true,
            resizable: true,
            height: 365,
            toolbar: [{ text: "Add", click: addNote }],
            columns: [
              {
                field: "Notes", title: "Notes"                 
            },
            { command: { text: "Delete", click: removeNote }, title: " ", width: "180px" }],
            editable: true    

          }).data("kendoGrid");

    function removeNote() {
            var grid = $("#grid").data("kendoGrid");
            var sel = grid.select();     // Error here: TypeError: Cannot read property 'value' of undefined
            var item = grid.dataItem(sel);

            // other code goes here

      };

   function addNote() {
        var grid = $("#grid").data("kendoGrid");
        var item = grid.dataItem( grid.select());  // Error here: TypeError: Cannot read property 'value' of undefined

      //more code below 

}

TIA

 

Dimiter Madjarov
Telerik team
 answered on 12 Feb 2016
1 answer
325 views
Hello everyone!
I use the Stacked Column chart (http://demos.telerik.com/kendo-ui/bar-charts/column) and I have a problem. I need that to negative values were subtracted from the total amount and appear respectively as in Stacked Area Charts, rather than summed separately. There is a possibility?
And another question, how can I draw a Stacked Column starting at different points as in the Range Bar Charts?
Iliana Dyankova
Telerik team
 answered on 12 Feb 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
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
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?