Telerik Forums
Kendo UI for jQuery Forum
7 answers
398 views
I have a grid in batch edit mode. I am using server-side paging. It seems like if I make some edits, then change the page, the changed cells are lost. I am already attaching to the save() event and capturing each cells' change to do some custom validation, so I don't lose any *data*, just the visual cue that the cell was edited. 

My current idea for a workaround would be to attach to the datasource's change() event, see if any of the loaded rows were in my unsubmitted changes, and re-mark the cells edited. Is there a more efficient way to accomplish this with the framework?
Boyan Dimitrov
Telerik team
 answered on 09 Feb 2016
2 answers
132 views

Hi.

I'm working on a grid with hierarchy and inline editing. I'm facing an issue.

When I create a new father element I can expand the childs. So I could try to create the child even before the father was created. And that gives a error.

I want to disable the attempt to expand the childs until the father is created. ¿Is that posible?

Regards.

Nassouh Chehayeb
Top achievements
Rank 1
 answered on 09 Feb 2016
2 answers
125 views

Hi Guys,

 

I'm following this example on your website http://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/custom-edit-and-event-templates about a custom edit box for the .

 

but I want to replace the existing box with a box with a custom template http://demos.telerik.com/kendo-ui/multiselect/template 

 

Can someone please me how to replace

this template  

 <div data-container-for="ownerId" class="k-edit-field">
        <select id="ownerId" data-bind="value:ownerId" data-role="dropdownlist"
                        data-value-field="value" data-text-field="text">
          <option value="1">Alex</option>
          <option value="2">Bob</option>
          <option value="3">Charlie</option>
      </select>
      </div>

 

with

$("#customers").kendoMultiSelect({ dataTextField: "ContactName", dataValueField: "CustomerID", headerTemplate: '<div class="dropdown-header k-widget k-header">' +'<span>Photo</span>' +'<span>Contact info</span>' +'</div>', itemTemplate: '<span class="k-state-default" style="background-image: url(\'../content/web/Customers/#:data.CustomerID#.jpg\')"></span>' +'<span class="k-state-default"><h3>#: data.ContactName #</h3><p>#: data.CompanyName #</p></span>', tagTemplate: '<span class="selected-value" style="background-image: url(\'../content/web/Customers/#:data.CustomerID#.jpg\')"></span><span>#:data.ContactName#</span>', dataSource: { transport: { read: { dataType: "jsonp", url: "//demos.telerik.com/kendo-ui/service/Customers",}}}, height: 400});

 and make it still to work

 

thanks in advance

 

James
Top achievements
Rank 1
 answered on 09 Feb 2016
1 answer
100 views

Hi

Currently using the treeView to display a "filesystem". when a user files the tree must refresh to sync the data (count etc)
When the is updated the tree goes back to the initial collapsible state. (the expanded property is provided from the backend)

Q: Is there a way to maintain the state or copy the state from the old to the new ?

 

Alex Gyoshev
Telerik team
 answered on 09 Feb 2016
1 answer
135 views

I am developing a single-page application which is heavy with related database objects. This means I need navigation for different instances of different data objects.

 So ideally I would like to have routes like this

 /contact/23412 -> Visit view for contact/23412

 What is "the way" for doing that with the kendoui router? My first thought is to override the navigate events... Which will get complicated when I have many of these custom routes... 

Petyo
Telerik team
 answered on 09 Feb 2016
1 answer
259 views

We need to mimic the excel based report in one of angular based application. The report is actually an excel sheet with very well formatted cells and a chart at the bottom.

Can I use spreadsheet control for the same? If yes, let me know how.

Alex Gyoshev
Telerik team
 answered on 09 Feb 2016
4 answers
12.8K+ views
Hi,
I tried different things and nothing works.
I have a numeric column in a grid and this numeric field has no decimal.
When I filter on this column and key a value, when I change the focus to another control the field is formatted with two decimals.
How can I leave the column numeric but control the column format.

Thank you.

columns: [{field:"SalesrepId",title:"Salesrep",format:"?"},
Nikolay Rusev
Telerik team
 answered on 09 Feb 2016
1 answer
1.4K+ views
Is there a way to select a row when you click the Edit button? This is single inline editing.
Radoslav
Telerik team
 answered on 09 Feb 2016
1 answer
178 views

When calling set() on a kendo Model object, the 'dirty' field appears to be set to true even if the set is cancelled from the "set" event. See http://dojo.telerik.com/UMOVU for an example of this behavior.

After a little research, I found that the kendo.data.Model.set() function is setting dirty = true before calling ObservableObject.set():

set: function(field, value, initiator) {
    var that = this;
 
    if (that.editable(field)) {
        value = that._parse(field, value);
 
        if (!equal(value, that.get(field))) {
            that.dirty = true;
            ObservableObject.fn.set.call(that, field, value, initiator);
        }
    }
},

The problem could be fixed by doing something like this instead:

set: function(field, value, initiator) {
    var that = this;
  
    if (that.editable(field)) {
        value = that._parse(field, value);
  
        if (!equal(value, that.get(field))) {
            // ObservableObject.set() should return a value indicating whether or not the default was prevented.
            if(!ObservableObject.fn.set.call(that, field, value, initiator))
                that.dirty = true; // Only set dirty = true if the value was actually modified.
        }
    }
},

Nikolay Rusev
Telerik team
 answered on 09 Feb 2016
1 answer
173 views

Using DropDownList elements that use virtualized data sources, is it possible to set (or reset) the values programatically?

 In our scenario we have 3 fields (DropDownList elements) which we need to re-set via another event.  Each field needs to use the previous fields contents to run through the virtualization mappers to get it's allowable contents.  Using an API method I'm retrieving the 3 values which should be set into the UI. However, I have yet to find a way to set all 3 values via javascript in the browser. It appears that I'm running into timing issues where the dataSource.read() has not yet come back with the allowed values prior to setting those values via script code.

 Basically I'm looking for some guidance on how to make cascaded virtualized drop down lists where I can set the values from some external event such as the click of a button.

 Things I've tried so far:

1. Simply setting the value using $('#identifier').data('kendoDropDownList').value('some value'); <== Can't set the value since it doesn't exist in the data() elements

2. Calling the read method of each drop down first via $('#identifier').data('kendoDropDownList').dataSource.read(), then setting the value (timing issue?) <== same issue as 1 since the read hasn't finished yet.

3. Hacking the jqXHR object which appears to hang off the dataSource.read() method (again timing issue?)

       $('#identifier').data('kendoDropDownList').dataSource.read().done = someOtherFunction <== where 'someOtherFunction' actually does the .value() setting, this does actually run the method, but again... timing

4. Adding the necessary element to the data via the .add method, setting the value, then doing the read <== this "appears" to work but the value isn't actually selected after the read returns. Clicking on the dropdown has the placeholder element selected rather than the value

 When the user manually interacts with each field I don't have any issues with having the fields set.  It's only when trying to do this all via custom javascript code that I'm running into issues.

Georgi Krustev
Telerik team
 answered on 09 Feb 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
ScrollView
Switch
TextArea
BulletChart
Licensing
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?