Telerik Forums
Kendo UI for jQuery Forum
4 answers
3.4K+ views
Hello,

I have kendo window that pops up at the click of a link as shown below. Inside the window I have an input box which when changed gets data from the server
and displays the same on the kendo grid. The problem is, once I close the which and I re-open it, the previous data still shows. How can I clear the
currently loaded data on the close of the Kendo window?

Below is my Home/Index.vbhtml and Application/Index.vbhtml (which opens in a window as a partial view)

Regards.

Home/Index.vbhtml

<a href="#" onclick='openWindow()'>Open Window</a>

<div id="Window">@Html.Partial("~/Views/Application/Index.vbhtml")</div>

<script>
    function openWindow() {
        $("#Window").kendoWindow({
            actions: ["Close"],
            width: 1290,
            height: 580,
            modal: true,
            title: "Loan Application",
            visible: false
        }).data("kendoWindow").center();
        $("#Window").data("kendoWindow").open();
    };
</script>


Application/Index.vbhtml

<input autocomplete="off" id="TxtUserID" />

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

<script>
    $(function () {
        $('#TxtUserID').change(function () {
            LoanDataGrid()
        })
    });
</script>

<script>
    function LoanDataGrid() {
        var UserID = $("#TxtUserID").val();

        $("#grid").kendoGrid({
            dataSource: {
                     transport: {
                        read: {
                            data: { UserID: UserID },
                            dataType: "json",
                            url: '@Url.Action("Grid", "Application")',
                        }
                    },
                    schema: {
                        model: {
                            fields: {
                                Id: { type: "string" },
                                Name: { type: "string" },
                                Age: { type: "string" }
                            }
                        }
                },
                pageSize: 1
            },
            toolbar: ["search"],
            height: 205,
            scrollable: true,
            persistSelection: true,
            columns: [
                { field: "Id", title: "Id", width: "50px" },
                { field: "Name", title: "Name" },
                { field: "Age", title: "Age" },
            ]
        });
    };
</script>
Martin
Telerik team
 answered on 13 Nov 2020
5 answers
376 views

Hello,

 

How can I grab the #CIRCULAR! text/string from the cell?

This occurs when there is a formula error on the formula column.

 

I am trying to create a validation method that will validate the spreadsheet on the UI has no #CIRCULAR! errors before allowing the user to Submit their changes to the backend, if #CIRCULAR! is present in the spreadsheet, I will show a popup letting the user know #CIRCULAR! exist in a specific row.

 

Thank you!

Vincent
Top achievements
Rank 1
 answered on 12 Nov 2020
8 answers
772 views
Hello,

I am using Kendo Grid and the model is a dynamic one where i have a list of column names from an XML file and table Name and so i have to use a datatable model which varies depending on table Name and fields specified in XML file. i would like to have Inline editing in place, but when i add .Editable(editable => editable.Mode(GridEditMode.InLine)) i get error.
"Templates can be used only with field access, property access, single-dimension array index, or single-parameter custom indexer expressions."

If i try creating custon button and try to make selected row editable in jquery i canot successfully acieve that using grid.editRow. It just makes first cell editable .

Is it possible to use Inline editing with datatable model? If now how else can i achieve with custom button Edit which changes to update cancel and does the required function.

Thanks

Anamika
Kiran
Top achievements
Rank 1
Veteran
Iron
 answered on 12 Nov 2020
4 answers
838 views

I am looking to create a collection of quizzes for our HR training.  From the database side i would like to send in a list of questions and answers in a JSON object.  From that JSON, I want to dynamically create the dom for the web quiz using templates in kendo for jquery.  I found some articles and read up a bit about templates in telerik and thought that the template works for what I need.  I found an example on the forums and have modified it try to add the radiobutton group for multiple choice question or true\false and Yes\No questions.  So in my example, I can't get the radio buttons to show in the nested template.  What am I missing with regards to the radio template only showing as an object but not rendering the actual radio buttons.  

 

https://dojo.telerik.com/iwuQaJUz

Veselin Tsvetanov
Telerik team
 answered on 12 Nov 2020
12 answers
700 views

We used kendo editor for content management. When we add the data the kendo-window popup, the cursor goes to top of the editor. This issue occure in Internet explorer. But chrome it is working fine. Please help me out of this.

 

Regards,

Ayyappan M

Neli
Telerik team
 answered on 12 Nov 2020
5 answers
139 views

Hi team,

<Tooltip bad positioned when autohide:false>

 

See your own demo for an example.

I will appreciate a workaround.

Also, sorry but the new style of the callout is ugly and lack visibility.

That said, thank you for the great job done with kendo ui.

Laurent.

 

Stoyan
Telerik team
 answered on 11 Nov 2020
1 answer
122 views

I've had this issue for two years (StackOverflow post), and today I checked if the latest version of kendo fixed this issue and it looks like it didn't.

Sorting a chart against a string field works fine, as demonstrated in the following string dojo.

But when I try and sort it against a date field it simply doesn't do anything, as demonstrated in this date dojo.

 

Is there something I'm missing?

Alex Hajigeorgieva
Telerik team
 answered on 11 Nov 2020
3 answers
613 views

Hello!

The persistSelection example does not work. I tested it with Chrome and Edge.

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-persistSelection

And when was this feature introduced?

 

Best regards,

Kaan

Georgi Denchev
Telerik team
 answered on 11 Nov 2020
3 answers
3.1K+ views

How to export excel  with only selected rows, selection is based on a column value? 

Note: JQuery Grid

 

Martin Bechev
Telerik team
 answered on 11 Nov 2020
7 answers
268 views

Hello

I'm using KendoUI for JQuery and i'm having troubles to display two series of data (with some special requirements).

All my attempts to find the solution failed. Hope you can help me. 

 

I have two series of objects (with date and value field - date is the category), which starts and ends at the same time, but one serie has only every other value. We measure one values in some interval (for example day) and other in double the interval (every two days). 

For example 

- Serie 1 has objects with dates (categories) for every day: 1.1.2020, 2.1.2020, 3.1.2020, 4.1.2020, 5.1.2020, 6.1.2020, .....

- Serie 2 has objects with dates (categories) for every other day: 1.1.2020, 3.1.2020, 5.1.2020, 7.1.2020, .....

 

What i need is line graph with possible gaps where days (categories) will be lined up.

Only thing i managed to do is this: dojo - attached image current.png

What i want is attached image expected.png

 

Every help is welcome.

Thanks

Viktor Tachev
Telerik team
 answered on 11 Nov 2020
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?