Questions on Kendo UI for jQuery Forum

12 answers

525 views

[Solved] Suppress Global ajaxStart / ajaxComplete When Using Combobox Autocomplete

So I have a combobox defined in my application:

$("#contactFilter").kendoComboBox({

placeholder: "contact name",

dataTextField: "Name",

dataValueField: "Id",

template: kendo.template($("#ContactFilterItemTemplate").html()),

filter: "contains",

autoBind: false,

minLength: 3,

delay: 500,

dataSource: {

type: "json",

serverFiltering: true,

transport: {

read: {

url: Cmdb.SiteRoot + "Groupings/ContactsTypeahead",

data: function () {

return {

filterString: $("#contactFilter").data("kendoComboBox").input.val()

};

}

});

and that works great.

In my application's master page there are ajaxStart and ajaxComplete functions that cause an ajax loader to show on any ajax call.

<script type="text/javascript">

$(document).ready(function () {

$(document).ajaxStart(function () {

$("#ajaxLoader").modal("show");

});

$(document).ajaxComplete(function () {

$("#ajaxLoader").modal("hide");

});

</script>

Is there a way in the Combobox definition to suppress these? Is there any access to the "global" attribute of the ajax call? Having the modal flash up with every autocomplete search is pretty annoying.

Thanks,
Nick

ComboBox

answered on 10 May 2018

4 answers

17.0K+ views

DropDownList - How to clear selection?

How do you clear the selection of a dropdownlist?

DropDownList

answered on 10 May 2018

16 answers

642 views

[Solved] Dropdownlist in editmode

I do not quite understand how does the dropdownlist appear when I click "Edit" for inline editing? I have my data bound to my grid but want the dropdownlist to appear for that cell when I click edit.

Grid

answered on 10 May 2018

24 answers

1.2K+ views

Font icons are not loaded in IE11 / Edge running on Windows 10

In Windows 10 there is a feature(and a policy that applies the feature), which blocks the so-called "untrusted fonts". Untrusted fonts mean any font not installed %windir%/fonts, including web fonts.

With this feature enabled (or the policy applied) custom fonts, such as font icons will not be loaded regardless of the provider. Hence, font icons used by Kendo UI, Kendo UI for Angular and Telerik UI for ASP.NET AJAX, MVC, Core will not be loaded.

More information about the Windows 10 feature that blocks the untrusted font icons could be found below:

https://support.microsoft.com/en-us/help/3053676/windows-10-technical-preview-adds-a-feature-that-blocks-untrusted-fonts

General Discussions

answered on 10 May 2018

1 answer

315 views

Scrolling not working in nested context menus

When using a large context menu that doesn't fit on the screen, a scrollbar is shown within the context menu. Unfortunately the scrollbar is not shown when the context menu contains multiple nesting levels.

Example https://dojo.telerik.com/uYUqazaP. This example shows a context menu with a single nesting level, which correctly displays a scrollbar. The other context menu contains 2 levels of nesting, which does NOT show the scrollbar.

Menu

answered on 10 May 2018

10 answers

2.3K+ views

Change cursor to pointer when hovering over a label in axisLabel

When I hover the mouse over a label on the axisLabel (vertical axis in my screenshot) I'd like the cursor to change to a pointer instead of the text insertion cursor because I have a click event setup using the axisLabelClick event. The attached screenshot shows the text insertion pointer when I hover over the '6th st property' label of a bar chart. I want it to be the 'finger pointer' instead. Is this possible?

Thanks,

Troy

Charts

answered on 10 May 2018

1 answer

335 views

Data Binding with Oracle DB

Hallo all,

i make a simple data driven Webapp and try to connect the Kendo grid with oracle DB. Can you explain me, how to make this connection a simplest?

Thanks advance

Grid

answered on 10 May 2018

2 answers

4.4K+ views

[Solved] Manually set grid row as dirty

I have a grid with inline editing. Everything is working as intended except one of the gridcells has a file upload that is not hooked into the datasource so when a file is uploaded the row does not know it should be updated i.e. the dirty flag is not set. How can I manually set this row to update even if none of the values in the dataset have changed?

Thanks!

Grid

answered on 09 May 2018

1 answer

407 views

delete array of row indexes

I need to delete a bunch of rows for wich I have their respective CURRENT row indexes in an array.

However if I do a sheet.deleteRow(rowIndex), The row indexes of the rest of the rows change.

I can't find a way to reference the rows themselves. Only the row indexes.

How could I go about doing such a task?

I do not have Data binding of any kind.

Thanks in advance.

// this does not work. I need a reference to the row itself

var rowsToDelete = [2,6,53];

for (var x=0;x<rowsToDelete.length;x++){

sheet.deleteRow(x);

}

Spreadsheet

answered on 09 May 2018

4 answers

455 views

kendo mvvm grid

<script id="ImportPNRSupplierHeads" type="text/x-kendo-template" class="KendoExtTemplate">

<div data-role="window" id="ImportPnrSupplierTaxWindow" class="PricingCommercialSubWindow"

data-animation="false"

data-title="Supplier Tax Breakup" data-modal="true"

data-width="770" data-visible="false" data-bind="events:{close: SupplierTaxWindowClose,open: OnSupplierTaxWindowOpened}">

<button type="button" data-role="button" text-align="left" class="btn btn-default"

data-bind="click: AddSupplierTaxRow" style="margin-bottom: 2px">

<i class="fa fa-plus"></i>

Add Tax

</button>

<br />

<div data-role="grid" id="ImportPnrSupplierTaxGrid"

data-editable='true'

data-columns='[{ "field": "ID",hidden: true },

{ "field": "IsUserCreated", hidden: true },

{ "field": "OfficePNRTSTID", hidden: true },

{ "field": "CountryCode", "title": "Code"},

{ "field": "Type", "title": "Sub Code", width: 80 },

{ "field": "Description", "title": "Description", width: 250},

{ "field": "AmountCurrency", "title": "Currency", width: 80 , editable: "false" }

]'

data-bind='source: Tax.TaxBreakup,events: {dataBound: ImportPnrSupplierTaxGridDataBound}'></div>

<br />

<div style="text-align: center">

<button type='button' class='k-button' data-bind="">

<i class='fa fa-close fa-fw'></i> Close

</button>

</div>

</script>

I am using Grid MVVM InCell Editing and want the column "AmountCurrency" to be editable based on value "IsUserCreated" (true/false). And want to add class "Red" to column "CountryCode How can do that?

MVVM

answered on 09 May 2018