I am trying to prevent new data from refreshing my Kendo chart while the user is hovering over a tooltip.
My current solution is to use a $timeout of 5 seconds after the tooltip is drawn inside getTooltip(e) and using a flag to switch between pauseUpdate and !pauseUpdate.
Does Kendo provide a way to track when a tooltip gets shown on the screen and when it gets destroyed?
Related
I got two questions about ShieldUI grid component.
Q1. when editing is enabled, you need to click cell to toggle edit/display mode. Is it possible to make it always showing editor component?
Q2. When I attach ShieldUI components like numeric text box or date picker to ColumnTemplate, no matter how I change the value in custom UI component. It doesn't sync the value showing in the component back to data source in the Grid. Do you know the solution for my above issues?
Thanks.
I have a problem with Office UI Fabric's Panel (well, also Modal). I'm rendering them with multiple input fields to provide data for my app. Due to the number of fields the controls are rendered with a scroll bar. After scrolling down and clicking outside of the input, the focus is being set on the first textfield/dropdown in the container panel what causes the whole thing to be scrolled to the top. Is there a way to prevent setting the focus/scrolling to the first element when clicking outside of the input?
This was indeed a bug and has been resolved already. Tested it in the version 5.56.0.
I am working on Angular UI grid and I am trying to change the cell template property on button click but it is not affecting the UI grid.
Here is the punker and when I click on toggleDisplay name it is not getting changed.
check link:-
plnkr.co/edit/Q0WcJC37bSGF7Huet39Q?p=preview
I am working with a Kendo Listview to show charts. I would like for the user to have the ability to click a check box to show or display individual charts. Currently I am trying to use ng-show but can not get it to work.
My template in my listview options
template: <div #:chartData.kendoDirective# k-options="vm.#:chartData.chartOptions#" ng-show="#:visible#" class="move k-block" id="#:chartData.htmlID#" style="float: left; margin: 5px 0;"></div>'
visible is a parameter coming back in my response from the server to tell me whether to initially show or hide this item. I would then like to have the check box change the visible variable to show or hide the chart. Below is a screen shot showing the box.
UPDATE: I have gotten the initial items to work using the following
ng-show="this.dataItem.visible == true"
However I still can not get the chart to show/hide based on the checkbox.
I fixed this problem by updating the listview datasource each time a checkbox was clicked. So when I one of the checkboxes was clicked I made the following call.
$("#selectedchart_listview").data("kendoListView").dataSource.data(vm.selectedView.charts);
$("#selectedchart_listview").data("kendoListView").refresh();
Scenario:Update the angular kendo grid on click of various buttons.Able to update the grid with new service returned values.
Issue: Angular kendo grid flickers for a second while refreshing.
HTML Structure: Tried with & without k-ng-delay
<div id="alertGrid" kendo-grid k-options="alertGridOptions"
k-rebind="alertGridOptions" k-ng-delay="alertGridOptions.dataSource">
</div>
The function that is called on click of refresh buttons
$scope.renderAlertGrid=function(){
$scope.alertDataSource.read();
//$('#alertGrid').data('kendoGrid').refresh();
};
Tried to use only refresh, it dint worked out. No impact in using along with read() as well.
Everything is working fine,just that UI becomes little awkward during refresh due to that 1 sec flicker and refresh.
Kindly help out
Thanks
Your problem is that your data source is declared inside your options object and you're binding to your data by referencing your options object using k-options and then you are using k-rebind to watch for changes on your options object. So every time your data source changes in your options object the entire grid will re-render and all your scroll etc will reset because k-rebind re-renders every time a change in your options object is detected.
You need to remove k-rebind and bind to your data source separately using the k-data-source attribute. Then the rows in your grid will update when the data changes in your data source without re-rendering the entire grid.
k-rebind is used when the options object has to be changed and the entire widget re-rendered. For example switching a bar chart to a pie chart. That requires a full re-render. k-rebind is a bit of a hack and should be avoided imo.