Telerik Forums
Kendo UI for jQuery Forum
6 answers
806 views

Hi,

 I'm using custom editable template.

I would like to to add next to each option on my select:

<div class="k-edit-label"><label for="routeId">Route</label></div>
<div data-container-for="routeId" class="k-edit-field">
    <select id="routeId" data-bind="value:route_id" data-role="dropdownlist"
            data-value-field="id" data-text-field="name" data-color-field="color">
    </select>
</div>

I guess it should work with  k-scheduler-mark.

 Thanks

 

Vladimir Iliev
Telerik team
 answered on 15 Dec 2015
1 answer
270 views

Hi,

I want to keep the tooltip always open, without an option to close it.

something like "read-only" tooltip.

how can i do it?

Thanks,

Ran

Marin
Telerik team
 answered on 15 Dec 2015
1 answer
207 views
Is it possible to configure the height of the TreeMap?  I want it to fit within a div but it's overflowing the div boundaries.  It looks like it's defaulting to height of 400 but I don't know how to override it.
Dimitar
Telerik team
 answered on 15 Dec 2015
2 answers
472 views

Hi All,

I am using one grid and dropdown list. whenever the dropdown list changes then grid should get reloaded with new. it is working fine for me if i use below code in the drop down change event, but i have made the default refresh button of grid as true.

Hence when i click on refresh button in grid it is not loading with data for current dataitem selected in dropdown. it is only loading the which got loaded in grid for the first time.
please reply ASAP , as this is stopping my work.
change: function (e) {
                    $("#" + gridname).data("kendoGrid").dataSource.read(getAuditparamter("WorkDetails"));
                    }
 $('#' + gridname).kendoGrid({
                dataSource: {
                    transport: {
                        read: {
                            url: window.environment.siteRootUrl + "url",
                            data: getAuditparamter(gridName),
                            dataType: "json",
                            cache: false
                        }
                    },
                    pageSize: 25,
                    serverPaging: true,
                    sort: {
                        field: "EventDate",
                        dir: "desc"
                    }
                }

  function getAuditparamter(gridname) {
            
            if (gridname == "WorkDetails") {
                var ddlTaskName = $("#ddl" + gridName).data("kendoDropDownList").text();
                return { id : workId,taskName: ddlTaskName.trim()};
                
            }
        }

Swarna Priya
Top achievements
Rank 1
 answered on 15 Dec 2015
2 answers
812 views

Hi, I'm using customized popup editor to edit a record, its data source is a remote one accessed via WEBAPI.The UI is as the attachment.

The textbox (name) and Default checkbox is bound, but the checkboxes list is not bound and it is coming from another remote datasource, and it is initialized with the first data source a comma seperated string such as 1,3,5,7.


 When I input something in the textbox or click Default checkbox, and when I click Update button then update event is triggered. But if I didn't change the text or Default option, only select/unselect items in the checkboxes list,  the update is NOT triggered. I think this might because the checkboxes list is not bound thus making change of it having no effect on the grid data source and model, so I change the field like e.model.filename = newValue in the checkboxes change event, but Update event is still not triggered. 

 I look into API documents, it says if model's set method is used, the model change event will be triggered. But my following code does not work at all:
    var model = $('#grid').data().kendoGrid.editable.options.model;
    model.set("keyIds", checkedItems.join());  //here checkedItems is the array of keys of checkboxes items.

I want know, how can I trigger update with only checkboxes changes?

Or, can you provide a solution for binding a checkboxes list to a collection? Treeview behaves like what I want, but it's UI is not.

 P.S. Every time I posted a question here, I've got to wait 2 or more days for an answer. As you know, constantly one answer is not enough to solve a problem, but after I response to your answer, I've to wait days again for another answer, even my response is only 15 to 30 minutes after your post. It is not rare to solve a problem with over 5 ping-pong, then it will need 10-15 days or more to get the problem done. How can I make it more efficient?

 

Looking forward your reply. Thanks!

Paddy
Top achievements
Rank 1
 answered on 15 Dec 2015
5 answers
449 views

Hi,

My ultimate goal is to open Kendo-Window with different content, depending which button clicked. i.e. click Btn1 will open a window with Content1, click Btn2 open Content 2 ... Btn-n opens content-n. The buttons and numbers of buttons are dynamic, so I can't statically add windows corresponding to button. Below are my approaches and their problems

ONE 

Approach: Include a static Kendo-Window directive in html, and dynamically set its content url on button click. See this plunk for implementation.

Problem: the content will become stale, e.g. Btn1 opens content1, Btn2 still opens content1. In this plunk, I'm only able to reproduce it sometimes after open the windows a few times, and leave it for couple minutes, and open the window again. However, in my own project, this happens all the time.

TWO 

ApproachOn button click, I append a holderElement to body, and construct a new Kendo Window (new kendo.Window(holder, options)) with corresponding content url. See this plunk (create new window) for implementation.

Problem: The angular expressions are not compiled. Notice in the plunk example, there was a {{ctrl.count}} variable, when I open the window through Btn1 & Btn2, the variable shows how many times I've opened a kendo window. But in the newly created kendo-window, the varaible is not compiled at all.

THREE
Approach: On button click, I set content url in window options, then make angular to compile a kendo-window directive with this option, and attach it to document body. 

01.this.windowOptions = {
02.    // ...
03.}
04.  
05.this.createWindow = function(url) {
06.    this.windowOptions.content = { url: "someUrl ..." };
07.  
08.    var windowTemplate = '<div kendo-window="ctrl.window" data-k-options="ctrl.windowOptions"></div>';
09.    var element = this.$compile(windowTemplate)(this.$scope);
10.    $(document.body).append(element);
11.      
12.    this.window.center();
13.    this.window.open();
14.}

 

Problem: The window opens with no content. I put some debugger in kendo.all.js and found that content element is removed completely. Sometime after Kendo window is created after angular compiles, Kendo issues an ajaxRequest to retrieve content url. At this time, if I query this.wrapper.children(), I'd get 2 element - one for title bar, and 1 for content. However, the _ajaxSuccess method isn't called long after the window is opened, In this method, kendo add the retrieved html into content, but if I query this.wrapper.children() now, only 1 element for the title bar come back, content element is gone. There is nothing to add the html to! (Do you think this could be a bug?)

 

Idea in method TWO and THREE is that on each button click, I'll generate new Kendo Window, and on deactivate event, I'll call window.destory(). So that I won't have to worry about incorrect content.

I don't care which way, but how can I achieve what I want? Please help!




Dimo
Telerik team
 answered on 14 Dec 2015
2 answers
131 views

Hi there,

If I override the workDayStart and workDayEnd of the scheduler, pick 'Show Business Hours' in the day view and then switch to the timelineMonth view then I get an error (see http://dojo.telerik.com/AxAtI).

Many thanks,

Chris

Chris
Top achievements
Rank 1
 answered on 14 Dec 2015
1 answer
509 views

I have a number of questions/problems with the PDF Export of the grid:

1. Is there a way to have the export not include the toolbar, group by column holder ("Drag column here...") and auto filter row?  When I export to excel these items are not included.
2. I have a margin set on the export however the grid only takes up 2/3rds of the document when set in landscape.  Is this a bug or is there a way to have it fill the space?  See attached file for example and the export settings below.
3. Pages are getting set to different widths for some reason?

Here are the settings I am using:

pdf: {
                allPages: true,
                author: "PowerVu",
                creator: "PowerVu",
                fileName: "Project Invoicing.pdf",
                landscape: true,
                margin: {
                    left: ".5in",
                    right: ".5in",
                    top: ".5in",
                    bottom: ".5in"
                }
            }

Dimitar
Telerik team
 answered on 14 Dec 2015
4 answers
475 views

Hi,

I am wondering if following items are possible to do with candlestick stock chart.

I attached the chart we are currently using.

1. Adding resistance and support lines ( with R1, R2, S1,S2 markers)

2. Changing size of the candles to be bigger. I tried Min/Max values on the Axis, but candles are still small.

3. Drawing circle/squares on the candles based on data of each candle.

 

Thank you.

Kyaw

 

T. Tsonev
Telerik team
 answered on 14 Dec 2015
5 answers
147 views

Hello,

how can I turn it off outside-click on Action Sheet
I want to close ActionSheet only with close button.

 

Thanks

Kiril Nikolov
Telerik team
 answered on 14 Dec 2015
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
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?