Telerik Forums
Kendo UI for jQuery Forum
8 answers
791 views

I want add a textbox to search the events.

The search results will display like agenda and I want the results also can be edit.

How to do that?

Veselin Tsvetanov
Telerik team
 answered on 10 May 2017
4 answers
354 views

Hi

I have a kendo chart, that im trying to export to pdf. This seems to work, however, when i try to print it out, it will make the lines into rectangles.

I'm guessing this somehow means that the pdf generated by this export method, creates some kind of invalid syntax, that is rendered wrong, when printed?

I'm 

$scope.bmiGraph.exportPDF({ paperSize: "auto", landscape: true, margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" } }).done(function (data) {
            kendo.saveAs({
                dataURI: data,
                fileName: "chart.pdf"
            });
        });

 

I have attached the two pdf files. "chart.pdf"("chart.zip") is the pdf generated by the "exportPDF" method. "chart_printed_as_pdf.pdf"("chart_printed_as_pdf.zip") is the result of what is printed from the pdf, which is 100% identical to what it will look like when printed out on normal paper.

How do i make the printed output identical to what the generated pdf?

There is also an error with the character encoding. Is there an easy fix to this aswell?

Best regards

 

Stefan
Telerik team
 answered on 10 May 2017
4 answers
444 views
I have a problem setting the initial window position.  Here's my markup. 

<span>
    <img id="helpIcon" src="../../../Content/images/q-mark-green-sm.png" class="{{ iconclass }}" ng-click="helpWindow.open()" alt="Help"/>
    <span id="helpWindow" class="{{dialogclass}}" kendo-window="helpWindow" k-position-left="400" k-position-top="20"
          k-title="'{{ helptitle }}'" k-on-open="helpWindowvisible = true" k-on-close="helpWindowvisible = false" style="display: none">
        {{ helptext }}
    </span>
</span>

Any help would be appreciated.

Thanks,
Chai
Danilo
Top achievements
Rank 1
 answered on 10 May 2017
1 answer
727 views

Hello,

starting from the example in this page http://www.telerik.com/kendo-angular-ui/components/dialog/service/#toc-specify-custom-actions ,

there is a way to assign a custom action for the [x] close button? I have to assign a guard before close dialog

Thank's

Joana
Telerik team
 answered on 10 May 2017
4 answers
460 views

Hello,

the change event in the grid handles selection changes.

This works fine but when I use grid.select(...) to select rows programatically, this also fire the change event. That is not desired and not the case for other controls. You cannot distinguish programatic changes from user changes this way (while you could always call a shared function from the change-event-handler and the programmatic change if required)!

Is this by design or a fix? Can it be influenced?

Stefan
Telerik team
 answered on 10 May 2017
1 answer
848 views

I have strange requirement thath I need upload file after form close. So user selects files I have event listener which set object File as global and after close form I wat to send it on server.

Is there is some hidden API to achive thath..... in JQuery I can

 var formData = new FormData();
formData.append('file', file);
$.ajax({
    url: '/',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function( res ) {
// Handle it.
}
});

 

Ianko
Telerik team
 answered on 10 May 2017
17 answers
605 views
I have a similar issue as the one posted here: http://www.telerik.com/forums/custom-command-mvvm-binding

I tried to bind on click function to the grid with MVVM approach. However, it will complain the openAction is not property defined.

Any recommendation on how to do this properly?

<div id="evaluationlists"
         data-role="grid"
         date-scrollable="true"
         data-editable="false"
         data-columns="[
                {field:'DisplayId', title:'Id'},
                {field:'Name', title: 'Name'},
{field:'Evaluatee', title:'Evaluating'},
                {field:'ParentName', title: 'Curricular Entity'},
{field:'DateRange', title: 'Open'},
{command:{ text: 'Open Action', click: openAction, name:'openAction' } }
             ]"
         data-bind="source: evaluations, visible:isVisible">
    </div>

Then I also define my view model as the following:

var vm = kendo.observable({
           isVisible: true,
           openAction:function(e) {
               window.console && console.log(e);
           },
           evaluations: new kendo.data.DataSource({
               schema: {
                   data: "Data",
                   model: {
                       id: "Id"
                   }
               },
               transport: {
                   read: {
                       url: "@Url.Action(Model.ActionMethod, "Home")",
                       type: "get",
                       contentType: "application/json"
                   }
               }
           })
       });
       kendo.bind($('#evaluationlists'), vm);


 
Stian
Top achievements
Rank 1
 answered on 09 May 2017
1 answer
372 views

I am using in-cell editing in the Kendo grid. I need to call the service layer for each record to determine whether it is editable. Therefore when the change event is received, I call the service layer for the selected records(). When the service layer result arrives, if it indicates not editable then I use grid.closeCell to prevent editing. When the edit event is received, I check if the previously received result indicates not editable, and if so then I use grid.closeCell to close the cell. (I am saving the service layer result by record ID so that I only need to call the service the first time a row is clicked.)

However I have a synchronization problem. The first time a row is clicked, the cell opens for editing, because the service layer result has not been received yet. If the row is not editable, then the cell closes when the service result is received. This is not good, as the user might think the cell is editable and start to edit the cell before it closes.

I would like to prevent the cell from opening in edit mode when it is clicked the first time, but I'm not sure how to do this. I tried modifying the change event actions by calling grid.closeCell before making the service layer call, but I'm not sure how to open the cell back up when I get back a result indicating that the row is editable. I thought I could use editCell, but that requires the jQuery of the cell. Since I get the result back under the change event, how do I know at that point which cell was clicked?

 

Alex Hajigeorgieva
Telerik team
 answered on 09 May 2017
3 answers
227 views

An existing MSSQL Stored Procedure that updates records in the current application I'm building a new version of returns a totally different set of fields which then try to populate the grid the Datasource is bound to.

My current solution is to call this.read() on the Datasource sync event which usually handles it well enough but there are instances where is a hiccup in the process (e.g., network or page rendering) results in the grid showing various mismatched column values, if only briefly.

One possibility I thought of was to use schema.parse and if it sees one of the fields only returned by the UPDATE call then null the whole response, hopefully preventing the grid from trying to populate with the mismatched data.

Any other ideas? Am I overlooking a simple & elegant solution?

Alex Hajigeorgieva
Telerik team
 answered on 09 May 2017
1 answer
96 views

Hello!

I've just update dialog module to fix dialogservice issues, but now modals are not centered.
How can I fix?
Thank's!!

Tsvetina
Telerik team
 answered on 09 May 2017
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?