Telerik Forums
Kendo UI for jQuery Forum
2 answers
101 views
Hi,

I'm having trouble using my custom widget as a custom editor in a grid. It seems to call the init of my widget 3 times for every line.  Also when I click on a cell with my widget, it disappears.  The widget works correctly outside of the grid and binds fine.  I want my grid to be inline edit with batch edit so it is permanently in edit mode like an Excel spreadsheet.  Please can you help me see what I'm doing wrong.  Thanks.

My grid definition:
    <div
        id="elgrid"
        style="width: 750px; height: 350px"
        data-role="grid"
        data-editable="{mode: 'incell', createAt: 'bottom'}"
        data-bind="source: equipmentDetailSource, events: { edit: gridEdit }"
        data-selectable="cell"
        data-filterable="false"
        data-auto-bind="true"
        data-columns='[ {"field": "EquipmentRequestLineNo", "title": "Line No"}, 
                        {"field": "EquipmentId", "title": "Equipment"}, 
                        {"field": "Quantity", "title": "Quantity"},    
                        {"field": "RecipientName", "title": "Recipient", "template": kendo.template($("#findUsertemplate").html())},              
                        {"field": "Reason", "title": "Reason"}, 
                        {"command": "destroy", "title": " ", "width": "110px"}]'>
    </div>

    <script type="text/x-kendo-template" id="findUsertemplate">
        <div data-role="usersearch" data-bind="value: RecipientBems, events: { change: change }" data-display-bems="false"></div>
    </script>
Lance
Top achievements
Rank 1
 answered on 05 Aug 2014
6 answers
629 views

I've created an area chart, illustrating the status of many media players throughout a single day. The data has a granularity of one minute.

I want there to be a major gridline at every hour, and a minor gridline at every half hour. I cannot see where you can set the "step" of the grid line.

Here's how I'm currently setting it up:

$("#chart").kendoChart({
    theme: "blueOpal",
    title: {
        visible:false
    },
    chartArea: {
        height: 800
    },
    legend: {
        position: "bottom"
    },
    seriesDefaults: {
        type: "area",
        stack: true
    },
    series: [],
    valueAxis: {
        labels: {
            format: "{0}",
            visible: true
        }
    },
    categoryAxis: {
        categories: [],
        labels: {
            visible: true,
            step:60
        },
        minorGridLines: {
            visible: false
        },
        majorGridLines: {
            visible: true,
        },
        majorTicks: {
            visible: false,
            size: 2
        }
    },
    tooltip: {
        visible: true,
        format: "{0}"
    },
    seriesColors: [
            '#336699',
            '#EBAD60',
            '#FF0000',
            '#9582BB',
            '#028482'
    ]
});

And it looks like the attached image. In this image there are so many lines that they stop serving a purpose.


Andrew
Top achievements
Rank 1
Iron
Iron
 answered on 04 Aug 2014
2 answers
113 views
Dear Telerik,

   Myself and the company I work for are very pleased with Kendo UI and the other suites we have with you. I have recently been tasked to a new project and would like to keep it lightweight. So, the bones of my question. You used to have a Javascript Packager where you could pick and choose which widgets you wanted to include in your prject and not have to use the giant web.js file or whatever it was called. If you still have this tool, could you provide me a link to it. 

Very Respectfully, 

Keith
KC
Top achievements
Rank 2
 answered on 04 Aug 2014
1 answer
237 views
I have an angular application that displays a chart. When the user checks or un-checks boxes, I update the chart series accordingly and the chart redraws itself correctly. The only way I could get this to work was to use $scope.chartname.setOptions() command. Is there an alternate way of doing this so that I don't have to reference the chart object directly in my controller class?  Here is a pluker example of my current implementation: My Chart Example. I would like to change line 18 of the script.js file to not use the $scope or the direct reference to the chart.
T. Tsonev
Telerik team
 answered on 04 Aug 2014
1 answer
80 views
I am trying to understand how to get 2 grids on a page to load. Is a string value really the only option for defining the read action on the datasource object when using a signalr transport? Having the option of using a function would allow me to use a call back to load the data in the second grid so I am not blocking send events. 
Alex Gyoshev
Telerik team
 answered on 04 Aug 2014
1 answer
127 views
Ran into a problem on our site where creating the kendoChart on the page will cause the browser window to hang and then crash.

I can reproduce it in the jsFiddle below by setting the "chartData" items "Value" property to zero (Line 11).  If it is "i" or "1" or anything other than zero, it works fine.  Zero will crash the browser.

http://jsfiddle.net/qrNGy/1/
T. Tsonev
Telerik team
 answered on 04 Aug 2014
1 answer
185 views
I have an ASP.NET MVC application that is using server side grouping.  I found that when grouping is used in the grid that the grid's dataSource.data() has nested data inside it.  The nesting depth varies based upon how many columns are grouped.  What is the recommended way to iterate through the rows in the data source when server side grouping is used?
Alexander Popov
Telerik team
 answered on 04 Aug 2014
1 answer
51 views
Hello,

I would like to know in in datasource update method i can identify if the Event is being saved after a move or user had double clicked and opened Editor and changed many other Options and not satrtend datetime only.

thanks

Anamika
Alexander Popov
Telerik team
 answered on 04 Aug 2014
1 answer
298 views
http://demos.telerik.com/kendo-ui/grid/editing

If you click into the first cell (Chai) and hit tab movement occurs across the cells/rows as you'd expect until you reach the last cell of the last row on the page (works the same when data isn't paged). After hitting tab on the last command cell on the last row focus is returned to the first row and its x Delete button. On hitting tab from there each delete button is focused. Is this expected behaviour and is there a work around to stop this?



Alexander Popov
Telerik team
 answered on 04 Aug 2014
3 answers
103 views
My code is:
var MatjazChooser = kendo.ui.Widget.extend({
         
        init: function(element, options) {
            var that = this;
         
            kendo.ui.Widget.fn.init.call(that, element, options);
             
            that.wrapper = that.element;
            element = that.element;
            element.addClass('k-chooser');
 
            var template = that.options.template;
            if (template == "")
            {
                template = '<span class="k-button" data-group="# if (data.group != undefined) { ##=data.group##} else {#default#}#" data-uid="#= data.uid #">';
                template += '# if (data.imageUrl != undefined) { #';
                template += '<img src="#= data.imageUrl #"><br>';
                template += '#}#';
                template += '#= text #';
                template += '</span>';
            }
            that.template = kendo.template(template);
     
            that._dataSource();               
        },
The important line is: data-uid="#= data.uid #
If the user (programmer) defines template without uid, the Widget will not work as expected.

How can I check if user define template with data-uid, or not? How can I added it, if not exists?
Petyo
Telerik team
 answered on 04 Aug 2014
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
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
AIPrompt
TimePicker
AICodingAssistant
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?