Telerik Forums
Kendo UI for jQuery Forum
1 answer
123 views
what options are available for managing the views that get displayed when a user presses the "back" button on their phone? We have a script with a login/logout, and can't have the ability to press "back" to a previous view after the user logs out. The app resets at that point, but the history object is still active.
Petyo
Telerik team
 answered on 13 Dec 2013
4 answers
295 views
I could have two clients editing the same page and want the changes adjusted immediately without refreshing the data source.

The listview is setup fairly normally. It feeds of a data source and in turn sends updates through a MVC controller update.

When the MVC action processes the update it notifies connected users to the group of the change(s) to items. This notification is the same response that the JSON Result responds with effectively.

Updating all clients is close to working:
Scenario 1: Client 1 and 2 goto the same page. Client 1 edits a field and those changes are reflected on client 2's screen.
Scenario 2: Client 1 and 2 edit the same row. Any saved changes by either are updated to the others edit fields.

The problem im getting is when Client 2 begins editing a different row. When it goes to Client 1 it is more seen as the edit state of the data row. A little more challenging to understand what i mean.
So yes... im more hiting my way through the data source to have my changes there. The SignalR function will seek out the row(s) to update and run:

01.for (var i = 0; i < menuItems.length; i++)
02.{
03.    var item = menuItems[i];
04.    var dataSourceItem = this.findById(item.Id);
05.    if (!dataSourceItem) { continue; }
06. 
07.    var thumbArray = new kendo.data.ObservableArray(item.Thumbs)
08.    dataSourceItem.set("WebName", item.WebName);
09.    dataSourceItem.set("WebDescription", item.WebDescription);
10.    dataSourceItem.set("Thumbs", thumbArray);
11.    //however each item is now dirty ... and i don't want to send off them again to be saved.
12.    dataSourceItem.dirty = false;
13.}
14.if (this.dataSource.hasChanges()) {
15.    //this should always be a no now.
16.    console.log("has changes");
17.}
this.findById is digging through the kendoDataSource.data() method and returning the correct item.

How can I update the data item in the data source and have it think its the pristine saved version after the signalr update? As client 1 and 2 sort of move into a protective - only display saved changes mode once editing has started. Clicking on update on a modified row by a different client will have the correct signalr pushed values but they are not on the item display template.

Best Regards,
Matt
Matt
Top achievements
Rank 1
 answered on 12 Dec 2013
5 answers
110 views
Hi There,

I've updated to the 2013.3.1119 of Kendo UI Mobile and now when an action sheet is opened from a tab strip it closes immediately.

You can see a sample of this behavior here:

http://jsbin.com/oJaKiHU/6/edit

Just click the action button and notice how the action sheet closes immediately.

Are there any workarounds for this?

Thanks,

Robert
Kiril Nikolov
Telerik team
 answered on 12 Dec 2013
1 answer
95 views
We are adjusting the functionality of a kendo chart so that the user can drag the points/columns to update the datasource.   After the dragging operation is complete, the value should be updated according to where the user released the mouse.

At this point I am able to make the points draggable for a line chart  (see attached source code).
 
But the problem is that I am unable to retrieve the X-axis value of the chart w.r.t the new draggable point(marker) after dragging is completed, and this will be needed for a number of chart types.   Is there any way such that I can retrieve the exact data value?

Or, is there a better way to make charts draggable so as to update the datasource?
Alexander Popov
Telerik team
 answered on 12 Dec 2013
1 answer
417 views
I need to run some batch ajax posts and would like to use the new porgressbar to show the progress.
I'm trying to use the Kendo Window to display the progressbar. The post happens when user clicks on my kendo grid checkbox.
The issue I'm having is that the window only shows after the post is completed.

Here is my window code:

 <% Html.Kendo().Window()
    .Name("windowevent")
    .Scrollable(false)
    .Modal(true)
    .AutoFocus(true)
    .Width(500)
    .Title("Processing ...")
    .Content(() => {
        %>
            <div class="loading">
                <%= Html.Kendo().ProgressBar()
                .Name("totalProgressBar")
                .Type(ProgressBarType.Chunk)
                .ChunkCount(4)
                .Min(0)
                .Max(4)
                .Orientation(ProgressBarOrientation.Horizontal)
                .Events(e => e.Complete("onTotalComplete"))
                %>
            </div>
            <div class="loadingInfo">
                <h2>Loading styles</h2>
                <div class="statusContainer">
                    <p>
                        Loaded: <span class="loadingStatus">0%</span>
                        <br />
                        Item <span class="chunkStatus">1</span> of 4
                    </p>
                </div>
            </div>    
        <%
    })
    .Draggable()
    .Visible(false)
    .Render();
    %>


Here is my checkbox click event:

function onClick() {
            $.ajaxSetup({ async: false });

            $("#windowevent").data("kendoWindow").center().open();
            
         $.post("<%= Url.Action("AddToCatalog", "Settings")%>?CatalogID=" + <%= Model.CatalogID %> + "&ManufacturerID=" + id + "&time=" + new Date().getTime(), function (data, status) {
                    if (data != "True" || status != "success") { alert("Error trying to update. Please try again."); gridMan.dataSource.read(); };
                });
           var total = $("#totalProgressBar").data("kendoProgressBar");
           total.value(total.value() + 1);

            $.ajaxSetup({ async: true });
            
        }

Any clue how to make this an efficient sync process?


Thanks!
Dimiter Madjarov
Telerik team
 answered on 12 Dec 2013
1 answer
117 views
Hi,

I am using batch (in cell edit ) in Kendo grid. All the CRUS calls (create, update and destroy) are called asynch. Please let me know if we can prioritize the sequence or call all the 3 operations in one ajax call.

Thanks,
Shobana
Alexander Popov
Telerik team
 answered on 12 Dec 2013
1 answer
138 views
I've noticed that when you map the id of the model to a different field (e.g.   id: "personID") , the resulting object will actually possess still possess the ID field as well as whatever it was assigned to.

e.g. using the personID example

var test = kendo.data.Model.define({id: "personID"});
t = new test();
Results in: 
{personID: "", uid: "a30e1c16-fc65-4345-980c-4d5ad527348c", dirty: false, id: ""}

My question is what it the use of the id field versus the personID field.  I've noticed the framework updates both fields upon a successful post back. but also that the isNew() function only tiggers of the id field... not the personID field.
Daniel
Telerik team
 answered on 12 Dec 2013
1 answer
551 views
I have an horizontal splitter in my web page (a collapsible menu and the main content). The main content is separate by a vertical splitter (a fixed size pane with 30 pixels and another one taking the space left). The fixed vertical pane contain a few elements with a display:inline-block, making them all on one line.

When the collapsible menu is open there isnt enought space for all elements on the same line so it takes two, however the panes have a fixed size and don't resize properly to 60px. I can't manually resize it in my vertical splitter's resize event because it'll cause recursivity and I can't do it in my horizontal splitter's one because the problem is there on other events too (ex. : browser resize)

How can I resize dynamically a pane based on it's content?
Dimo
Telerik team
 answered on 12 Dec 2013
4 answers
160 views
Hi There,

I am having an issue creating and showing a drawer using javascript rather than defining it in html.

I have reproduced the issue in a simple sample:

http://jsbin.com/oJaKiHU/1/edit

Is this possible or am i doing something wrong?

Thanks,

Rob
Dragan
Top achievements
Rank 1
 answered on 12 Dec 2013
7 answers
296 views
Hi,

Edit: the subject of this thread should contain "nodes" not "notes".

I wasn't able to find documentation on how checked nodes from a Kendo TreeView (MVC Razor) are posted to the server.  With your ASP.NET MVC extensions, I used a method on my controller of the form:

[AcceptVerbs(HttpVerbs.Post)]
 public ActionResult Update(FormCollection formCollection, List<TreeViewItem> treeView_checkedNodes)

When I use this approach with Kendo, the method is invoked but the treeView_checkedNodes argument is null.

If this is the right approach, then I can post more code so that you might help me find the problem.  But otherwise please advise as to how to obtain, from an MVC controller on the server, the TreeView's checked items.

thanks,
Derek
Alex Gyoshev
Telerik team
 answered on 12 Dec 2013
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
Dialog
Chat
DateRangePicker
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
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
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?