Telerik Forums
Kendo UI for jQuery Forum
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
774 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
234 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
276 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
702 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
155 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
1 answer
248 views

Hi, my KenDo UI version is 2017.3.913, my chrome version is 61.0.3163.100

I found that my custom validation rule only fire once when it get error,

here is DOJO code: http://dojo.telerik.com/OGIlA/3

you can re-enter this situation by these step:

1.open dojo link and enter full screen mode

2.open chrome dev tool and set break point on line 72 (

myrule:function(input){...

)

3.click edit button and change unit price to 7777, then it will enter break point.

4.continue, and change value to 7778, then it will enter break point again.

5.continue and change value to 7777, then you can see it will not enter break point ,no fire validate function.

I don't know where I do wrong, or something I forget to setting, please help , thanks.

Dimitar
Telerik team
 answered on 13 Oct 2017
1 answer
414 views

Hi!

There is an issue with the numericTextBox title, that is showing on mouse hover. Here is the dojo.

I'll try to explain this dojo more detailed. In case of using ng-model, title of kendo-numeric-text-box still contains angular template: {{ hello }}. But in case of using k-ng-model title text is shown correctly as long as the model value isn't changing. After value was changed, title began to show angular template. 

I also added a kendo-drop-down-list element as an example that everything works fine with it. Also I would like to note, that everything was fine with kendo version 2016.2.607. Looks like these changes made title behavior not as expected.

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
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
ContextMenu
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
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?