Telerik Forums
Kendo UI for jQuery Forum
5 answers
930 views
We have a single page application (SPA) where we often have modal dialog windows, including dialog windows that open another dialog window, sometimes several deep.  We're using kendo windows.

Our issue is that the user can tab off of the inputs on the active modal window -- to the inputs on the supposedly disabled inputs in the windows that were "disabled" when the modal window popped up.  That means the user can use the enter key to "click" on buttons supposedly unavailable and likewise make use of other "disabled" controls.

This is undesirable.  We need it to be impossible for the user to leave the dialog until they close it.

I have tried such things as (using jquery) to remove the tabindex attribute from all elements and setting the tabindex to -1 for all elements that have a tabindex -- all unsuccessfully.

Please advise.  I can provide more details (i.e., code) as needed. 

Thanks,
Rod Early
McKesson, Inc.


Rick
Top achievements
Rank 1
 answered on 07 Jan 2016
2 answers
156 views

Hi Team,

 

I have been trying to show two Gantts on the same page, using different "ID" values. But some weird issues occur in the second Gantt. Is it possible to have more than one Gantt on same page?

Please take a look at this example for reference: http://dojo.telerik.com/izawE. Try creating dependencies in the second Gantt, It works fine but line does not show up while dragging or try dragging the slot to extend it, etc.

 

Thanks,

George

George
Top achievements
Rank 1
 answered on 07 Jan 2016
4 answers
391 views

What I'm successfully doing is to attach a ContextMenu to a Grid:

@(Html.Kendo().ContextMenu()
  .Name(@"menu")
  .Target(@"#grid")
  .Filter(@"tbody tr td")
  .Orientation(ContextMenuOrientation.Vertical)
  .Animation(false)
  .Events(evt => evt.Select(@"contextMenuItemSelect").Open(@"contextMenuOpen"))
  .Items(
      items =>
      {
      items.Add().Text(​"Rename");
      items.Add().Text("Delete");
      })
)

This works just as expected.

Now what I'm trying to do is to allow my Kendo context menu when clicking on a cell but show the browser's built-in menu when clicking on a link inside a cell. (See attached image)

I've tried various filters like .Filter(@"tbody tr td :not(a)") but this only results in a completely no-appearing context menu.

My question:

Is it possible to somehow achieve what I want?

Dimiter Madjarov
Telerik team
 answered on 07 Jan 2016
1 answer
1.4K+ views

HI,

 

Could you please provide samples for loading the kendo grid with editable text box with values and dropdown with values. I need while loading the kendo grid itself,editable textbox with values and dropdown with values need to render. 

 

Please find the attached image for further reference.

Boyan Dimitrov
Telerik team
 answered on 07 Jan 2016
3 answers
132 views

I have a hierarchical grid using a template, but I'm unable to figure out the correct way to use a custom filter in the template.

I wrote about it on StackOverflow yesterday, but it won't hurt trying the forums either.

http://stackoverflow.com/questions/34638501/kendo-ui-template-refresh

I don't mind throwing the code around.

The structure of the data I use is this: 

 

[
{
"date": "${Y.m}",
"new": "${new}",
"active": "${active}",
"inactive": "${inactive}",
"clients": [
{
"client_id": "${client_id}"
"administration_name": "${name_of_administration}",
"created_at": "${created_at}",
"updated_at": "${updated_at}",
"is_new": "${new}",
"status": "${status_id}"
}
]
}
}
]

Kibo
Top achievements
Rank 1
 answered on 07 Jan 2016
3 answers
112 views

I have a grid that is built using the Fluent GridBuilder. However, the columns that have a client templates, specifically FormatId, PrintSourceId, InvoiceStatus and DistributorId don't actually cause an update to fire. All other cells seem to be working correctly, but these cells are not. I can't see any difference other than the templates.

I've watched my network tab in Chrome Dev tools and see that all others fire an AJAX request, the ones I've listed do not. I get no errors in the console either, so I'm not really sure what could be causing this. 

I've attached the View with the GridBuilder.If there is anything else that would be helpful, please let me know. Any help is appreciated.

Vladimir Iliev
Telerik team
 answered on 07 Jan 2016
3 answers
249 views

Hi,

we're using a KendoUI ListView in our application to create, edit and delete credentials. If you add or edit a ListView item, there are inputs for Domain, Username, Password. The ListView is set to be navigatable, using the built-in events from Kendo UI. So for example if you press Enter while editing an item it should attempt to save it. This works fine, but only when you're within the Domain or Username input. The event doesn't seem to get handled when you're in the Password input. Pressing Enter does nothing, which is unfortunate, since it's - understandably - the last input the user will normally edit. Is this because the input has the type='password' attribute or what could be the reason it's not reacting to the Enter keypress? Is there another control/input we should be using?

Regards,

Steve.

Steve
Top achievements
Rank 1
 answered on 07 Jan 2016
2 answers
970 views

I'm trying to do CRUD with kendo grid using local data. my kendo grid set is 

 

var configSetupGird = $("#facility-setup").kendoGrid({
    dataSource: {
        schema: {
            model: {
                id: "configId",
                fields: {
                    noofblocks: { type: "string" },
                    noofchairspertable: { type: "string" },
                    noofcolumns: { type: "string" },
                    noofrows: { type: "string" },
                    nooftables: { type: "string" },
                    color: { type: "string" }
                }
            }
        }
    },
    sortable: true,
    toolbar: [{ template: kendo.template($("#addSetupTable").html()) }],
    columns: [
        {
            field: "noofchairspertable",
            title: "Chairs (PerTable)",
        }, {
            field: "noofblocks",
            title: "# Blocks"
        }, {
            field: "noofrows",
            title: "# Rows"
        }, {
            field: "noofcolumns",
            title: "# Columns"
        }, {
            field: "color",
            title: "Color"
        }, {
            command: [
                {
                    name: "delete",
                    text: "Delete",
                    click(evt) {
                        var tr = $(evt.target).closest("tr");
                        var data = this.dataItem(tr);
                        
                    },
 
                }]
        }
    ]
}).data("kendoGrid");

 

so when i add data 

 

var data = $('#setupTableForm').serializeObject();
data.configId = Math.floor(Math.random() * (100 - 0 + 1)) + 0;
tableSetup.push(data);
configSetupGird.dataSource.data(tableSetup);
configSetupGird.dataSource.read();
configSetupGird.refresh()

 

but this is not updating when i see the datasource objecti can see there already have added data here with i attached the browser console view what was the problem ?

 thanks

 

Boyan Dimitrov
Telerik team
 answered on 07 Jan 2016
3 answers
88 views

I have a kendo grid with draggable rows, and a kendo scheduler that ondatabound creates a droptargetarea on the current scheduler.view().content.

On drop, I am creating a new Event in the scheduler. The issue, however, is that my scheduler uses a different timezone, so when I retrieve the slot using slot = scheduler.slotByPosition, and then get the start time with slot.startDate it is actually getting a value of that timeslot in my default OS time, rather than the time for that slot in the scheduler timezone. For example, if my scheduler is being displayed in the "Alaska/Anchorage" timezone and I drag the event to the 9am timeslot, it actually gives me a slot.startDate value of 9am in Phoenix (my timezone), so once the event saves it displays in Anchorage time as 7am, since Anchorage is -9 offset and Phoenix is -7.

How can I retrieve the correct startTime using the scheduler timezone? Or is there anyway to leverage the Kendo timezones JS file to convert a time to a different timezone? I don't want to manually calculate anything since timezones are so sensitive to other factors like DST/location.

Vladimir Iliev
Telerik team
 answered on 07 Jan 2016
1 answer
146 views

Hi,

In order to get the chart object from the dom I use $("#selector").data("kendoChart")

can i use the same with navbar (e.g. $("#selector").data("kendoNavbar")) cause it does not seem to work.

If not , is there another way to get the JS object from the html

 

<div data-role="layout" data-id="drawer-layout"   data-init="onInit" data-show="showDemoLayout">
    <header data-role="header">
        <div data-role="navbar">
            <a data-role="button" id="drawer" data-rel="drawer"  href="#my-drawer" data-icon="hamburger" data-align="left"></a>
            <span data-role="view-title"></span>
            <a data-align="right" data-icon="source-code" data-click="goToSourceCode" data-role="button" title="Show this demo source code"></a>
            <a data-align="right" data-role="button" class="nav-button" data-icon="home" data-transition="slide" href="#/"></a>
        </div>
    </header>
</div>

<script>

  need the navbar object here....

<script>

Venelin
Telerik team
 answered on 07 Jan 2016
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?