Telerik Forums
Kendo UI for jQuery Forum
2 answers
153 views

Guys, please help urgently, otherwise we will use another library from Telerik.

The DatePicker is giving me unexpected token {

Stefan
Telerik team
 answered on 16 Oct 2017
3 answers
287 views
Please help: we are getting unexpected token { when we use k-ng-model
Stefan
Telerik team
 answered on 16 Oct 2017
1 answer
1.0K+ views
Hi,

I am tring to define a popup menu that will be opened from multiple buttons on the screen.
I have defined the panel to be opened like so:
var popup = $("#tableMenu").kendoPopup({
    origin: "bottom left",
    position: "top left",
    collision: "fit",
}).data("kendoPopup");


And on the button I am trying to close the popup and then open it again. The reason I do this is because I what to change the location

$(".sk-showhide-icon").on("click", function (e) {
    e.preventDefault();
    e.stopPropagation();
    popup.close();
    popup.setOptions({ anchor: $(this) });
    popup.open();
});


But the above code does not work. The popup is not closed and the open does nothing.
Can I achieve this?

The reason I do not want to define the popup multiple times is because the menu contains checkboxes that have to have the same checked/unchecked state when it is opened. It is something similar with the show columns from the telerik grid.

Nencho
Telerik team
 answered on 16 Oct 2017
2 answers
777 views

Hi,

 

Am using multiselect with Angular2. As part of our automation suite, am trying to set values programmatically. I can't find any documentation around testing it with '@angular/core/testing'. Are there any events/attributes which will make it set the values (with debugElement/nativeElement)? 

Prashant
Top achievements
Rank 1
 answered on 16 Oct 2017
3 answers
236 views

I have a kendoDropDownList, and want the option label to be "[Please Select]", but the brackets are causing binding issues.  I was able to get the first bracket to appear by escaping it with "\[Please Select", but I can't get the 2nd one to escape.  I tried a one and two backslashes before "]".  What is the trick that I'm missing?  Thanks!

My full element markup:

<input id="OpportunityType" 
data-role="dropdownlist" 
data-auto-bind="false"
data-text-field="name"
data-value-field="opportunityTypeKey"
data-option-label="\[Please Select\]"
data-bind="value: selectedOpportunityType, source: opportunityTypes, events: { change: onOpportunityTypeChange }" />

 

Dimitar
Telerik team
 answered on 16 Oct 2017
1 answer
282 views
I am working on a AngularJS 1.6.6, it's NOT the Angular2/Angular4, project. I am curious if I get a license for KendoUI, will it work smoothly with AngularJS classic?
Plamen
Telerik team
 answered on 16 Oct 2017
1 answer
1.0K+ views

I am attempting to load a local JSON data source to the Kendo grid. I have confirmed the data is available at the time the grid function is called, and there are no errors in the console. I've confirmed in the debugger that the data is present in the grid function as well. 

My HTML:

<div id="grid"></div>

My scripting:

function buildGrid() {
    $("#grid").kendoGrid({
         dataSource: {
          data: kendoGridData,
          pageSize: 20,
          schema: {
            data: "ExecutesqlJSON",
            model: {
              fields: {
                  "CHILD__POSTN_KEY": {type: "number"},
                  "REGION_CD": {type: "string"},
                  "TERR_CD": {type: "string"},
                  "MKT_CD": {type: "string"},
                  "NAME": {type: "string"},
                  "RNT_AUTO_QUOTE_CNT": {type: "string"},
                  "RNT_PROPERTY_QUOTE_CNT": {type: "string"},
                  "RNT_AUTO_WITH_PROPERTY_QUOTE_PCT": {type: "string"},
                  "RNT_PROPERTY_BOUND_QUOTE_CNT": {type: "string"},
                  "RNT_PROPERTY_BOUND_QUOTE_PCT": {type: "string"},
                  "OWN_AUTO_QUOTE_CNT": {type: "string"},
                  "OWN_PROPERTY_QUOTE_CNT": {type: "string"},
                  "OWN_AUTO_WITH_PROPERTY_QUOTE_PCT": {type: "string"},
                  "OWN_PROPERTY_BOUND_QUOTE_CNT": {type: "string"},
                  "OWN_PROPERTY_BOUND_QUOTE_PCT": {type: "string"},
                  "TOT_AUTO_QUOTE_CNT": {type: "string"},
                  "TOT_PROPERTY_QUOTE_CNT": {type: "string"},
                  "TOT_AUTO_WITH_PROPERTY_QUOTE_PCT": {type: "string"},
                  "TOT_PROPERTY_BOUND_QUOTE_CNT": {type: "string"},
                  "TOT_PROPERTY_BOUND_QUOTE_PCT": {type: "string"},
              }
            }
          }
        },
        height: 550,
        groupable: false,
        sortable: true,
        pageable: {
            refresh: true,
            pageSizes: true,
            buttonCount: 5
        },
        columns: [ {
          title: "Hierarchy Information",
              columns: [
                {field: "REGION_CD", title: "Region"},
                {field: "TERR_CD", title: "Territory"},
                {field: "MKT_CD", title: "Market"},
                {field: "NAME", title: "Agency Name", width: 200}
              ]
            },
            {
          title: "Prospects Who Rent",
             columns: [
               {field: "RNT_AUTO_QUOTE_CNT", title: "Auto Quotes"},
               {field: "RNT_PROPERTY_QUOTE_CNT", title: "Bundled Renters Quotes"},
               {field: "RNT_AUTO_WITH_PROPERTY_QUOTE_PCT",title: "Bundled %"},
               {field: "RNT_PROPERTY_BOUND_QUOTE_CNT", title: "Renters Policies Bound"},
               {field: "RNT_PROPERTY_BOUND_QUOTE_PCT",title: "Bound Renters %"}
             ]
           },
           {
          title: "Prospects Who Own",
             columns: [
               {field: "OWN_AUTO_QUOTE_CNT",title: "Auto Quotes"},
               {field: "OWN_PROPERTY_QUOTE_CNT",title: "Bundled Home/Condo Quotes"},
               {field: "OWN_AUTO_WITH_PROPERTY_QUOTE_PCT", title: "Bundled %"},
               {field: "OWN_PROPERTY_BOUND_QUOTE_CNT", title: "Home/Condo Policies Bound"},
               {field: "OWN_PROPERTY_BOUND_QUOTE_PCT", title: "Bundled %"},
             ]
         },
        {
          title: "Total",
          columns: [
            {field: "TOT_AUTO_QUOTE_CNT", title: "Auto Quotes"},
            {field: "TOT_PROPERTY_QUOTE_CNT", title: "Bundled Property Quotes"},
            {field: "TOT_AUTO_WITH_PROPERTY_QUOTE_PCT", title: "Bundled %"},
            {field: "TOT_PROPERTY_BOUND_QUOTE_CNT", title: "Property Policies Bound"},
            {field: "TOT_PROPERTY_BOUND_QUOTE_PCT", title: "Bundled %"}
          ]
        }
      ]
    });
  }

Sample of JSON data:

{  
   "ExecutesqlJSON":[  
      {  
         "CHILD__POSTN_KEY":60000048485051,
         "REGION_CD":"002",
         "TERR_CD":"3",
         "MKT_CD":null,
         "NAME":"JANE DOE",
         "LSP_NAME":null,
         "EMP_CD":"JDOE",
         "CHILD_POSTN_LEVEL__OPTION_CD":"TAM",
         "REPORT_DATE":"\/Date(1499832000000)\/",
         "RNT_AUTO_QUOTE_CNT":489,
         "RNT_PROPERTY_QUOTE_CNT":153,
         "RNT_AUTO_WITH_PROPERTY_QUOTE_PCT":31.2883,
         "RNT_PROPERTY_BOUND_QUOTE_CNT":39,
         "RNT_PROPERTY_BOUND_QUOTE_PCT":25,
         "OWN_AUTO_QUOTE_CNT":773,
         "OWN_PROPERTY_QUOTE_CNT":490,
         "OWN_AUTO_WITH_PROPERTY_QUOTE_PCT":63.3894,
         "OWN_PROPERTY_BOUND_QUOTE_CNT":106,
         "OWN_PROPERTY_BOUND_QUOTE_PCT":21,
         "TOT_AUTO_QUOTE_CNT":1262,
         "TOT_PROPERTY_QUOTE_CNT":643,
         "TOT_AUTO_WITH_PROPERTY_QUOTE_PCT":50.9509,
         "TOT_PROPERTY_BOUND_QUOTE_CNT":145,
         "TOT_PROPERTY_BOUND_QUOTE_PCT":22
      }
   ]
}

 

Stefan
Telerik team
 answered on 16 Oct 2017
2 answers
709 views

Hello,

I would like to have the opinion of Kendo experts on the following subject.
I would like to create a kind of form that would check if certain conditions are met in order to continue an operation. The conditions are defined in a table as a string text (for example, "Filled the registration form", "Paid the registration fee" and so on ...). It's also possible to have several form one after the other in the case where several operations are in progress simultaneously. In addition, there are two Save and Cancel buttons in each form. I made a small sketch in order to picture this (attached file Dynamic Form.png)

 

My Controller returns a list of objects like this:

  1. Definition Label #1
    • 1st Checking
    • 2nd Checking
    • 3rd Checking
  2. Definition Label #2 (1st checking) ...

My question would be: There is a Kendo component that could help me achieve this optimally?
I managed to fill the form etc ... with jQuery, but when I had to realize the code behind for the buttons, I thought there might be a simpler way. Because I need two things mainly:
When clicking on the Save button, find out the value for each of the checks for each of the forms. And navigating through the DOM to get this info is somewhat tedious ...
When clicking Cancel, reset the displayed values to those received by the Controller.
Having already used Keno for Grid / ComboBox, I would like to know if there was anything that could help me in this case. (Kendo Template and a Model for example?)

Moshe Hayun
Top achievements
Rank 1
 answered on 16 Oct 2017
1 answer
159 views

Hi!

 

I'm trying to use showIndexes option:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-sortable.showIndexes

 

But it's not works. Maybe I have no requirement version of Kendo. Could you help me to tell in which version this feature was added?

Stefan
Telerik team
 answered on 16 Oct 2017
1 answer
2.1K+ views

Issue:  Date Filtering not working

Background:  We are sending up dates as strings.  Yes, I could change this, but this would impact many things and cause a lot of other things to have to change.

The raw data format is yyyy-mm-dd.

Customers are requesting we change the display of the dates to MM/dd/yyyy.

This is working fine by setting the template to this:

"#= kendo.toString(kendo.parseDate(" + thedefs[ischema].index + ", 'yyyy-MM-dd'), 'MM/dd/yyyy') #";

What does not work is the filtering.  Because the datatype is string, we get the string based operators.

I switched the datatype on the field (only in the grid, not the data) to "date" and that partly works.  It does show the date operators and we get a date picker.  But, when you filter any date, nothing is returned.

I dont really want to write a custom date filter.  Are there any other options?

If not, can you point me in the right direction to a custom filter override?

Thanks!

Bryan

 

Stefan
Telerik team
 answered on 13 Oct 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?