Telerik Forums
Kendo UI for jQuery Forum
1 answer
801 views

I have a grid showing a set of records with a configuration of "editable: "popup" that is working to display the records.  The popup shows the row data but when I click the "update" button the popup goes away but the associated controller action does not get called. 

I am following along with these links:
http://demos.telerik.com/kendo-ui/grid/editing-popup
http://docs.telerik.com/kendo-ui/controls/data-management/grid/editing

My code is the same :

$(document)
  .ready(function() {  
    dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "/Test/TestsAnswerTypesRead",
                dataType: "jsonp"
            },
            update: {
                url: "/Test/UpdateTestAnswerType",
                dataType: "jsonp"
            },
            destroy: {
                url: "/Test/DestroyTestAnswerType",
                            dataType: "jsonp"
            },
            create: {
                url: "/Test/CreateTestAnswerType",
                dataType: "jsonp"
            },
            parameterMap: function(options, operation) {
                if (operation !== "read" && options.models) {
                    return { models: kendo.stringify(options.models) };
                }
            }
        },
        batch: true,
        pageSize: 20,
        schema: {
            model: {
                id: "Id",
                fields: {
                    Id: { editable: false, nullable: true },
                    Name: { validation: { required: true } },
                    Description: {},
                    Instruction: {}
                }
            }
        }
    });
 
    $("#grid")
    .kendoGrid({
        dataSource: dataSource,
        pageable: {
            refresh: true,
            pageSizes: true,
            buttonCount: 8
        },
        groupable: true,
        scrollable: true,
        sortable: true,
        filterable: true,
        resizable: true,
        reorderable: true,
        height: 550,
        toolbar: ["create", "excel"],
        excel: {
            fileName: "TestsExport.xlsx",
            proxyURL: "/ExportTestDomain",
            filterable: true
        },
        columns: [
            { field: "Name", title: "Name", width: "150px" },
            { field: "Description", title: "Description", width: "150px" },
            { field: "Instruction", title: "Instruction", width: "150px" },
            { command: ["edit", "destroy"], title: " ", width: "150px" }
        ],
        editable: "popup"
    });
});

 

Here is the Controller action for the Update :

public JsonResult UpdateTestAnswerType()
{
    var models = this.DeserializeObject<IEnumerable<NCC.Model.DTO.TestAnswerType>>("models");
    if (models != null)
    {
        // Update Here
    }
    return this.Jsonp(models);
}

And I tried this format:

[AcceptVerbs(HttpVerbs.Post)]
public JsonResult UpdateTestAnswerType([DataSourceRequest] DataSourceRequest request, [Bind(Prefix = "models")] IEnumerable<NCC.Model.DTO.TestAnswerType> gridtestAnswerTypess)
{
    var models = this.DeserializeObject<IEnumerable<NCC.Model.DTO.TestAnswerType>>("models");
    if (models != null)
    {
        // Update Here
    }
    return this.Jsonp(models);
}

When I click the "add new record" button on the toolbar and post that it does the same, closes with no post to the controller.

Also, how can you make the popup dialog for an insert say, "Adding new record" instead of "Edit", and the dialog's update button say, "Save"?

 

Any help would be greatly appreciated.

 

Thanks,

Reid

 

 

 

 

 

 

 

Dimiter Madjarov
Telerik team
 answered on 25 Jan 2017
1 answer
146 views

 Hi,

I'm having trouble replicating the demo for the calendar in angular - Customizing Templates http://demos.telerik.com/kendo-ui/calendar/template 

I want to be able to pass it a list of dates from a scope variable and have the dates shown on the calendar with a different style from a template.

I would also like to be able to update the list of dates after the widget has been initialized. Is this possible with the calendar and angular?

I've tried setting the 'month' and 'dates' attributes in markup to my scope variable but it's not working.

 

 

 

Stefan
Telerik team
 answered on 25 Jan 2017
1 answer
137 views

I'm super excited that Telerik made the jump over to npm for Kendo UI Professional. It works wonderfully! But ...

Is there some particular reason why the *.min.js files were just removed? Those were very useful in optimizing the output. The way it is now, we've got to add minification to kendo to the entire process on top of everything else.

Alex Hajigeorgieva
Telerik team
 answered on 25 Jan 2017
1 answer
364 views

Is there a CSS definition file/page or a list of all CSS per element  or something along those lines?

I am attempting to figure out how hard/easy it is going to be to integrate a theme/styling into an app. But I am not even sure what the styles are I should use. Every thing on a page is not going to be a Kendo widget - but everything should look the same.

For instance, if I want to style a table to look like a grid would like using the widget, but without all the overhead - how do I do that?

If I want all links to match - do I really have to use k-link on all <a>s? That's a little crazy. 

A definition file would help me determine if it's doable and determine how easy to use the cascading part of CSS without have to add a class to every single element added to a page.

Iliana Dyankova
Telerik team
 answered on 25 Jan 2017
7 answers
909 views

Hi

I use a chart Kendo UI, (using typescript). I have a problem with the tooltip formatting and the same problem with the label (on series).

I have a formatted value (as string, but not the format type) and I want to replace the original value with that.
Is it possible to replace the value? then how?

*** Must say I have seen the example chartTooltip.html

another question , I’ve tried to replace the value with escape char “\”, Before any character I've “\\\\”, which is the result.


result : see (kendo chart.png)

------------------------------------------------------------------------

i tried to do that also 

namespace prefix.html.chart
{

    export class chart
    {

         public formatnewABC(v: any, vf: any): any
         {
             return (vf);
         }

         ...

         ... 

         // build chart source code 
         // this.ser - current series object properties

         var vf: string = this.data.getFormattedValue(i, j); // contains format value (string)
    
         this.ser["labels"] = {
                                visible: true,
                                template: "#= prefix.html.chart.PnChart.prototype.formatnewABC(dataItem," + "\"" + vf + "\"" + " ) #"

         };

    }

}

result : see (kendo chart2.png)

Thanks in advance for your help

Stefan
Telerik team
 answered on 25 Jan 2017
7 answers
201 views
I have several bubbles which are all very close to each other. One of the bubble is the "User", and is colored differently. It's currently overlapped by other bubbles. Is there a way to get this bubble in front of others?

Aaron
Pat
Top achievements
Rank 1
 answered on 25 Jan 2017
1 answer
215 views

Hi all,

I am currently struggling with changing the editor template of the new/edit appointment. I am using the latest UI for asp.net mvc and i have managed to load a custom cshtml file when in order edit the appointment. The appointment additional fields from the model are displayed as should, and the data is binded correctly as well. However, when i add any additional property of my custom model to the form the validation fails (client side validation prevent the post, happens only on the additional fields) and display empty message (image attached). I tried adding a submit button to the form and when i used my own one everything is working and the data passed to the controller is correct, however with this way i will have to implement all scheduling events myself, which i am trying to avoid.

Any suggestion will be appreciated.

thanks in advanced,

udi

 

Peter Milchev
Telerik team
 answered on 24 Jan 2017
1 answer
112 views

Hi there,

Kendo Grid.

I am using Angular 1.5 for reference. I have the resizable and reorderable properties in place and working as expected, as well as a column that is locked on grid creation, with lockable set to false so it can't leave the docked area no matter what.

I need to ensure that this locked docked column is always the left-most column in the docked section.What would be the best way to implement this?

Thanks for your time!

Dakota
Top achievements
Rank 1
 answered on 24 Jan 2017
3 answers
457 views

I have combobox control on Angular 2 project. but after set value for it, the text does not show up, but the option in the dropdown gets selected. here is the code:

=====================

<kendo-combobox spellcheck="false" *ngIf="editable" [data]="filteredEarningTypes" [textField]="'DisplayName'" [valueField]="'Code'" [value]="selectedEarningType"
[valuePrimitive]="false" 
(selectionChange)="earningTypeChange($event)" >
<template itemTemplate let-dataItem>
{{ dataItem.Code }} - {{ dataItem.Name }}
</template>
</kendo-combobox>

=====================

screen shot attached. can someone help please?

Thanks

 

 

Alexander Popov
Telerik team
 answered on 24 Jan 2017
4 answers
676 views

Hi, 

I have a treeview which loads its nodes dynamically on expand, which works fine. I also have a button to 'Expand All' to open all nodes as far as the tree goes.

Unfortunately I have no way of knowing how big the tree is or how deep it goes until the data is loaded. So instead of recursively calling '.expand()' until there are no more closed nodes (which would make 10's of server requests for data), I would rather Retrieve the entire tree, and reset the dataSource to a local one that contains all the entire tree.

I'm having some trouble though, when I reset the DS to local and expand a node, the tree is still making a request call which retrieved the entire tree again as node contents. Note that I am also trying to set loadOnDemand to false, but its having no affect.

Any advice on this scenario would be great.

Thanks,
Grant

Veselin Tsvetanov
Telerik team
 answered on 24 Jan 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
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
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?